/* Approved ASK composer. Existing theme tokens keep it part of DeckForge. */
.ask-input-box { display: block; min-width: 0; border: 1px solid var(--border); border-radius: 3px; background: var(--surface-2); }
.ask-input-box:focus-within { border-color: var(--gold); }
.ask-input-box textarea { display: block; width: 100%; box-sizing: border-box; min-height: 5rem; border: 0; background: transparent; font-size: 16px; padding: .75rem; }
.ask-input-toolbar { display: flex; align-items: center; gap: .25rem; padding: .35rem; }
.ask-input-spacer { flex: 1; }
.ask-input-action { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 44px; min-width: 44px; padding: .4rem .6rem; font: inherit; font-size: .85rem; color: var(--ink-2); background: none; border: 0; border-radius: 2px; cursor: pointer; }
.ask-input-action svg { flex: none; }
.ask-input-action:hover, .ask-input-action[aria-expanded="true"] { color: var(--gold-bright); background: var(--gold-wash); }
.ask-input-action:disabled { opacity: .5; cursor: default; }
.ask-input-toolbar .ask-send { min-height: 44px; padding: .5rem 1rem; }
.ask-input-add-wrap { position: relative; }
.ask-input-menu { position: absolute; bottom: calc(100% + .4rem); left: 0; z-index: 3; width: 210px; max-width: 70vw; padding: .3rem; background: var(--surface); border: 1px solid var(--border); border-radius: 3px; box-shadow: var(--shadow-2); }
.ask-input-menu .ask-input-action { display: flex; justify-content: flex-start; width: 100%; min-height: 48px; gap: .7rem; }
.ask-input-menu .ask-input-action:last-child { border-top: 1px solid var(--border-soft); }
.ask-input-menu svg { color: var(--gold); }
.ask-input-attachments { display: flex; flex-wrap: nowrap; gap: .4rem; padding: .45rem .35rem; box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: thin; grid-column: 1 / -1; }
.ask-input-attachments:empty { display: none; }
.ask-input-attachment { position: relative; display: flex; align-items: center; justify-content: center; flex: 0 0 72px; box-sizing: border-box; height: 96px; padding: 0; border: 0; border-radius: 8px; background: none; min-width: 0; }
.ask-input-attachment > img { flex: none; width: 72px; height: 96px; object-fit: contain; border-radius: 8px; }
.ask-input-attachment > svg { flex: none; width: 32px; height: 42px; color: var(--gold); }
.ask-input-attachment:has(>svg) { border: 1px solid var(--border); background: var(--surface); }
.ask-input-file-label { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; white-space: nowrap; }
.ask-input-attachment button,.ask-input-attachment button:hover { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; gap: 0; background: radial-gradient(circle,var(--surface) 12px,transparent 13px); }
.ask-input-listening { display: flex; align-items: center; gap: .4rem; margin: .3rem .5rem 0; border-bottom: 1px solid var(--border-soft); color: var(--gold); font-size: .8rem; }
.ask-input-cancel { margin-left: auto; }
.ask-input-status { font-size: .78rem; color: var(--ink-2); overflow-wrap: anywhere; }
.ask-input-status:empty { display: none; }
.ask-input-box [hidden] { display: none !important; }
.ask-comp { flex-shrink: 0; }
.ask-chat { min-height: 0; }
.ask-chat.is-drawer .ask-log { min-height: 2rem; }
@media (min-width: 761px) { .ask-main .ask-log { min-height: 2rem; } }
@media (max-height: 600px) {
  .ask-drawer { overflow-y: auto; }
  .ask-chat.is-drawer .ask-starters { display: none; }
}
@media (max-width: 380px) { .ask-input-action { padding: .4rem; gap: .3rem; } .ask-input-toolbar .ask-send { padding: .5rem .8rem; } }

.ask-input-toolbar .ask-stop { width: 44px; padding: 0; border-radius: 11px; font-size: 20px; }

.ask-chat .ask-input-box textarea{outline:none;box-shadow:none;border:0;background:transparent}.ask-input-box:focus-within{box-shadow:0 0 0 1px var(--gold)}