/* Presentation only. Adapted from elayadesign/ai-design-skills, MIT.
   Existing DOM IDs, events, source mapping and task state remain untouched. */
@font-face{font-family:Manrope;src:url('/manrope-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/manrope-600.ttf') format('truetype');font-style:normal;font-weight:500 700;font-display:swap}
:root{--bg:#181818;--paper:#1f1f1f;--surface:#1f1f1f;--raised:#272727;--line:#313131;--ink:#f5f5f2;--text:#f5f5f2;--secondary:#ccccca;--muted:#a7a7a2;--accent:#d0dfa8;--ui-font:Manrope,'Microsoft YaHei',sans-serif;--ui-ease:cubic-bezier(.22,1,.36,1)}
body,input,select,textarea,button{font-family:var(--ui-font)}h1,h2,h3{text-wrap:balance;font-style:normal;font-weight:600}p{text-wrap:pretty}button,a,textarea,select,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent)}button{font-weight:600}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed}a,button{transition:opacity .3s var(--ui-ease),transform .3s var(--ui-ease)}
body{background:var(--bg);color:var(--ink)}.sidebar,.topbar,.shell{background:#181818}.composer,.image-composer,dialog,.panel,.task-progress,.preview-pane{background:#1f1f1f}.composer,.image-composer,dialog,.panel,.task-progress{border-radius:16px}.project-row:hover,.image-result-card,.archive-card,.user-asset-card{background:#272727}.surface-nav{gap:16px}.surface-nav button,.surface-nav>a,.shell nav a{font-size:14px;line-height:20px;padding:8px 12px}.composer-heading,.dialog-heading{padding:16px 24px}.composer-heading label,.dialog-heading h2{font-size:18px;line-height:28px}.prompt-editor{font-size:16px;line-height:24px}.composer-bottom{gap:8px;padding:12px 16px}.composer-hint,.composer-heading span,.preview-caption,.muted{font-size:12px;line-height:16px}.project-item,.project-row,.image-project-row{border-radius:8px}.image-composer{padding:16px}.image-workspace-heading{font-size:18px;line-height:28px}.task-progress{font-size:14px;line-height:20px}.task-progress p{line-height:24px}.top-actions{gap:8px}.top-actions button{font-size:12px;line-height:16px;padding:8px}.image-controls select{font-size:14px;line-height:20px}.surface-nav>[data-active=true],.surface-nav [aria-pressed=true]{color:var(--accent)}
@media(max-width:1200px){.surface-nav{gap:4px}.surface-nav button,.surface-nav>a{padding:8px;font-size:12px}.top-actions .local-badge{display:none}}@media(max-width:760px){.surface-nav{overflow:auto;max-width:100%;flex-wrap:nowrap;white-space:nowrap}.composer-heading{padding:12px 16px}.composer-bottom{padding:12px}.prompt-editor{font-size:16px}}
@media(prefers-reduced-motion:reduce){button,a{transition:none}button:active:not(:disabled){transform:none}}