.inkling-action { margin: 12px 0; padding: 16px; border: 1px solid #00b8d9; border-radius: 14px; background: var(--paper, #f7f5f0); color: var(--ink, #14151a); font: 14px/1.5 Helvetica, Arial, sans-serif; }
.inkling-action strong { display: block; font-size: 16px; }
.inkling-action-field { display: flex; flex-direction: column; gap: 5px; margin-top: 12px; font-weight: 600; }
.inkling-action-field input, .inkling-action-field textarea { box-sizing: border-box; width: 100%; min-width: 0; padding: 10px; border: 1px solid #74777e; border-radius: 6px; font: 16px/1.4 Helvetica, Arial, sans-serif; background: #fff; color: #14151a; }
.inkling-action-field textarea { resize: vertical; }
.inkling-action-note { margin: 12px 0 0; font-size: 14px; overflow-wrap: anywhere; }
.inkling-action-controls { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.inkling-action-button, .inkling-action-cancel { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 13px; border-radius: 6px; font: 600 14px/1.4 Helvetica, Arial, sans-serif; cursor: pointer; text-decoration: none; }
.inkling-action-button { background: #14151a; color: #fff; border: 1px solid #14151a; }
.inkling-action-cancel { background: transparent; color: inherit; border: 1px solid currentColor; }
.inkling-action button:disabled { opacity: .6; cursor: default; }
.inkling-action :focus-visible { outline: 3px solid #00b8d9; outline-offset: 3px; }
.inkling-action-honey { display: none; }
[data-theme="dark"] .inkling-action { background: #202229; color: #f7f5f0; }
[data-theme="dark"] .inkling-action-button { background: #00b8d9; color: #14151a; border-color: #00b8d9; }