:root{--ground:#eceef3;--surface:#fff;--surface-2:#f5f6f9;--ink:#0f1115;--ink-2:#3a3f4b;--muted:#687085;--line:#dde1e9;--line-strong:#c4cad6;--accent:#3346ff;--accent-ink:#fff;--accent-soft:#e7eaff;--dark-btn:#14161b;--dark-btn-ink:#fff;--ok-bg:#e8f6ee;--ok-ink:#17643e;--ok-line:#bfe3cd;--wip-bg:#fff4e2;--wip-ink:#8a4a00;--wip-line:#f2d3a2;--err-bg:#fdefed;--err-ink:#a32a1d;--err-line:#f3c6bf;--stage-light:#fff;--stage-dark:#121419;--stage-line-light:#e4e7ee;--stage-line-dark:#262a33;--shadow:0 1px 2px #0f11150d, 0 8px 24px -12px #0f11152e;--radius:18px;--font-display:"Geologica", "Onest", ui-sans-serif, system-ui, sans-serif;--font-body:"Onest", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0b0d11;--surface:#14171d;--surface-2:#1a1e26;--ink:#eceef3;--ink-2:#c4c9d4;--muted:#8d94a7;--line:#252a34;--line-strong:#363c49;--accent:#6e7cff;--accent-ink:#0b0d11;--accent-soft:#1d2250;--dark-btn:#eceef3;--dark-btn-ink:#0b0d11;--ok-bg:#10261b;--ok-ink:#7fd6a4;--ok-line:#1f4a33;--wip-bg:#2a1d08;--wip-ink:#f3bd6a;--wip-line:#4d3712;--err-bg:#2c1311;--err-ink:#f19a8f;--err-line:#55231e;--shadow:0 1px 2px #0000004d, 0 12px 32px -16px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ground:#0b0d11;--surface:#14171d;--surface-2:#1a1e26;--ink:#eceef3;--ink-2:#c4c9d4;--muted:#8d94a7;--line:#252a34;--line-strong:#363c49;--accent:#6e7cff;--accent-ink:#0b0d11;--accent-soft:#1d2250;--dark-btn:#eceef3;--dark-btn-ink:#0b0d11;--ok-bg:#10261b;--ok-ink:#7fd6a4;--ok-line:#1f4a33;--wip-bg:#2a1d08;--wip-ink:#f3bd6a;--wip-line:#4d3712;--err-bg:#2c1311;--err-ink:#f19a8f;--err-line:#55231e;--shadow:0 1px 2px #0000004d, 0 12px 32px -16px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--ground);color:var(--ink);font:400 15px/1.5 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}a{color:inherit;text-underline-offset:3px}.mono{font-family:var(--font-mono);letter-spacing:-.01em;font-size:12.5px}.muted{color:var(--muted)}.ico{flex:none;display:block}kbd{font:500 13px/1 var(--font-body);background:#ffffff2e;border-radius:6px;align-items:center;gap:2px;padding:3px 5px;display:inline-flex}.app{max-width:1320px;margin:0 auto;padding:0 clamp(16px,3vw,32px) 40px}.top{justify-content:space-between;align-items:center;gap:16px;padding-block:18px;display:flex}.brand{font:600 19px/1 var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.top-note{color:var(--muted)}.composer{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) 184px;grid-template-areas:"main tile""bar bar";gap:18px 20px;padding:22px;display:grid}.composer-main{flex-direction:column;grid-area:main;gap:10px;min-width:0;display:flex}.eyebrow{font:600 12px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}#prompt{resize:vertical;width:100%;min-height:104px;font:500 clamp(19px, 2vw, 24px)/1.35 var(--font-display);letter-spacing:-.015em;background:0 0;border:0;outline:none;padding:0}#prompt::placeholder{color:var(--muted);opacity:.7}.examples{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);border-radius:999px;padding:5px 12px;font-size:13px;transition:border-color .15s,background .15s}.chip:hover{border-color:var(--line-strong);background:var(--surface);color:var(--ink)}.ref-tile{aspect-ratio:1;border:1.5px dashed var(--line-strong);border-radius:var(--radius);background:linear-gradient(var(--surface-2), var(--surface-2)) padding-box;grid-area:tile;place-items:stretch stretch;max-width:100%;transition:border-color .15s,background .15s;display:grid;position:relative}.ref-tile.over{border-color:var(--accent);background:var(--accent-soft)}.ref-tile.filled{border-style:solid;border-color:var(--line)}.ref-empty,.ref-thumb,.ref-busy{all:unset;box-sizing:border-box;text-align:center;cursor:pointer;border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px;display:flex}.ref-empty:focus-visible,.ref-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ref-drop-icon{background:var(--surface);border:1px solid var(--line);width:40px;height:40px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:4px;display:grid}.ref-drop-icon.warn{color:var(--err-ink)}.ref-title{font:600 14px var(--font-display)}.ref-hint{color:var(--muted);font-size:12.5px;line-height:1.35}.ref-busy{cursor:default;color:var(--muted);font-size:13px}.ref-busy .ico{animation:1.2s linear infinite spin}.ref-thumb img{object-fit:contain;image-rendering:auto;background:repeating-conic-gradient(var(--surface-2) 0 25%, var(--surface) 0 50%) 0 0 / 14px 14px;border-radius:12px;width:100%;height:100%}.ref-clear{border:1px solid var(--line);background:var(--surface);width:26px;height:26px;box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid;position:absolute;top:-8px;right:-8px}.composer-bar{border-top:1px solid var(--line);flex-wrap:wrap;grid-area:bar;align-items:center;gap:12px 22px;padding-top:16px;display:flex}.bar-group{align-items:center;gap:10px;display:flex}.bar-label{color:var(--muted);font-size:13px}.generate{margin-left:auto}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--muted);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:7px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0f11151f, 0 0 0 1px var(--line)}.seg-sm button{padding:5px 9px;font-size:13px}.style-opt{align-items:center;gap:7px;display:inline-flex}.seg button.on .style-mark{color:var(--accent)}.btn{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:500;transition:border-color .15s,transform .1s,background .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--line-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);padding:11px 16px;font-weight:600}.btn-primary:hover:not(:disabled){border-color:var(--accent);filter:brightness(1.06)}.btn-dark{background:var(--dark-btn);border-color:var(--dark-btn);color:var(--dark-btn-ink)}.btn-dark:hover:not(:disabled){border-color:var(--dark-btn);filter:brightness(1.15)}.verdict{border-radius:var(--radius);border:1px solid;align-items:flex-start;gap:12px;margin-top:12px;padding:14px 16px;font-size:14px;display:flex}.verdict>.ico{margin-top:2px}.verdict p{margin:4px 0 0}.verdict-ok{background:var(--ok-bg);border-color:var(--ok-line);color:var(--ok-ink)}.verdict-wip{background:var(--wip-bg);border-color:var(--wip-line);color:var(--wip-ink)}.verdict-error{background:var(--err-bg);border-color:var(--err-line);color:var(--err-ink)}.verdict-body{min-width:0}.verdict-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.verdict-line strong{font-family:var(--font-display);color:var(--ink);font-weight:600}.verdict .conf{font:500 12px var(--font-mono);border:1px solid;border-radius:999px;padding:1px 7px}.verdict .mono{color:var(--ink-2)}.verdict .dot{vertical-align:-1px;border-radius:3px;width:10px;height:10px;display:inline-block;box-shadow:inset 0 0 0 1px #00000026}.verdict-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.pill{font:600 11px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 8px}.pill-wip{background:var(--wip-ink);color:var(--wip-bg)}.workspace{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;margin-top:20px;display:grid}.board{min-width:0}.board-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:6px 2px 12px;display:flex}.board-head h1{font:600 clamp(26px, 3.2vw, 36px)/1.05 var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0}.meta{color:var(--muted);margin:8px 0 0}.board-actions{flex-wrap:wrap;gap:8px;display:flex}.summary{flex-wrap:wrap;gap:6px;margin:0 0 14px;display:flex}.tag{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:10px;align-items:baseline;gap:8px;max-width:100%;padding:5px 10px;font-size:13px;display:inline-flex}.tag em{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-style:normal;font-weight:600}.tag-warn{background:var(--wip-bg);border-color:var(--wip-line);color:var(--wip-ink)}.tag-warn em{color:inherit;opacity:.8}.grid{--stage:var(--stage-light);--stage-line:var(--stage-line-light);--stage-ink:#0f1115;--stage-muted:#7a8193;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:10px;margin:0;padding:0;list-style:none;transition:opacity .2s;display:grid}.grid.stage-dark{--stage:var(--stage-dark);--stage-line:var(--stage-line-dark);--stage-ink:#eceef3;--stage-muted:#8d94a7}.grid.is-pending{opacity:.55}.card{background:var(--stage);border:1px solid var(--stage-line);min-width:0;animation:.42s cubic-bezier(.2,.8,.2,1) backwards settle;animation-delay:calc(var(--i) * 28ms);border-radius:16px;flex-direction:column;gap:8px;padding:12px 12px 10px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}.card-stage{aspect-ratio:1.35;border-radius:10px;place-items:center;display:grid;position:relative}.card-stage .glyph{z-index:1;width:48px;height:48px;display:block;position:relative}.glyph svg,.glyph-24 svg,.glyph-20 svg,.glyph-fill svg{width:100%;height:100%;display:block}.card-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.card-name{font:500 12px var(--font-mono);color:var(--stage-ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-label{color:var(--stage-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.card-top{z-index:2;gap:4px;display:flex;position:absolute;top:8px;right:8px}.card-actions{gap:4px;display:flex}.card-actions button{border:1px solid var(--stage-line);color:var(--stage-ink);font:500 11.5px var(--font-mono);background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:5px 0;display:inline-flex}.card-actions button:first-child{flex:1.8}.card-actions button:hover{border-color:var(--accent);color:var(--accent)}.icon-btn{border:1px solid var(--stage-line,var(--line));background:var(--stage,var(--surface));width:28px;height:28px;color:var(--stage-muted,var(--muted));border-radius:8px;place-items:center;transition:color .15s,border-color .15s,opacity .15s;display:grid}.icon-btn:hover{color:var(--accent);border-color:var(--accent)}@media (hover:hover){.card .card-top .icon-btn,.card .card-actions{opacity:0;transition:opacity .15s}.card:hover .card-top .icon-btn,.card:hover .card-actions,.card:focus-within .card-top .icon-btn,.card:focus-within .card-actions{opacity:1}}.card.skeleton{background:linear-gradient(100deg, var(--surface) 40%, var(--surface-2) 50%, var(--surface) 60%) 0 0 / 300% 100%;border-color:var(--line);min-height:184px;animation:1.4s linear infinite shimmer}.section-title{font:600 12px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:28px 2px 12px}.card-status{text-align:center;color:var(--stage-muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:6px;font-size:11.5px;line-height:1.3;display:flex;position:absolute;inset:0}.card-status.warn{color:var(--err-ink)}.card-status .link{font-size:12px}.card.is-drawing .card-stage,.card.is-nokey .card-stage{background:repeating-linear-gradient(135deg,#0000 0 7px,#6e7cff12 7px 8px)}.pen{border:1.5px dashed var(--accent);border-radius:10px;width:40px;height:40px;position:relative}.pen:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite trace;position:absolute;top:6px;left:6px}@keyframes trace{0%{transform:translate(0)}25%{transform:translate(18px)}50%{transform:translate(18px,18px)}75%{transform:translateY(18px)}to{transform:translate(0)}}.made{font:500 10px/1 var(--font-mono);letter-spacing:.02em;color:var(--accent);background:#6e7cff1f;border-radius:6px;padding:4px 6px;position:absolute;bottom:0;left:0}.made-mix{color:var(--stage-muted);background:#7880961f}.made-similar{color:var(--stage-muted);background:0 0;box-shadow:inset 0 0 0 1px #78809659}.tag-ai{background:var(--accent-soft);color:var(--ink);border-color:#0000}.tag-ai em{color:var(--accent)}.context{--c-bg:#fff;--c-ink:#0f1115;--c-muted:#7a8193;--c-line:#e7e9ef;grid-template-columns:300px minmax(0,1fr);gap:10px;display:grid}.context.dark{--c-bg:#121419;--c-ink:#eceef3;--c-muted:#8d94a7;--c-line:#262a33}.phone{background:var(--c-bg);color:var(--c-ink);border:1px solid var(--c-line);border-radius:22px;flex-direction:column;justify-content:space-between;min-height:260px;display:flex;overflow:hidden}.phone-list{flex-direction:column;padding:14px 16px 8px;display:flex}.phone-row{border-bottom:1px solid var(--c-line);align-items:center;gap:12px;padding:11px 0;font-size:14px;display:flex}.phone-row-ico{border:1px solid var(--c-line);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.phone-row-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.phone-row-caret{color:var(--c-muted);font-size:18px;line-height:1}.glyph-24{flex:none;width:24px;height:24px;display:block}.glyph-20{flex:none;width:20px;height:20px;display:block}.glyph-fill{width:100%;height:100%;display:block}.phone-cta{border:1.5px solid var(--c-ink);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:11px;font-size:14px;font-weight:600;display:inline-flex}.phone-tabs{border-top:1px solid var(--c-line);justify-content:space-around;padding:10px 6px 12px;display:flex}.phone-tab{opacity:.5;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.phone-tab.on{opacity:1}.phone-tab em{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;font-style:normal;overflow:hidden}.sizes{background:var(--c-bg);color:var(--c-ink);border:1px solid var(--c-line);border-radius:22px;flex-direction:column;justify-content:center;gap:14px;min-width:0;padding:16px 18px;display:flex}.size-row{align-items:center;gap:14px;min-width:0;display:flex}.size-px{font:500 11px var(--font-mono);color:var(--c-muted);text-align:right;flex:none;width:20px}.size-icons{scrollbar-width:none;align-items:center;gap:12px;min-width:0;padding-block:2px;display:flex;overflow-x:auto}.size-ico{flex:none;display:block}.inspector{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:4px 18px;position:sticky;top:16px}.inspector section{flex-direction:column;gap:12px;padding:16px 0;display:flex}.inspector section+section{border-top:1px solid var(--line)}.inspector h3{font:600 12px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}.inspector-head{padding-top:16px}.inspector-body>section:first-child{padding-top:12px}.inspector-scrim{z-index:19;position:fixed;inset:0}.field{flex-direction:column;gap:8px;display:flex}.field-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.field-label{font-size:13.5px;font-weight:500}.weight-opt{flex-direction:column;align-items:center;gap:2px;font-size:11.5px;display:inline-flex}.inspector .seg{width:100%}.inspector .seg button{flex:1;justify-content:center}.color-row{flex-direction:column;gap:8px;display:flex}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{border:0;border-radius:8px;width:24px;height:24px;padding:0;box-shadow:inset 0 0 0 1px #00000024}.swatch.on{box-shadow:inset 0 0 0 1px #00000024, 0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.hex{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex}.hex-chip{border-radius:7px;flex:none;width:26px;height:26px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000024}.hex-chip input{opacity:0;cursor:pointer;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px}.hex input.mono{text-transform:uppercase;background:0 0;border:0;outline:none;width:100%;min-width:0}.link{color:var(--accent);background:0 0;border:0;padding:0;font-size:12.5px}.link:disabled{color:var(--muted);opacity:.6}input[type=range]{width:100%;accent-color:var(--accent)}.check{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.check input{accent-color:var(--accent);flex:none;width:16px;height:16px;margin-top:3px}.check span{flex-direction:column;display:flex}.check strong{font-size:13.5px;font-weight:500}.check em{color:var(--muted);font-size:12.5px;font-style:normal}.sheet-backdrop{z-index:30;background:#080a0e73;place-items:center;padding:16px;animation:.15s both fade;display:grid;position:fixed;inset:0}.sheet{background:var(--surface);border:1px solid var(--line);border-radius:22px;flex-direction:column;width:min(720px,100%);max-height:min(760px,100vh - 32px);animation:.2s cubic-bezier(.2,.8,.2,1) both pop;display:flex;overflow:hidden;box-shadow:0 30px 80px -20px #00000073}.sheet-head{align-items:center;gap:14px;padding:18px 18px 12px;display:flex}.sheet-head>div:nth-child(2){flex:1;min-width:0}.sheet-head h2{font:600 19px/1.2 var(--font-display);letter-spacing:-.02em;margin:0}.sheet-head p{margin:3px 0 0;font-size:13px}.sheet-current{background:var(--stage-light);border:1px solid var(--stage-line-light);border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid}.sheet-current .glyph{width:30px;height:30px;display:block}.sheet-body{flex-direction:column;min-height:0;display:flex;overflow:auto}.mods{padding:0 18px 12px}.mods h3{font:600 12px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.mods h3 .muted{text-transform:none;letter-spacing:0;font-weight:400}.mods ul{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.mods button{border:1px solid var(--stage-line-light);background:var(--stage-light);color:#0f1115;border-radius:10px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:8px 4px 6px;display:flex}.mods button:hover{border-color:var(--accent)}.mods .glyph{width:28px;height:28px;display:block}.mods span:last-child{color:#7a8193;font-size:10.5px}.draw-row{flex-wrap:wrap;align-items:center;gap:8px 12px;padding:4px 18px 14px;font-size:13px;display:flex}.search{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:12px;align-items:center;gap:8px;margin:0 18px 12px;padding:0 12px;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:none;padding:10px 0}.search:focus-within{border-color:var(--accent)}.swap-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:0;padding:0 18px 18px;list-style:none;display:grid}.swap-grid button{border:1px solid var(--stage-line-light);background:var(--stage-light);color:#0f1115;border-radius:12px;flex-direction:column;align-items:center;gap:8px;width:100%;padding:14px 6px 10px;display:flex}.swap-grid button:hover{border-color:var(--accent)}.swap-grid button.used{opacity:.45}.swap-grid .glyph{width:32px;height:32px;display:block}.swap-grid span:last-child{font:400 10.5px var(--font-mono);color:#7a8193;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.swap-empty{color:var(--muted);padding:8px 18px 24px}.dropzone{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#3346ff1f;place-items:center;animation:.12s both fade;display:grid;position:fixed;inset:0}.dropzone>div{border:2px dashed var(--accent);background:var(--surface);color:var(--ink);box-shadow:var(--shadow);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:6px;padding:26px 34px;display:flex}.dropzone strong{font:600 18px var(--font-display)}.dropzone span{color:var(--muted);font-size:14px}.toast-slot{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:50;pointer-events:none;position:fixed;translate:-50%}.toast{background:var(--dark-btn);color:var(--dark-btn-ink);box-shadow:var(--shadow);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;animation:.25s both rise;display:inline-flex}.foot{border-top:1px solid var(--line);color:var(--muted);max-width:72ch;margin-top:40px;padding-top:18px;font-size:13px}.fatal{min-height:100vh;color:var(--err-ink);text-align:center;place-content:center;justify-items:center;gap:10px;padding:16px;display:grid}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes settle{0%{opacity:.45;transform:translateY(6px)scale(.985)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-300% 0}}@media (width<=1020px){.workspace{grid-template-columns:minmax(0,1fr)}.inspector{position:static}.context{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.top-note{display:none}.composer{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""tile""bar";padding:16px}.ref-tile{aspect-ratio:auto;min-height:112px}.ref-thumb img{max-height:140px}.composer-bar{flex-direction:column;align-items:stretch}.bar-group{flex-direction:column;align-items:flex-start;gap:6px}.bar-group .seg{width:100%}.bar-group .seg button{flex:1;justify-content:center;padding-inline:8px}.style-opt{gap:5px;font-size:13px}.generate{justify-content:center;margin-left:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-actions{width:100%}.board-actions .btn{flex:1;justify-content:center}.sheet-backdrop{place-items:end stretch;padding:0}.sheet{border-radius:22px 22px 0 0;width:100%;max-height:86vh}:root{--peek:calc(44px + env(safe-area-inset-bottom,0px))}.app{padding-bottom:calc(var(--peek) + 40px)}.toast-slot{bottom:calc(var(--peek) + 12px)}.inspector{z-index:20;border-radius:var(--radius) var(--radius) 0 0;max-height:calc(100dvh - 64px);transform:translateY(calc(100% - var(--peek)));border-bottom:0;flex-direction:column;padding:0;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;inset:auto clamp(16px,3vw,32px) 0;box-shadow:0 -8px 28px -10px #0f111538}.inspector.open{transform:none}.inspector-head{padding:0}.inspector-head button{width:100%;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;padding:18px 18px 10px;display:flex}.inspector-head button:focus-visible{outline-offset:-4px}.inspector-head .ico{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.inspector.open .inspector-head .ico{transform:rotate(180deg)}.inspector-body{overscroll-behavior:contain;min-height:0;padding:0 18px env(safe-area-inset-bottom,0px);overflow-y:auto}.inspector-body>section:first-child{padding-top:0}}@media (width<=374px){.bar-group .seg button{padding-inline:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}