@font-face{font-family:KivSans;src:url('fonts/NotoSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:KivSans;src:url('fonts/NotoSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
.chat-connection,.chat-reply{margin:20px auto;text-align:left;max-width:780px;border:1px solid #dce4dd;border-radius:18px;padding:18px;background:#fbfcf9}.chat-connection p{margin:0 0 12px}.chat-connection-actions,.chat-recovery li{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chat-connection button{font:inherit;padding:8px 12px;border:1px solid #cbd8cb;border-radius:20px;background:white;color:#234434;cursor:pointer}.chat-connection button:disabled{opacity:.5;cursor:default}.chat-connection a{color:#234434}.chat-recovery{padding:0;list-style:none}.chat-recovery li{font-size:12px;margin:10px 0}.chat-reply h2{font-size:16px;margin:0 0 12px}.chat-reply pre{font:inherit;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.chat-reply[hidden]{display:none}
:root{--ink:#263349;--muted:#66717c;--sage:#edf3ed;--lilac:#f2eff8;--line:#e6e9e8;--accent:#536969;--paper:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 KivSans,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:4px}
button,textarea,input{font:inherit}
a:focus-visible,button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #80948d;outline-offset:4px}
.skip{position:fixed;top:8px;left:8px;z-index:5;padding:10px 16px;background:var(--ink);color:#fff;transform:translateY(-150%)}
.skip:focus{transform:none}
.workspace{display:block;min-height:100svh}
.brand{display:inline-flex;align-items:center;margin:0;flex-shrink:0}
.brand img{display:block;width:105px;height:40px;object-fit:contain}
.workspace-heading{display:flex;align-items:center;gap:28px;min-width:0}
.canvas{display:flex;flex-direction:column;min-width:0;min-height:100svh}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 31px}
.preview-label{border:1px solid #e5e1ed;background:#f7f5fb;color:#716580;font-size:10px;padding:5px 11px;border-radius:20px;letter-spacing:.025em;white-space:nowrap}
main{display:flex;flex:1;align-items:center;justify-content:center;padding:25px 32px 35px}
main:focus{outline:none}
.start{width:min(100%,720px);text-align:center}
.bird{width:128px;height:128px;overflow:hidden;margin:0 auto 14px;background:#fff}
.bird img{display:block;width:128px;height:128px;object-fit:contain}
.eyebrow{font-size:9px;letter-spacing:.17em;color:#6a8079;margin:0 0 12px}
h1{font-size:clamp(26px,3vw,38px);font-weight:400;line-height:1.23;letter-spacing:-.045em;margin:0}
h1 span{color:#677580}
.mobile-break{display:none}
.welcome{font-size:14px;color:var(--muted);margin:14px 0 28px}
.composer{text-align:left;border:1px solid #dce3df;border-radius:18px;background:#fff;box-shadow:0 5px 20px #213d2b06;padding:17px 17px 12px}
.composer:focus-within{border-color:#91a69a;box-shadow:0 0 0 3px #eff4ef}
textarea{display:block;resize:vertical;border:0;background:transparent;color:var(--ink);width:100%;min-height:77px;max-height:240px;padding:0 2px;font-size:14px;line-height:1.7;border-radius:3px}
textarea::placeholder{color:#879089;opacity:1}
textarea:focus-visible{outline:none}
.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:6px}
.composer-footer>span{font-size:10px;color:#7d8780}
.composer button{display:grid;place-items:center;border:0;border-radius:11px;width:35px;height:35px;background:#e4ece5;color:#829486;font-size:25px;line-height:1;cursor:not-allowed}
.preview-note{font-size:10px;line-height:1.8;color:#738078;margin:13px 0 23px}
.ideas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;text-align:left}
.idea{padding:16px 17px 17px;border:1px solid #e3e9e2;border-radius:11px;background:#f3f7f2}
.idea.lilac{background:#f6f3fa;border-color:#eae5f0}.idea.blue{background:#f2f6f9;border-color:#e2e9ee}
.idea-icon{display:block;font-size:20px;height:31px;color:#688078}
.lilac .idea-icon{color:#847594}.blue .idea-icon{color:#708399}
.idea h3{font-size:12px;font-weight:400;margin:5px 0 5px}
.idea p{font-size:10px;line-height:1.75;color:#718079;margin:0;max-width:165px}
.examples-note{font-size:9px;color:#849087;margin:11px 0 0}
.canvas-footer{display:flex;justify-content:space-between;gap:15px;padding:17px 31px;font-size:9px;color:#7b8780}
.canvas-footer a{color:#607269}.canvas-footer nav{display:flex;flex-wrap:wrap;gap:18px}
.workspace-controls{display:flex;align-items:center;gap:16px;margin:12px 0 0}
.workspace-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:1;min-width:0;text-align:left}
.workspace-shortcuts .folder-button{justify-content:center;min-width:0;min-height:46px;background:#fafcf9;border-color:#e5eae3;font-size:11px;padding:10px 8px}
.workspace-shortcuts svg{flex-shrink:0;color:#728579}
.app-links{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin:10px 0 0;color:#64766b}
.app-links>span{font-size:10px;color:var(--muted);margin-right:4px}
.app-links button{border:1px solid #e5eae3;border-radius:9px;background:#fafcf9;color:#55695d;font:inherit;font-size:11px;line-height:1.3;min-width:70px;min-height:30px;padding:6px 9px;cursor:pointer}
.app-links button:hover{background:#edf3ed;border-color:#b9caba;color:#344c3f}
.quiet-action{font-size:11px;background:white}
.workspace-dialog{width:min(580px,calc(100vw - 32px));max-height:calc(100svh - 40px);padding:26px;border:1px solid #dfe6df;border-radius:20px;color:var(--ink);box-shadow:0 24px 80px #213b3026;overflow:auto}
.workspace-dialog::backdrop{background:#22352b55;backdrop-filter:blur(3px)}
.install-steps{padding-left:24px;font-size:13px;line-height:1.8}.install-steps li{padding:4px 0 8px 4px}
@media(max-width:650px){.workspace-controls{flex-wrap:wrap;gap:0}.workspace-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;flex-basis:100%}.app-links{justify-content:center;gap:7px}.app-links>span{flex-basis:100%;margin:0}.app-links button{min-height:36px;padding-inline:10px}.workspace-shortcuts .folder-button{gap:6px;font-size:10px;line-height:1.4;padding:10px 5px;min-height:44px}.workspace-dialog{padding:20px 16px}}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){main{padding-bottom:85px}}
@media(max-width:900px){.topbar{padding-inline:22px}main{padding:20px 24px 25px}.idea{padding:13px}.idea p{font-size:9px}.canvas-footer{padding-inline:22px}.canvas-footer{justify-content:center}}
@media(max-width:650px){.brand img{width:83px;height:32px}.canvas{min-height:100svh}.topbar{padding:15px 20px}.preview-label{font-size:9px;padding:4px 9px}main{align-items:flex-start;padding:26px 20px 16px}.bird,.bird img{width:112px;height:112px}.bird{margin-bottom:17px}.eyebrow{font-size:8px;letter-spacing:.12em}h1{font-size:30px;line-height:1.3}.mobile-break{display:block}.welcome{font-size:12px;margin:14px 0 25px}.composer{padding:15px 14px 11px;border-radius:15px}textarea{font-size:16px;min-height:87px}.composer-footer>span{font-size:9px}.preview-note{font-size:9px;margin-bottom:21px}.desktop-break{display:none}.ideas{gap:8px}.idea{padding:11px 10px 12px}.idea h3{font-size:10px;line-height:1.5}.idea p{display:none}.idea-icon{font-size:18px;height:25px}.examples-note{font-size:8px;margin-top:10px}.canvas-footer{margin-top:auto;padding:20px;font-size:9px}}
@media(prefers-reduced-motion:no-preference){a,textarea,.composer{transition:border-color .15s,background-color .15s,box-shadow .15s}}
@media(forced-colors:active){.preview-label,.new-chat,.composer,.idea{border:1px solid CanvasText}.composer button{border:1px solid GrayText}}

/* Local browser tools: attachments are memory-only and Send stays disabled. */
[hidden]{display:none!important}
.composer{position:relative}.composer.drop-active{border:2px dashed #708b7b;background:#f8fbf7}
.local-tools,.draft-tools{display:flex;align-items:center;gap:10px;min-width:0}
.composer .tool-button{width:35px;height:35px;cursor:pointer;color:#526b5a;background:#f0f4ef;font-size:22px;border:1px solid #dfe7df}
.local-hint{color:#78857b;font-size:10px}.composer .expand-button{width:auto;height:32px;background:transparent;color:#687971;font-size:10px;border-radius:6px;padding:4px 8px;cursor:pointer}
.composer button:disabled{cursor:not-allowed}.composer button:not(:disabled):hover{background:#e8eee6}
.menu-anchor{position:relative}.plus-menu{position:absolute;z-index:3;left:0;bottom:45px;width:248px;border:1px solid #dce4df;border-radius:12px;padding:6px;background:#fff;box-shadow:0 10px 32px #20342b18}
.composer .plus-menu button{display:block;text-align:left;width:100%;height:auto;min-height:51px;padding:9px 12px;background:#fff;color:#314436;font-size:12px;line-height:1.5;border-radius:7px;cursor:pointer}
.composer .plus-menu button span{display:block;color:#7a877f;font-size:10px}.composer .plus-menu button:disabled{opacity:.5;cursor:not-allowed}
.attachments{list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:8px 0 11px}
.attachments li{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:100%;min-width:140px;border:1px solid #e0e5df;border-radius:9px;padding:8px 8px 8px 11px;background:#f7f9f5}
.attachments li>span{min-width:0;max-width:220px}.attachments strong{display:block;font-size:11px;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.attachments small{display:block;font-size:9px;color:#728077}
.composer .attachments button{width:28px;height:28px;flex-shrink:0;font-size:18px;cursor:pointer;background:transparent;color:#65786b}
.attachment-limits{font-size:9px;color:#788579;margin:12px 0 0}.draft-meta{display:flex;justify-content:space-between;gap:10px;color:#7c877f;font-size:9px;margin-top:6px}.draft-meta>span:last-child{margin-left:auto;white-space:nowrap}
.draft-error{font-size:11px;line-height:1.6;color:#984b43;background:#fff4f1;border-radius:7px;padding:9px 11px;margin:10px 0 0;overflow-wrap:anywhere}
textarea.expanded{height:340px;max-height:65svh;min-height:220px}
@media(max-width:650px){.local-hint{font-size:9px}.local-tools,.draft-tools{gap:6px}.composer .expand-button{font-size:9px;padding-inline:5px}.attachment-limits{font-size:8px}.draft-meta{font-size:8px}.attachments li{width:100%;min-width:0}.attachments li>span{max-width:calc(100% - 38px)}.plus-menu{width:min(248px,calc(100vw - 75px))}textarea.expanded{height:280px}.preview-note{font-size:9px}}
@media(max-width:360px){.local-hint{max-width:80px;line-height:1.4}}

/* A persistent, browser-local home for work. */
.topbar-actions{display:flex;align-items:center;gap:12px}.folder-button,.download-folder,.file-actions button,.close-files{font:inherit;cursor:pointer;color:var(--ink);border:1px solid #dce4df;background:#f4f7f2;border-radius:9px;padding:9px 13px}
.folder-button{display:flex;align-items:center;gap:8px;font-size:12px}.folder-button #files-count{background:#e5ecdf;padding:0 6px;border-radius:5px;min-width:20px;font-size:10px}
.folder-button:hover,.download-folder:hover,.file-actions button:hover{background:#e9f0e5}button:disabled{opacity:.55;cursor:not-allowed}.save-line{display:flex;gap:12px;align-items:center;min-height:23px;font-size:10px;color:#5a7466;margin-top:7px}.save-line[data-error=true]{color:#954139}.composer #retry-save{font-size:10px;width:auto;height:auto;padding:5px 9px;cursor:pointer;color:#624d42}
#files-dialog{width:min(720px,calc(100vw - 32px));max-height:calc(100svh - 40px);padding:26px;border:1px solid #dfe6df;border-radius:20px;color:var(--ink);box-shadow:0 24px 80px #213b3026;overflow:auto}#files-dialog::backdrop{background:#22352b55;backdrop-filter:blur(3px)}
#plugins-dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100svh - 40px);padding:26px;border:1px solid #dfe6df;border-radius:20px;color:var(--ink);box-shadow:0 24px 80px #213b3026;overflow:auto}#plugins-dialog::backdrop{background:#22352b55;backdrop-filter:blur(3px)}.plugin-card{display:flex;gap:15px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0}.plugin-card h3,.connected-title{font-size:14px;font-weight:400;margin:0 0 6px}.plugin-card p{font-size:11px;color:var(--muted);margin:0 0 6px}.plugin-ready{font-size:10px;color:#547454;background:#edf5e7;padding:3px 7px;border-radius:5px}.plugin-card button{border:1px solid #dce4df;border-radius:8px;font:inherit;font-size:11px;padding:9px 11px;background:#f4f7f2;white-space:nowrap;cursor:pointer}.connected-title{margin-top:16px}.folder-capacity{margin:0 0 18px;font-size:10px;color:var(--muted)}.folder-capacity label{display:block;margin-bottom:3px}.folder-capacity meter{display:block;width:100%;height:12px}.folder-capacity p{margin:5px 0;font-size:10px}.folder-capacity[data-full=true]{color:#984b43}
.files-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.files-heading .eyebrow{margin-bottom:5px}.files-heading h2{font-size:28px;font-weight:400;letter-spacing:-.04em;margin:0}.close-files{background:#fff;font-size:24px;line-height:1;width:38px;height:38px;padding:0}
.files-intro{margin:13px 0 6px;font-size:13px}.storage-note,.folder-footnote{font-size:11px;color:var(--muted);line-height:1.7}.storage-note{background:#f5f3fa;border-radius:9px;padding:11px 13px}.folder-footnote{margin-bottom:0}.files-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 14px;font-size:11px}.download-folder{font-size:11px;white-space:nowrap}
.saved-files{list-style:none;padding:0;margin:0}.saved-files li{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #e6eae6}.file-symbol{width:37px;height:43px;flex:0 0 auto;border:1px solid #d9e2d8;border-radius:7px;background:#edf4e8;color:#6b8564;display:grid;place-items:center;font-size:18px}.file-details{min-width:0;flex:1}.file-details strong{display:block;font-size:12px;font-weight:400;overflow-wrap:anywhere}.file-details small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.file-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.file-actions button{font-size:10px;padding:7px 9px}.file-actions .delete-file{background:white;color:#87655e}.folder-empty{padding:30px 12px 36px;text-align:center;background:#f9fbf7;border:1px dashed #d8e2d5;border-radius:12px}.folder-empty>span{font-size:34px;color:#8aa179}.folder-empty h3{font-weight:400;font-size:17px;margin:10px 0 6px}.folder-empty p{font-size:12px;color:var(--muted);margin:0}#folder-error{font-size:12px;background:#fff1ec;color:#904638;padding:10px;border-radius:8px}
@media(max-width:650px){.topbar-actions{gap:8px}.topbar-actions .preview-label{display:none}.folder-button{font-size:11px;padding:7px 9px}.topbar{gap:7px}#files-dialog{padding:20px 16px}.saved-files li{flex-wrap:wrap;gap:9px}.file-actions{width:100%;padding-left:46px;justify-content:flex-start}.files-toolbar{flex-wrap:wrap}.files-heading h2{font-size:25px}.save-line{font-size:9px}.storage-note{font-size:10px}}

/* Search is a read-only view of the same local My files entries. */
.completed-work{margin:20px 0;text-align:left;border:1px solid #d9e3d7;border-radius:12px;background:#f4f8ef;padding:16px 18px;overflow-wrap:anywhere}.completed-work strong{font-size:13px;font-weight:500}.completed-work p{font-size:11px;line-height:1.7;color:var(--muted);margin:6px 0 12px}.completed-work button{font:inherit;font-size:11px;color:var(--ink);background:white;border:1px solid #ccd9c9;border-radius:8px;padding:9px 12px;cursor:pointer}.completed-work[hidden]{display:none}
.recent-history{list-style:none;margin:0 0 14px;padding:0}.recent-history button{font:inherit;font-size:11px;color:var(--ink);background:transparent;border:0;border-radius:6px;padding:7px 0;max-width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.recent-history button:hover{color:#46694e;text-decoration:underline}
#history-dialog{width:min(720px,calc(100vw - 32px));max-height:calc(100svh - 40px);padding:26px;border:1px solid #dfe6df;border-radius:20px;color:var(--ink);box-shadow:0 24px 80px #213b3026;overflow:auto}#history-dialog::backdrop{background:#22352b55;backdrop-filter:blur(3px)}.history-label{display:block;font-size:11px;margin:20px 0 7px}#history-query{width:100%;border:1px solid #ccd8cf;border-radius:10px;padding:12px;background:#fbfdf9;color:var(--ink)}.history-summary{font-size:11px;color:var(--muted);margin:15px 0}.history-results{list-style:none;padding:0;margin:0}.history-results li{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding:10px 0}.history-open{flex:1;min-width:0;border:0;border-radius:8px;padding:10px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.history-open:hover{background:#f3f7f0}.history-open strong,.history-open small,.history-open span{display:block;overflow-wrap:anywhere}.history-open strong{font-size:13px;font-weight:400}.history-open small{color:var(--muted);font-size:10px;margin:4px 0 7px}.history-open span{font-size:11px;color:#5e6d62}.history-delete{font:inherit;cursor:pointer;border:1px solid #e5dfdb;background:white;color:#87655e;border-radius:8px;font-size:10px;padding:8px}#history-error{font-size:12px;background:#fff1ec;color:#904638;padding:10px;border-radius:8px}
@media(max-width:650px){.topbar-actions{width:100%;justify-content:space-between}#history-dialog{padding:20px 16px}.history-results li{gap:6px}.history-open{padding:8px 2px}.history-open strong{font-size:12px}#history-query{font-size:16px}.history-button{white-space:nowrap}}

/* One white workspace; navigation stays above the composer. */
.recent-section{margin:15px 0;color:var(--muted);font-size:11px}.recent-section summary{cursor:pointer;padding:6px 0}.recent-section .recent-history{margin:8px 0}.recent-section .history-note{font-size:10px}
@media(max-width:760px){.topbar{flex-wrap:wrap;gap:12px}.workspace-heading{width:100%;justify-content:space-between;gap:12px}.topbar-actions{width:100%;justify-content:flex-end;flex-wrap:wrap;gap:8px}.topbar-actions .preview-label{display:none}.workspace-heading .folder-button{font-size:11px}.brand img{width:83px;height:32px}}

.topbar-link{font-size:11px;color:#65716f;white-space:nowrap;padding:8px 4px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.topbar{flex-wrap:wrap}.canvas-footer{justify-content:center}

/* The bird's soft blue, aqua and lilac palette, with readable ink. */
:root{--ink:#293a53;--muted:#5d6e84;--line:#dce6f3;--sage:#edf9fa;--lilac:#f4f1fc;--accent:#436990;--bird-blue:#eaf5ff;--bird-aqua:#edf9fa;--bird-lilac:#f4f1fc;--bird-border:#d5e3f3;--bird-text:#355779;--bird-control:linear-gradient(115deg,#edf7ff,#f3f0fc)}
a:focus-visible,button:focus-visible,textarea:focus-visible,input:focus-visible{outline-color:#6587cb}
.eyebrow,.topbar-link,.canvas-footer,.canvas-footer a{color:#60738e}h1 span{color:#647eae}
.composer{border-color:var(--bird-border);box-shadow:0 5px 22px #497dd108}
.composer:focus-within{border-color:#93b4e2;box-shadow:0 0 0 3px #eef5ff}
.composer.drop-active{border-color:#6f9cd4;background:#f5faff}
textarea::placeholder,.local-hint,.composer-footer>span,.attachment-limits,.draft-meta,.preview-note,.examples-note{color:#61738a}
.folder-button,.download-folder,.file-actions button,.close-files,.app-links button,.workspace-shortcuts .folder-button,.plugin-card button,.chat-connection button{background:var(--bird-control);border-color:var(--bird-border);color:var(--bird-text)}
.folder-button:hover,.download-folder:hover,.file-actions button:hover,.close-files:hover,.app-links button:hover,.plugin-card button:hover,.chat-connection button:hover{background:linear-gradient(115deg,#dfedff,#eae5fa);border-color:#b8cbea;color:#2d4d72}
.workspace-shortcuts #new-work{background:linear-gradient(115deg,#e1f2ff,#e9efff);border-color:#c8dcf5}
.workspace-shortcuts #new-work:hover{background:linear-gradient(115deg,#d7eaff,#e4e5fb)}
.workspace-shortcuts svg{color:#6285b6}.folder-button #files-count{background:#e0edf9;color:#496b94}
.app-links{color:var(--bird-text)}
.composer .tool-button,.composer #send{background:var(--bird-control);border:1px solid var(--bird-border);color:#4b73aa}
.composer .expand-button,.composer .attachments button{color:#486486}
.composer button:not(:disabled):hover{background:#e9f1fd}.composer .plus-menu button{color:var(--bird-text)}
.composer .plus-menu button span,.attachments small,.save-line{color:#587491}
.plus-menu{border-color:var(--bird-border);box-shadow:0 10px 32px #354f8518}
.attachments li{border-color:var(--bird-border);background:#f3f8ff}
.idea{background:var(--bird-aqua);border-color:#d8ecf1}.idea.lilac{background:var(--bird-lilac);border-color:#e6dff5}.idea.blue{background:var(--bird-blue);border-color:#dce8f6}
.idea-icon{color:#5286a0}.lilac .idea-icon{color:#8875b6}.blue .idea-icon{color:#668ac0}.idea p{color:var(--muted)}
.workspace-dialog,#files-dialog,#plugins-dialog,#history-dialog{border-color:var(--bird-border);box-shadow:0 24px 80px #2b427a21}
.workspace-dialog::backdrop,#files-dialog::backdrop,#plugins-dialog::backdrop,#history-dialog::backdrop{background:#25375455}
.chat-connection,.chat-reply{border-color:var(--bird-border);background:#f8fbff}.chat-connection a{color:var(--bird-text)}
.file-symbol{background:linear-gradient(145deg,#e8f6ff,#efebff);border-color:#d3e2f3;color:#6689b4}
.saved-files li{border-color:var(--line)}.file-actions .delete-file{background:white;color:#87655e}
.folder-empty{background:#f6faff;border-color:#d4e2f4}.folder-empty>span{color:#7b9fce}
.completed-work{background:linear-gradient(115deg,#eff9fb,#f4f2fd);border-color:var(--bird-border)}.completed-work button{border-color:var(--bird-border);color:var(--bird-text)}
#history-query{border-color:var(--bird-border);background:#f8fbff}.history-open:hover{background:#edf5ff}.history-open span{color:var(--muted)}.recent-history button:hover{color:#466da5}

/* One compact second row for account controls and platform links. */
.workspace-links{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;margin-top:9px}
.workspace-links .app-links{display:contents}
.workspace-links button,.workspace-links a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:32px;margin:0;padding:5px 4px;border:1px solid var(--bird-border);border-radius:9px;background:var(--bird-control);color:var(--bird-text);font:inherit;font-size:10px;line-height:1.4;white-space:nowrap;text-decoration:none;cursor:pointer}
.workspace-links button:hover,.workspace-links a:hover{background:linear-gradient(115deg,#dfedff,#eae5fa);border-color:#b8cbea;color:#2d4d72}
.workspace-heading{width:auto}
@media(max-width:700px){.workspace-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.workspace-links button,.workspace-links a{min-height:36px}}

/* Three compact starting points take the former connection panel's position. */
.ideas{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0;text-align:center}
.idea{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:46px;margin:0;padding:10px 8px;border:1px solid var(--bird-border);border-radius:9px;background:var(--bird-control);color:var(--bird-text);font:inherit;font-size:11px;line-height:1.4;cursor:pointer}
.idea:hover{background:linear-gradient(115deg,#dfedff,#eae5fa);border-color:#b8cbea}
.idea .idea-icon{display:inline-flex;align-items:center;height:auto;font-size:18px;color:#6285b6}
@media(max-width:650px){.ideas{gap:7px}.idea{font-size:10px;min-height:44px;padding:10px 4px}.idea .idea-icon{display:none}}

/* A quieter composer: useful details live in My files; failures remain visible. */
.composer{display:flex;flex-direction:column;min-height:226px;padding:16px 14px 10px}
.composer textarea{height:158px;min-height:158px;flex:1 0 auto;padding-inline:0}
.composer textarea.expanded{height:340px;min-height:220px;max-height:65svh}
.composer-footer{margin-top:auto;padding-top:8px;gap:10px}
.composer .local-tools{flex:1;gap:8px}
.composer .tool-button{width:28px;height:28px;border-radius:9px;flex-shrink:0}
.composer .tool-button svg{width:18px;height:18px}
.composer-drop-hint{font-size:10px;line-height:1.4;color:#61738a}
.composer .draft-tools{gap:8px;flex-shrink:0}
.composer .expand-button{height:26px;padding:4px 5px;font-size:9px}
.composer #send{width:28px;height:28px;font-size:20px;border-radius:8px}
.draft-count{font-size:9px;white-space:nowrap;color:#61738a}
.draft-meta:has(#file-summary:empty){display:none}
.composer .save-line:not([data-error="true"]){display:none}
#preview-note{margin:0}
#chat-availability-note:not([hidden]){display:block;margin:13px 0 23px}
@media(max-width:650px){.composer .draft-tools{gap:6px}.composer .local-tools{gap:6px}.composer-drop-hint{font-size:9px}.composer-footer{gap:8px}.composer textarea.expanded{height:280px}}

/* Quiet access to the curated Kiv1 design library. */
.topbar .vault-link{font:inherit;font-size:11px;line-height:1.5;color:#60738e;text-decoration:none;padding:6px 2px;margin-left:auto}
.topbar .vault-link:hover{text-decoration:underline;text-underline-offset:4px;color:#355779}
.topbar .vault-link:focus-visible{outline:3px solid #6587cb;outline-offset:4px;border-radius:3px}

/* Availability is shown only after an explicit request needs attention. */
#chat-limit-dialog{width:min(380px,calc(100vw - 32px));max-height:calc(100svh - 32px);padding:20px;border:1px solid var(--bird-border);border-radius:14px;background:#fff;color:var(--ink);overflow:auto;text-align:left}
#chat-limit-dialog .files-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
#chat-limit-dialog h2{font-size:17px;letter-spacing:0;line-height:1.4;margin:0}
#chat-limit-dialog p{font-size:13px;line-height:1.7;margin:12px 0}
#chat-limit-dialog a{color:var(--bird-text);font-size:13px;text-underline-offset:3px}
#chat-limit-dialog :focus-visible{outline:3px solid #6587cb;outline-offset:3px}
#chat-limit-dialog::backdrop{background:#293a5338}
#chat-connection[hidden]{display:none}

.composer .voice-button{display:inline-grid;place-items:center;flex:0 0 auto;width:28px;height:28px;padding:5px;border:1px solid var(--bird-border);border-radius:7px;background:var(--bird-control);color:var(--bird-text);cursor:pointer}
.voice-button svg{width:16px;height:16px}.voice-button:focus-visible{outline:3px solid #6587cb;outline-offset:2px}
#voice-dialog{width:min(380px,calc(100vw - 32px));max-height:calc(100svh - 32px);padding:20px;border:1px solid var(--bird-border);border-radius:14px;background:#fff;color:var(--ink);text-align:left;overflow:auto}
#voice-dialog h2{font-size:17px;line-height:1.4;letter-spacing:0;margin:0 0 12px}#voice-dialog p{font-size:13px;line-height:1.7}.voice-actions{display:flex;flex-wrap:wrap;gap:8px}.voice-actions button{font:inherit;font-size:12px;padding:8px 12px;border:1px solid var(--bird-border);border-radius:7px;background:var(--bird-control);color:var(--bird-text);cursor:pointer}.voice-actions button:focus-visible{outline:3px solid #6587cb;outline-offset:2px}#voice-dialog::backdrop{background:#293a5338}
@media(max-width:420px){.composer-footer{gap:6px}.draft-tools{gap:5px}.draft-count{font-size:9px}.composer-drop-hint{max-width:65px;line-height:1.35;font-size:9px}}
@media(max-width:420px){.composer-footer .composer-drop-hint{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.composer-footer .local-tools{flex:0 0 auto}.composer-footer .draft-tools{flex:0 0 auto}}

/* A single truthful request-status line beneath the editor. */
.chat-live-progress{display:flex;align-items:center;gap:7px;min-height:18px;margin:8px auto 0;padding:0 3px;max-width:780px;color:var(--bird-text);font-size:12px;line-height:1.5;text-align:left;overflow-wrap:anywhere}
.chat-live-progress[hidden]{display:none}
.chat-live-progress[data-working=true]::before{content:'';flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#698cca;animation:kiv-request-pulse 1.5s ease-in-out infinite}
@keyframes kiv-request-pulse{50%{opacity:.3}}
@media(prefers-reduced-motion:reduce){.chat-live-progress[data-working=true]::before{animation:none}}

/* Compact conversation feedback follows the composer, ahead of shortcuts. */
.chat-submitted{max-width:780px;margin:16px auto 0;display:flex;flex-direction:column;align-items:flex-end;text-align:left}
.chat-submitted[hidden]{display:none}
.chat-submitted h2{font-size:11px;font-weight:500;margin:0 8px 5px;color:var(--bird-text)}
.chat-submitted pre{box-sizing:border-box;max-width:92%;margin:0;padding:11px 15px;border:1px solid var(--bird-border);border-radius:10px;background:var(--bird-control);color:#304763;font:inherit;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
#chat-reply{box-sizing:border-box;width:100%;margin:12px auto 18px;border-radius:10px;background:#fff;padding:15px 17px}
#chat-reply h2{font-size:12px;color:var(--bird-text)}
.composer #send[data-working=true]{background:#688bbf;color:#fff;border-color:#688bbf;opacity:1;cursor:progress}
.composer #send:not(:disabled){background:linear-gradient(125deg,#e3efff,#ece5fa);color:#41668f}
@media(max-width:420px){.chat-submitted pre{max-width:96%;padding:10px 12px}#chat-reply{padding:12px}}