:root{--color-ink-black: #141414;--color-paper-white: #ffffff;--color-cream-surface: #f6f6f6;--color-lilac-wash: #f7f1ff;--color-charcoal-surface: #292929;--color-graphite-border: #38383a;--color-slate-text: #4f4f52;--color-fog-text: #6d6d70;--color-ash-text: #a9a9ac;--color-mist-divider: #e5e5e5;--font-gt-america: "GT America", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-cream-surface);color:var(--color-ink-black);font-family:var(--font-gt-america);font-size:14px;line-height:1.5}button,input,textarea{font:inherit}button,a{color:inherit}.app-shell{min-height:100vh;padding:16px 24px 24px}.topbar{max-width:1200px;height:64px;margin:0 auto 24px;padding:0 16px 0 24px;display:flex;align-items:center;justify-content:space-between;background:var(--color-paper-white);border:1px solid var(--color-mist-divider);border-radius:12px}.brand,.topbar-actions,.composer-actions,.loader-row,.settings-head,.error-banner,.error-inline,.result-actions{display:flex;align-items:center}.brand{gap:10px;font-weight:700;text-decoration:none}.brand-mark{width:28px;height:28px;display:grid;place-items:center;color:var(--color-paper-white);background:var(--color-ink-black);border-radius:8px}.topbar-actions{gap:10px}.status-pill{padding:5px 10px;color:var(--color-fog-text);border:1px solid var(--color-mist-divider);border-radius:4px;font-size:12px;font-weight:500}.status-pill.is-ready{color:var(--color-ink-black);background:var(--color-lilac-wash)}.workspace{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px}.conversation-panel,.composer-panel,.settings-card{background:var(--color-paper-white);border:1px solid var(--color-mist-divider);border-radius:12px}.conversation-panel{min-height:calc(100vh - 128px);display:flex;flex-direction:column}.panel-header{padding:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--color-mist-divider)}.eyebrow{margin:0 0 6px;color:var(--color-fog-text);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}h1{margin:0;font-size:36px;line-height:1.25;letter-spacing:-.9px}.message-list{flex:1;padding:24px;display:flex;flex-direction:column;gap:12px}.empty-state{min-height:300px;display:grid;place-items:center;align-content:center;gap:12px;color:var(--color-fog-text);border:1px dashed var(--color-mist-divider);border-radius:12px;text-align:center}.empty-state p{max-width:320px;margin:0}.message{max-width:82%;padding:14px;border:1px solid var(--color-mist-divider);border-radius:12px}.message p{margin:0}.message.user{align-self:flex-end;color:var(--color-paper-white);background:var(--color-ink-black);border-color:var(--color-graphite-border)}.message.assistant{align-self:flex-start;background:var(--color-cream-surface)}.message-reference{width:160px;margin-top:12px;display:block;border:1px solid var(--color-graphite-border);border-radius:8px}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.result-card{margin:0;overflow:hidden;background:var(--color-paper-white);border:1px solid var(--color-mist-divider);border-radius:12px}.result-card img{width:100%;aspect-ratio:1;display:block;object-fit:cover;background:var(--color-lilac-wash)}.result-card figcaption{padding:8px;display:flex;align-items:center;justify-content:space-between;color:var(--color-fog-text);font-size:12px}.composer-panel{align-self:start;position:sticky;top:24px}.composer{padding:16px;display:flex;flex-direction:column;gap:12px}textarea,input{width:100%;color:var(--color-ink-black);background:var(--color-paper-white);border:1px solid var(--color-mist-divider);border-radius:4px;outline:none}textarea{min-height:156px;padding:12px;resize:vertical}input{height:42px;padding:0 12px}textarea:focus,input:focus{border-color:var(--color-ink-black)}.reference-preview{position:relative;border:1px solid var(--color-mist-divider);border-radius:12px;overflow:hidden}.reference-preview img{width:100%;max-height:220px;display:block;object-fit:cover}.reference-preview .icon-button{position:absolute;top:8px;right:8px;background:var(--color-paper-white)}.parameter-stack{display:flex;flex-direction:column;gap:10px}.control-row{display:grid;gap:6px;color:var(--color-slate-text);font-size:12px;font-weight:500}.segments{display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:6px}.segments button,.ghost-button,.dark-button,.icon-button{min-height:36px;border:1px solid var(--color-mist-divider);border-radius:8px;cursor:pointer}.segments button{background:var(--color-paper-white);color:var(--color-slate-text);font-size:13px}.segments button.active{color:var(--color-paper-white);background:var(--color-ink-black);border-color:var(--color-ink-black)}.ghost-button,.dark-button{padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;line-height:1}.ghost-button{background:var(--color-paper-white)}.dark-button{color:var(--color-paper-white);background:var(--color-ink-black);border-color:var(--color-ink-black)}.dark-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.55}.icon-button{width:38px;height:38px;display:grid;place-items:center;background:var(--color-paper-white);text-decoration:none}.icon-button.compact{width:30px;height:30px;min-height:30px;border-radius:8px}.composer-actions{justify-content:space-between;gap:10px}.error-banner,.error-inline{gap:8px;color:#8d2676;background:var(--color-lilac-wash);border:1px solid var(--color-mist-divider);border-radius:8px}.error-banner{padding:10px}.error-inline{padding:8px}.loader-row{gap:8px;color:var(--color-fog-text)}.spin{animation:spin .9s linear infinite}.settings-layout{max-width:620px;margin:0 auto}.settings-card{padding:24px;display:flex;flex-direction:column;gap:16px}.settings-head{gap:12px}.field{display:grid;gap:6px;color:var(--color-slate-text);font-size:12px;font-weight:500}.settings-status{padding:12px;color:var(--color-fog-text);background:var(--color-cream-surface);border:1px solid var(--color-mist-divider);border-radius:8px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.app-shell{padding:12px}.topbar{padding:0 12px}.workspace{grid-template-columns:1fr}.composer-panel{position:static}h1{font-size:28px;letter-spacing:0}.message{max-width:100%}}