:root{--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Instrument Serif", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bg:#e9ecf0;--bg-2:#f8f9fb;--surface:#fff;--surface-2:#f4f5f8;--surface-3:#e9ecf1;--line:#12182617;--line-2:#1218262b;--fg:#13161b;--fg-2:#535d6d;--fg-3:#5f6776;--accent:#1f66dc;--accent-2:#1a58c2;--accent-soft:#2a76f01c;--on-accent:#fff;--ai:#6a45e8;--ai-soft:#7a55f31c;--ok:#0e7a4f;--ok-soft:#14915f1f;--warn:#8f5806;--warn-soft:#e5a3232e;--warn-fill:#e5a323;--bad:#b82a33;--bad-soft:#d43d451a;--shadow-1:0 1px 2px #1218260d, 0 6px 18px #12182612;--shadow-2:0 3px 8px #12182614, 0 24px 60px #1218262e;--scrim:#14182047;--i1:#fcfdfe;--i2:#d3d8e0;--i3:#a4acb9;--is:#4e5869;--b1:#9cc3ff;--b2:#3d85f5;--b3:#1d5cc9;--bs:#134594;--w1:#ffd592;--w2:#f6a723;--w3:#d98508;--ws:#9c6103;--plane:#2a76f029;--ghost:#2a76f01a;--vp-edge:#1f2530;--vp-grid:#8e98a8;--vp-cap:#5d93f2;--gl:max(16px, env(safe-area-inset-left,0px));--gr:max(16px, env(safe-area-inset-right,0px));--ease:cubic-bezier(.2,.7,.2,1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0c0d10;--bg-2:#1a1c22;--surface:#1a1c21;--surface-2:#22252b;--surface-3:#2b2f37;--line:#ffffff14;--line-2:#ffffff2b;--fg:#eceef2;--fg-2:#a9b0bc;--fg-3:#9098a4;--accent:#5b9bff;--accent-2:#74aaff;--accent-soft:#4c92ff2b;--on-accent:#06142e;--ai:#a790ff;--ai-soft:#a790ff29;--ok:#3fcb96;--ok-soft:#3fcb9624;--warn:#f0b64a;--warn-soft:#f0b64a29;--warn-fill:#f0b64a;--bad:#f26b72;--bad-soft:#f26b7224;--shadow-1:0 1px 2px #0006, 0 8px 22px #00000057;--shadow-2:0 4px 10px #0006, 0 28px 70px #0009;--scrim:#00000080;--i1:#f3f5f8;--i2:#bcc3ce;--i3:#8992a1;--is:#2c333f;--b1:#a9cbff;--b2:#4c92ff;--b3:#2466d8;--bs:#0e3270;--w1:#ffdb9e;--w2:#f8ae33;--w3:#db8a12;--ws:#6e4400;--plane:#4c92ff38;--ghost:#4c92ff24;--vp-edge:#07080a;--vp-grid:#5a6372;--vp-cap:#4c92ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0c0d10;--bg-2:#1a1c22;--surface:#1a1c21;--surface-2:#22252b;--surface-3:#2b2f37;--line:#ffffff14;--line-2:#ffffff2b;--fg:#eceef2;--fg-2:#a9b0bc;--fg-3:#9098a4;--accent:#5b9bff;--accent-2:#74aaff;--accent-soft:#4c92ff2b;--on-accent:#06142e;--ai:#a790ff;--ai-soft:#a790ff29;--ok:#3fcb96;--ok-soft:#3fcb9624;--warn:#f0b64a;--warn-soft:#f0b64a29;--warn-fill:#f0b64a;--bad:#f26b72;--bad-soft:#f26b7224;--shadow-1:0 1px 2px #0006, 0 8px 22px #00000057;--shadow-2:0 4px 10px #0006, 0 28px 70px #0009;--scrim:#00000080;--i1:#f3f5f8;--i2:#bcc3ce;--i3:#8992a1;--is:#2c333f;--b1:#a9cbff;--b2:#4c92ff;--b3:#2466d8;--bs:#0e3270;--w1:#ffdb9e;--w2:#f8ae33;--w3:#db8a12;--ws:#6e4400;--plane:#4c92ff38;--ghost:#4c92ff24;--vp-edge:#07080a;--vp-grid:#5a6372;--vp-cap:#4c92ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font:400 13px/1.45 var(--font-ui);font-feature-settings:"cv11","ss03";-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}h1,h2,h3,h4,h5,p,ul,ol,dl{margin:0;padding:0}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}[hidden]{display:none!important}.mono{font-family:var(--font-mono);font-size:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}svg.ui{flex:none;display:block}svg.iso{flex:none;display:block;overflow:visible}.iso-wrap{flex:none;place-items:center;display:inline-grid}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);border-radius:12px}.btn{border:1px solid var(--line-2);background:var(--surface);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 12px;font-weight:500;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(.5px)}.btn.pri{background:var(--accent);color:var(--on-accent);border-color:#0000}.btn.pri:hover{background:var(--accent-2)}.btn.sm{border-radius:7px;height:28px;padding:0 10px;font-size:12.5px}.btn.lg{border-radius:11px;height:44px;padding:0 20px;font-size:15px}.btn.quiet{color:var(--fg-2);background:0 0;border-color:#0000}.btn.quiet:hover{background:var(--surface-3);color:var(--fg)}.btn.danger{background:var(--bad);color:#fff;border-color:#0000}.btn.danger:hover{filter:brightness(1.06)}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;cursor:default}.btn[disabled]:active{transform:none}.ib{width:28px;height:28px;color:var(--fg-2);border-radius:7px;place-items:center;transition:background .12s,color .12s;display:inline-grid}.ib:hover{background:var(--surface-3);color:var(--fg)}.ib[disabled],.ib[aria-disabled=true]{opacity:.35;cursor:default}.ib[disabled]:hover{color:var(--fg-2);background:0 0}.link{color:var(--fg-2);border-radius:6px;padding:4px 6px;font-weight:500}.link:hover{color:var(--fg);background:var(--surface-3)}.kbd{font:500 11px/1 var(--font-ui);color:var(--fg-3);border:1px solid var(--line-2);background:var(--surface-2);white-space:nowrap;border-radius:5px;padding:3px 5px}.seg{border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{height:28px;color:var(--fg-2);border-radius:7px;padding:0 12px;font-weight:500;transition:background .15s,color .15s}.seg button:hover{color:var(--fg)}.seg button[aria-checked=true],.seg button.on{background:var(--surface-3);color:var(--fg)}.seg.inset{background:var(--surface-2);border:1px solid var(--line);box-shadow:none}.seg.inset button{height:24px;padding:0 9px;font-size:12px}.seg.inset button[aria-checked=true],.seg.inset button.on{background:var(--surface);box-shadow:0 1px 2px #0000001f}.tag{background:var(--surface-3);height:20px;color:var(--fg-2);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 7px;font-size:11px;font-weight:500;display:inline-flex}.tag.ok{background:var(--ok-soft);color:var(--ok)}.tag.warn{background:var(--warn-soft);color:var(--warn)}.tag.ai{background:var(--ai-soft);color:var(--ai)}.tag.acc{background:var(--accent-soft);color:var(--accent)}.dot{background:var(--fg-3);border-radius:50%;flex:none;width:7px;height:7px}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn-fill)}.dot.ai{background:var(--ai)}.dot.acc{background:var(--accent)}.av{background:var(--ai-soft);width:28px;height:28px;color:var(--ai);border-radius:9px;flex:none;place-items:center;display:grid}.copyrow{border:1px solid var(--line-2);background:var(--surface-2);border-radius:9px;align-items:center;gap:8px;min-width:0;padding:7px 8px 7px 10px;display:flex}.copyrow code{min-width:0;font-family:var(--font-mono);color:var(--fg);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;flex:1;font-size:11.5px;line-height:1.5}.copyrow.plain code{font-family:var(--font-ui);font-size:13px}.inp{border:1px solid var(--line-2);background:var(--surface-2);border-radius:8px;outline:none;width:100%;height:30px;margin:4px 0;padding:0 9px}.inp:focus{border-color:var(--accent);background:var(--surface)}.empty{text-align:center;color:var(--fg-3);justify-items:center;gap:8px;padding:22px 12px;display:grid}.grp{letter-spacing:.05em;text-transform:uppercase;color:var(--fg-3);padding:10px 6px 4px;font-size:11px;font-weight:600}.pulse{background:var(--ai);border-radius:50%;flex:none;width:8px;height:8px;position:relative}.pulse:after{content:"";border:1.5px solid var(--ai);opacity:0;border-radius:50%;animation:1.8s ease-out infinite ping;position:absolute;inset:-5px}.spin{border:1.5px solid;border-right-color:#0000;border-radius:50%;flex:none;width:12px;height:12px;animation:.7s linear infinite spin;display:inline-block}@keyframes ping{0%{opacity:.8;transform:scale(.4)}to{opacity:0;transform:scale(1.25)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes tin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes drop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes breathe{0%,to{box-shadow:0 0 0 0 var(--ai-soft)}50%{box-shadow:0 0 0 5px var(--ai-soft)}}@keyframes stin{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes flash{0%,45%{background:var(--accent-soft)}to{background:0 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{background:radial-gradient(130% 95% at 50% 12%,var(--bg-2) 0%,var(--bg) 72%);min-width:0;height:100%;position:relative;overflow:hidden}#gl{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#gl.drag{cursor:grabbing}#gl.point{cursor:pointer}.app[data-screen=home] #gl{visibility:hidden}.app[data-screen=welcome] #gl,.app[data-screen=connect] #gl{pointer-events:none}.screen{pointer-events:none;position:absolute;inset:0}.screen>*{pointer-events:auto}.topnav{height:60px;padding-left:var(--gl);padding-right:var(--gr);z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:-.01em;border-radius:8px;align-items:center;gap:8px;padding:4px 6px 4px 2px;font-size:15px;font-weight:600;display:inline-flex}button.brand:hover{background:var(--surface-3)}.topnav nav{align-items:center;gap:6px;display:flex}.presence{border-radius:8px;align-items:center;gap:8px;min-width:0;height:30px;padding:0 10px 0 4px;font-weight:500;display:flex}.presence:hover{background:var(--surface-3)}.presence .av{border-radius:7px;width:22px;height:22px;position:relative}.presence small{color:var(--fg-2);white-space:nowrap;font-size:12px;font-weight:400}.presence[data-st=working] .av{animation:1.3s ease-in-out infinite breathe}.presence[data-st=working] small{color:var(--ai)}.presence[data-st=off] .av{background:var(--surface-3);color:var(--fg-3)}.display{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;font-weight:400;line-height:.98}.s-welcome .hero{width:min(600px,100%);padding:96px 24px 32px;padding-left:max(40px,var(--gl));flex-direction:column;justify-content:center;gap:22px;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:auto}.eyebrow{color:var(--fg-2);align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:inline-flex}.s-welcome h1{font-size:clamp(44px,4.6vw,64px)}.s-welcome h1 em{color:var(--accent);font-style:italic}.lede{color:var(--fg-2);max-width:46ch;font-size:16px;line-height:1.55}.cta{flex-wrap:wrap;gap:10px;display:flex}.proof{gap:14px;max-width:470px;margin-top:6px;display:grid}.proof li{grid-template-columns:36px 1fr;align-items:center;gap:12px;display:grid}.proof b{font-size:13.5px;font-weight:600;display:block}.proof span{color:var(--fg-2)}.fine{color:var(--fg-3);font-size:12px}.showcase{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0 0 0 min(600px,58%)}.s-connect .showcase{left:min(640px,58%)}.showcase .stage{aspect-ratio:1;width:min(440px,80%);position:relative}.showcase .main{place-items:center;animation:7s ease-in-out infinite float;display:grid;position:absolute;inset:14%}.showcase .main svg{filter:drop-shadow(0 30px 40px #1218262e);width:100%;height:100%}.showcase .chip{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:6px 10px 6px 6px;font-size:12.5px;font-weight:500;animation:8s ease-in-out infinite float;display:flex;position:absolute}.showcase .chip:nth-child(2){animation-delay:-2s;top:12%;left:0}.showcase .chip:nth-child(3){animation-delay:-4s;top:30%;right:-4%}.showcase .chip:nth-child(4){animation-delay:-1s;bottom:12%;left:6%}.showcase .chip:nth-child(5){animation-delay:-5s;bottom:4%;right:4%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.s-connect .cn{width:min(640px,100%);padding:84px 24px 28px;padding-left:max(40px,var(--gl));flex-direction:column;justify-content:center;gap:18px;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:auto}.cn h2{font-family:var(--font-display);letter-spacing:-.01em;font-size:44px;font-weight:400;line-height:1.02}.cn>p{color:var(--fg-2);max-width:52ch;font-size:14.5px}.agents{grid-template-columns:1fr 1fr;gap:8px;display:grid}.agent{border:1px solid var(--line-2);background:var(--surface);text-align:left;border-radius:11px;align-items:flex-start;gap:10px;padding:11px 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.agent:hover{background:var(--surface-2)}.agent[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.agent .av{margin-top:1px}.agent b{color:var(--fg);align-items:center;gap:6px;font-weight:600;display:flex}.agent span{color:var(--fg-2);font-size:12px;display:block}.agent i{color:var(--fg-3);font-size:11.5px;font-style:normal}.cn-steps{flex-direction:column;gap:14px;padding:16px;display:flex}.step{grid-template-columns:24px 1fr;gap:10px;display:grid}.step .n{border:1px solid var(--line-2);width:22px;height:22px;color:var(--fg-2);border-radius:50%;place-items:center;font-size:11.5px;font-weight:600;display:grid}.step b{margin-bottom:1px;font-weight:600;display:block}.step p{color:var(--fg-2)}.step .copyrow{margin-top:8px}.cn-status{border-top:1px solid var(--line);color:var(--fg-2);align-items:center;gap:10px;padding:11px 16px;font-size:12.5px;display:flex}.cn-status .grow{flex:1;min-width:0}.cn-done{gap:14px;padding:18px;display:grid}.cn-done h3{font-family:var(--font-display);font-size:30px;font-weight:400;line-height:1.05}.cn-planned{color:var(--fg-2);gap:8px;padding:16px;display:grid}.cn-planned b{color:var(--fg);font-weight:600}.rights{gap:9px;display:grid}.rights li{color:var(--fg-2);grid-template-columns:18px 1fr;gap:9px;display:grid}.rights li svg{color:var(--ok);margin-top:2px}.rights li b{color:var(--fg);font-weight:600}.engine{color:var(--fg-3);align-items:center;gap:8px;font-size:12px;display:flex}.engine .meter{background:var(--surface-3);border-radius:2px;width:70px;height:4px;overflow:hidden}.engine .meter i{background:var(--accent);width:30%;height:100%;transition:width 2.6s var(--ease);border-radius:2px;display:block}.engine[data-st=starting] .meter i{animation:1.6s ease-in-out infinite meter}.engine[data-st=ready] .meter i{background:var(--ok);width:100%}.engine[data-st=failed]{color:var(--bad)}.engine[data-st=failed] .meter i{background:var(--bad);width:100%}@keyframes meter{0%{transform:translate(-100%)}to{transform:translate(330%)}}.s-home{background:var(--surface-2);pointer-events:auto;overflow:auto}.home-body{max-width:1020px;padding:92px 24px 48px;padding-left:max(24px,var(--gl));flex-direction:column;gap:28px;margin:0 auto;display:flex}.home-body h1{font-size:clamp(38px,5vw,56px)}.home-body .sub{color:var(--fg-2);margin-top:-16px;font-size:15px}.sec-h{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.sec-h h2,.sec-h h3{font-size:13px;font-weight:600}.sec-h span{color:var(--fg-3);font-size:12px}.sec-h .btn{align-self:center}.ideas{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.idea{border:1px solid var(--line);background:var(--surface);text-align:left;transition:transform .18s var(--ease),box-shadow .18s,border-color .18s;border-radius:14px;grid-template-columns:44px 1fr;align-items:start;gap:12px;padding:14px;display:grid}.idea:hover{box-shadow:var(--shadow-1);border-color:var(--line-2);transform:translateY(-2px)}.idea b{color:var(--fg);margin-bottom:2px;font-weight:600;display:block}.idea span{color:var(--fg-2);font-size:12.5px}.idea small{color:var(--fg-3);align-items:center;gap:5px;margin-top:6px;font-size:11.5px;display:flex}.starts{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.start{border:1px dashed var(--line-2);text-align:left;border-radius:12px;grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:12px;transition:background .15s,border-color .15s;display:grid}.start:hover:not([aria-disabled=true]){background:var(--surface);border-color:var(--fg-3)}.start[aria-disabled=true]{cursor:default}.start[aria-disabled=true] svg{opacity:.55}.start b{align-items:center;gap:6px;font-weight:600;display:flex}.start span{color:var(--fg-2);font-size:12.5px}.recent{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.rec{border:1px solid var(--line);background:var(--surface);transition:transform .18s var(--ease),box-shadow .18s,border-color .18s;border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden}.rec:hover,.rec:focus-within{box-shadow:var(--shadow-1);border-color:var(--line-2);transform:translateY(-2px)}.rec .open{text-align:left;border-radius:14px;flex-direction:column;display:flex}.rec .th{aspect-ratio:4/3;background:radial-gradient(120% 100% at 50% 0%,var(--bg-2),var(--bg));place-items:center;display:grid}.rec .th img{object-fit:contain;width:100%;height:100%;display:block}.rec .tx{gap:1px;min-width:0;padding:10px 44px 12px 12px;display:grid}.rec b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.rec .tx span{color:var(--fg-3);font-size:12px}.rec .more{position:absolute;bottom:12px;right:8px}.rec.new .th{border-bottom:1px dashed var(--line-2);color:var(--fg-2);background:0 0}.rec.new .th span{justify-items:center;gap:8px;font-weight:500;display:grid}.home-empty{border:1px dashed var(--line-2);color:var(--fg-2);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px;display:flex}.home-foot{color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;display:flex}.s-studio{--top:60px}.app[data-mode=workshop] .s-studio{--top:134px}.bar{left:var(--gl);right:var(--gr);z-index:5;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid;position:absolute;top:12px}.bar>*{pointer-events:auto}.bar-l,.bar-r{justify-self:start;align-items:center;gap:4px;min-width:0;padding:4px;display:flex}.bar-r{justify-self:end;gap:6px}.logo-btn{border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.logo-btn:hover,.logo-btn[data-popup-open]{background:var(--surface-3)}.doc-name{white-space:nowrap;text-overflow:ellipsis;border-radius:7px;min-width:0;max-width:200px;padding:5px 7px;font-weight:600;overflow:hidden}.doc-name:hover,.doc-name[data-popup-open]{background:var(--surface-3)}.saved{color:var(--fg-3);white-space:nowrap;min-width:44px;padding-right:6px;font-size:12px}.sep{background:var(--line-2);flex:none;width:1px;height:18px;margin:0 3px}.ribbon{left:var(--gl);right:var(--gr);z-index:4;scrollbar-width:none;opacity:0;pointer-events:none;visibility:hidden;height:66px;transition:opacity .22s,transform .28s var(--ease),visibility 0s .28s;align-items:stretch;padding:0 6px;display:flex;position:absolute;top:60px;overflow:auto hidden;transform:translateY(-8px)}.ribbon::-webkit-scrollbar{display:none}.app[data-mode=workshop] .ribbon{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .22s,transform .28s var(--ease),visibility 0s;transform:none}.rg{border-right:1px solid var(--line);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;padding:0 8px;display:flex}.rg:last-child{border-right:0}.rg .row{gap:1px;display:flex}.rg .lab{letter-spacing:.05em;text-transform:uppercase;color:var(--fg-3);border-radius:5px;align-items:center;gap:2px;padding:1px 5px;font-size:10.5px;font-weight:600;display:inline-flex}.rg .lab:hover,.rg .lab[data-popup-open]{color:var(--fg);background:var(--surface-3)}.rg.all{margin-left:auto;padding-right:4px}.rg.all .btn{gap:8px}.tb{border-radius:9px;flex:none;place-items:center;width:40px;height:38px;transition:background .12s,box-shadow .12s;display:grid;position:relative}.tb:hover{background:var(--surface-3)}.tb[aria-pressed=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.app[data-working="1"] .ribbon .tb{opacity:.4}.side{top:var(--top);z-index:3;transition:top .28s var(--ease),transform .28s var(--ease),opacity .2s,visibility 0s;flex-direction:column;display:flex;position:absolute;bottom:16px;overflow:hidden}.side.left{left:var(--gl);width:248px}.side.right{right:var(--gr);width:284px}.side[data-open=false]{opacity:0;pointer-events:none;visibility:hidden;transition:top .28s var(--ease),transform .28s var(--ease),opacity .2s,visibility 0s .28s}.side.left[data-open=false]{transform:translate(-120%)}.side.right[data-open=false]{transform:translate(120%)}.side-h{flex:none;align-items:center;gap:2px;padding:8px 8px 6px;display:flex}.side-h .tab{color:var(--fg-3);border-radius:6px;padding:4px 8px;font-weight:600}.side-h .tab[aria-selected=true],.side-h .tab.on{color:var(--fg)}.side-h button.tab:hover{background:var(--surface-3)}.side-h .sp{flex:1}.side-b{flex:1;min-height:0;padding:2px 8px 10px;overflow:auto}.reopen{top:var(--top);z-index:3;height:32px;color:var(--fg-2);transition:top .28s var(--ease);align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex;position:absolute}.reopen:hover{color:var(--fg)}.reopen.l{left:var(--gl)}.reopen.r{right:var(--gr)}.story{flex-direction:column;display:flex;position:relative}.st{text-align:left;border-radius:9px;grid-template-columns:28px 1fr;align-items:start;gap:8px;width:100%;padding:7px 6px;transition:background .12s,opacity .2s;display:grid;position:relative}.st:hover{background:var(--surface-2)}.st[aria-current=step]{background:var(--accent-soft)}.st.future{opacity:.42}.st.future:hover{opacity:.7}.st .ic{background:var(--surface-2);border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.st[aria-current=step] .ic{background:var(--surface)}.st b{font-weight:500;line-height:1.3;display:block}.st small{color:var(--fg-3);align-items:baseline;gap:5px;margin-top:1px;font-size:11.5px;display:flex}.st small .who{background:var(--accent);border-radius:50%;flex:none;align-self:center;width:6px;height:6px}.st small .who.ai{background:var(--ai)}.st.new{animation:stin .45s var(--ease)}.st.live{cursor:default}.st.live:hover{background:0 0}.st.live b{color:var(--fg);align-items:center;gap:8px;display:flex}.st.live b .spin{color:var(--ai);width:10px;height:10px}.st.live.you b .spin{color:var(--accent)}.st .stop{margin-top:6px}.story-start{color:var(--fg-3);text-align:left;border-radius:9px;grid-template-columns:28px 1fr;align-items:center;gap:8px;width:100%;padding:7px 6px;display:grid}.story-start:hover{background:var(--surface-2)}.story-start[aria-current=step]{background:var(--accent-soft);color:var(--fg)}.story-start .ic{border:1px dashed var(--line-2);border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.sec{border-bottom:1px solid var(--line);padding:10px 6px 12px}.sec:last-child{border-bottom:0}.sec>h3{align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.sec>h3 .sp{flex:1}.sec>h3 small{color:var(--fg-3);font-weight:400}.sec .hint-t{color:var(--fg-3);font-size:12px;line-height:1.45}.adj{gap:10px;display:grid}.adj .row{grid-template-columns:1fr 64px;align-items:center;gap:6px 10px;display:grid}.adj label{color:var(--fg-2);grid-column:1/-1;justify-content:space-between;margin-bottom:-4px;display:flex}.slider{touch-action:none;align-items:center;height:18px;display:flex;position:relative}.slider .track{background:var(--surface-3);border-radius:2px;width:100%;height:4px;position:relative}.slider .ind{background:var(--accent);border-radius:2px;height:100%;position:absolute}.slider .thumb{background:var(--surface);border:1.5px solid var(--accent);border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0003}.slider[data-disabled] .ind{background:var(--fg-3)}.slider[data-disabled] .thumb{border-color:var(--fg-3)}.nf{background:var(--surface-2);border:1px solid #0000;border-radius:7px;align-items:center;gap:3px;min-width:0;height:26px;padding:0 7px;display:flex}.nf:focus-within{border-color:var(--accent);background:var(--surface)}.nf input{text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:0}.nf i{color:var(--fg-3);font-size:11.5px;font-style:normal}.checks{gap:2px;display:grid}.facts{grid-template-columns:auto 1fr;gap:5px 12px;display:grid}.facts dt{color:var(--fg-2)}.facts dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.selcard{background:var(--accent-soft);border-radius:10px;gap:8px;padding:10px;display:grid}.selcard .t{align-items:center;gap:8px;display:flex}.selcard .t b{flex:1;min-width:0;font-weight:600}.selcard .t small{color:var(--fg-2);font-weight:400;display:block}.acts{flex-wrap:wrap;gap:5px;display:flex}.act{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:5px;height:28px;padding:0 9px 0 5px;font-size:12.5px;font-weight:500;display:inline-flex}.act:hover{border-color:var(--line-2)}.act[aria-disabled=true]{color:var(--fg-3);cursor:default}.act[aria-disabled=true]:hover{border-color:var(--line)}.notes{gap:4px;display:grid}.note{border-radius:8px;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:5px 6px;display:grid}.note:hover{background:var(--surface-2)}.note span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pinb{background:var(--accent);width:20px;height:20px;color:var(--on-accent);border-radius:50% 50% 50% 3px;place-items:center;font-size:10.5px;font-weight:700;display:grid}.dock-wrap{z-index:4;pointer-events:none;padding:0 calc(var(--rw,296px) + var(--gr)) 0 calc(var(--lw,260px) + var(--gl));transition:padding .28s var(--ease);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:16px;left:0;right:0}.dock-wrap>*{pointer-events:auto}.dock{scrollbar-width:none;border-radius:14px;align-items:center;gap:2px;max-width:100%;padding:5px;display:flex;overflow-x:auto}.dock::-webkit-scrollbar{display:none}.dock .tb{border-radius:10px;width:42px;height:42px}.dock .sep{height:24px;margin:0 5px}.dock .any{height:42px;color:var(--fg-2);white-space:nowrap;border-radius:10px;flex:none;align-items:center;gap:8px;padding:0 10px 0 12px;display:flex}.dock .any:hover{background:var(--surface-3);color:var(--fg)}.topts{max-width:100%;animation:tin .2s var(--ease);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:6px 8px 6px 12px;display:flex}.topts b{white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:flex}.topts span{color:var(--fg-2)}.hint{left:calc(var(--lw,260px) + var(--gl));z-index:3;color:var(--fg-3);pointer-events:none;align-items:center;gap:10px;font-size:11.5px;display:flex;position:absolute;bottom:22px}.cube-wrap{right:calc(var(--rw,296px) + var(--gr) + 12px);top:calc(var(--top) + 16px);z-index:3;width:64px;transition:right .28s var(--ease),top .28s var(--ease),opacity .2s;justify-items:center;gap:6px;display:grid;position:absolute}.cube-box{perspective:420px;place-items:center;width:64px;height:64px;display:grid}.cube{width:38px;height:38px;transform-style:preserve-3d;will-change:transform;position:relative}.cube button{background:var(--surface);border:1px solid var(--line-2);letter-spacing:.04em;color:var(--fg-2);backface-visibility:hidden;place-items:center;font-size:8px;font-weight:600;transition:background .12s,color .12s;display:grid;position:absolute;inset:0}.cube button:hover,.cube button:focus-visible{background:var(--accent);color:var(--on-accent);outline:none}.cube .f{transform:translateZ(19px)}.cube .b{transform:rotateY(180deg)translateZ(19px)}.cube .r{transform:rotateY(90deg)translateZ(19px)}.cube .l{transform:rotateY(-90deg)translateZ(19px)}.cube .t{transform:rotateX(90deg)translateZ(19px)}.cube .d{transform:rotateX(-90deg)translateZ(19px)}.cube-wrap .ib{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1)}.cube-wrap:has(.cube button:focus-visible) .cube-box{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}.center-stack{left:calc(var(--lw,0px) + var(--gl));right:calc(var(--rw,0px) + var(--gr));top:calc(var(--top) + 12px);z-index:6;pointer-events:none;transition:top .28s var(--ease);justify-items:center;gap:8px;display:grid;position:absolute}.center-stack>*{pointer-events:auto;max-width:100%}.banner{white-space:nowrap;animation:drop .32s var(--ease);align-items:center;gap:10px;padding:6px 6px 6px 12px;display:flex}.banner .ic{color:var(--fg-2);display:grid}.banner.work{padding-left:10px}.banner.work .spin{color:var(--ai)}.banner.work.you .spin{color:var(--accent)}.banner.calm{color:var(--fg-2);padding-right:12px}.banner.calm .spin{color:var(--accent)}.banner .lab{text-overflow:ellipsis;min-width:0;overflow:hidden}.errcard{width:min(440px,100%);animation:drop .32s var(--ease);border-color:color-mix(in srgb,var(--bad) 35%,var(--line));grid-template-columns:18px 1fr auto;align-items:start;gap:10px;padding:10px 8px 10px 12px;display:grid}.errcard>svg{color:var(--bad);margin-top:1px}.errcard b{font-weight:600;line-height:1.35;display:block}.errcard span{color:var(--fg-2);margin-top:2px;font-size:12.5px;display:block}.errcard .btnrow{margin-top:8px}.btnrow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.center-stack:not(:empty)~.cube-wrap{opacity:1}.canvas-empty{left:calc(var(--lw,0px) + var(--gl));right:calc(var(--rw,0px) + var(--gr));top:var(--top);pointer-events:none;z-index:2;place-items:center;display:grid;position:absolute;bottom:84px}.canvas-empty>div{text-align:center;color:var(--fg-2);pointer-events:auto;justify-items:center;gap:10px;max-width:340px;display:grid}.canvas-empty b{color:var(--fg);font-size:14px;font-weight:600}.adj label small{color:var(--fg-3);font-variant-numeric:tabular-nums}.adj .row[data-err] .nf{border-color:color-mix(in srgb,var(--bad) 55%,transparent)}.adj-err{color:var(--bad);grid-column:1/-1;align-items:flex-start;gap:6px;margin:0;font-size:12px;line-height:1.4;display:flex}.adj-err svg{flex:none;margin-top:2px}.sec>h3 .upd{color:var(--fg-3);align-items:center;gap:6px;display:inline-flex}.sec>h3 .upd .spin{width:10px;height:10px;color:var(--accent)}.slider .thumb:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.slider .thumb[data-dragging]{transform:scale(1.15)}.slider .thumb{transition:transform .12s}.checks{margin:0;padding:0;list-style:none}.ck{border-radius:8px;grid-template-columns:18px 1fr;align-items:start;gap:8px;padding:6px;display:grid}.ck:hover{background:var(--surface-2)}.ck .m{background:var(--ok-soft);width:16px;height:16px;color:var(--ok);border-radius:50%;place-items:center;margin-top:1px;display:grid}.ck.warn .m{background:var(--warn-soft);color:var(--warn)}.ck b{font-weight:500;line-height:1.3;display:block}.ck span{color:var(--fg-2);font-size:12px;display:block}.ck .ck-t{text-align:left;border-radius:5px;justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.ck .ck-t svg{color:var(--fg-3);transition:transform .15s}.ck .ck-t[aria-expanded=false] svg{transform:rotate(-90deg)}.ck .fix{margin-top:6px}.note .sw,.sw{border:1px solid var(--line-2);border-radius:4px;flex:none;justify-self:center;width:14px;height:14px}.note small{color:var(--fg-3)}.note .pinb{cursor:pointer}.num{font-variant-numeric:tabular-nums}ul.notes{margin:0;padding:0;list-style:none}.reopen .tag{height:18px;padding:0 6px}.s-studio>.labels{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.labels[data-hide]{visibility:hidden}.labels .ov{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ov line{stroke:var(--fg-3);stroke-width:1px}.ov .ml{stroke:var(--accent);stroke-width:1.5px}.ov .ml.dash{stroke-dasharray:4 4}.labels .mk{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.labels .mk>*{position:absolute}.labels .dim{font:500 11.5px/1 var(--font-mono);background:var(--surface);color:var(--fg);border:1px solid var(--line-2);white-space:nowrap;box-shadow:var(--shadow-1);border-radius:6px;align-items:center;gap:4px;padding:4px 6px;display:inline-flex;top:0;left:0;transform:translate(-50%,-50%)}.labels .dim.acc{background:var(--accent);color:var(--on-accent);pointer-events:auto;border-color:#0000}.labels .dim.quiet{opacity:.92}.labels .mk.below .dim{transform:translate(-50%,10px)}.labels .dim .x{width:14px;height:14px;color:inherit;opacity:.8;border-radius:4px;place-items:center;margin-right:-2px;display:grid}.labels .dim .x:hover{opacity:1;background:#fff3}.labels .dot{background:var(--accent);border:1.5px solid var(--surface);border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;top:0;left:0}.labels .dot.live{animation:1.4s ease-in-out infinite pulse}.labels .pinnote{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--fg-2);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);border-radius:6px;padding:2px 7px;font-size:11.5px;top:-24px;left:30px;overflow:hidden}.pinpop{pointer-events:auto;z-index:1;width:240px;animation:tin .18s var(--ease);gap:8px;padding:10px;display:grid;top:-34px;left:32px}.pinpop .h{align-items:center;gap:8px;display:flex}.pinpop .h b{font-weight:600}.pinpop .h small{color:var(--fg-3);margin-left:auto;font-size:11.5px}.pinpop textarea{resize:none;border:1px solid var(--line-2);background:var(--surface-2);width:100%;height:58px;font:inherit;color:inherit;border-radius:8px;outline:none;padding:7px 8px}.pinpop textarea:focus{border-color:var(--accent);background:var(--surface)}.pinpop .sp{flex:1}.reflab{color:var(--fg-2);background:var(--surface);border:1px dashed var(--line-2);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11.5px;top:0;left:0;transform:translate(-50%,-100%)}#gl.pick{cursor:crosshair}#gl.grab-ref{cursor:move}.topts .muted{color:var(--fg-3);font-size:12px}.topts .seg{background:var(--surface-2);border:1px solid var(--line);padding:2px}.topts .seg button{height:24px;padding:0 9px;font-size:12px}.topts .seg button[aria-checked=true]{background:var(--surface);box-shadow:0 1px 2px #0000001f}.topts .slider.mini{width:140px}.topts .btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.swatches .sw{border:1px solid var(--line-2);border-radius:50%;width:22px;height:22px;position:relative}.swatches .sw[aria-checked=true]:after{content:"";border:1.5px solid var(--accent);border-radius:50%;position:absolute;inset:-4px}.swatches .sw:focus-visible{outline-offset:4px;border-radius:50%}.askcard{width:min(430px,100%);animation:drop .32s var(--ease);border-color:color-mix(in srgb,var(--ai) 40%,var(--line));box-shadow:0 0 0 3px var(--ai-soft),var(--shadow-1);gap:10px;padding:12px;display:grid}.askcard .h{color:var(--ai);align-items:center;gap:6px;margin:-4px -4px -6px 0;display:flex}.askcard .h small{letter-spacing:.02em;font-size:11.5px;font-weight:600}.askcard .h .sp{flex:1}.askcard .q{font-size:14px;font-weight:600;line-height:1.35}.askcard .opts{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;display:grid}.opt{border:1px solid var(--line-2);text-align:center;background:var(--surface);border-radius:10px;justify-items:center;gap:3px;padding:8px 8px 9px;transition:border-color .15s,box-shadow .15s;display:grid}.opt:hover{border-color:var(--ai);box-shadow:0 0 0 3px var(--ai-soft)}.opt b{font-weight:600}.opt span{color:var(--fg-3);font-size:12px}.app[data-photo="1"] .side,.app[data-photo="1"] .reopen,.app[data-photo="1"] .ribbon,.app[data-photo="1"] .bar,.app[data-photo="1"] .cube-wrap,.app[data-photo="1"] .askcard,.app[data-photo="1"] .banner,.app[data-photo="1"] .dock,.app[data-photo="1"] .hint{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .2s,visibility 0s .2s}.app[data-photo="1"] .dock-wrap{padding:0 var(--gr) 0 var(--gl)}.app[data-photo="1"]{background:radial-gradient(120% 90% at 50% 12%,var(--bg-2),var(--bg))}.app[data-bd=paper]{background:#f2efe9}.app[data-bd=shade]{background:radial-gradient(120% 90% at 50% 18%,#3b404b,#14161a)}@keyframes pulse{50%{transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.labels .dot.live,.askcard,.pinpop{animation:none}.slider .thumb{transition:none}}.labels .pin>.pinb{pointer-events:auto;cursor:pointer;width:24px;height:24px;margin:-26px 0 0 2px;font-size:11.5px;top:0;left:0;box-shadow:0 2px 6px #00000040}.topts{flex-wrap:nowrap}.app[data-w=s] .topts{flex-wrap:wrap}.app:has(.topts) .toasts{bottom:136px}.app[data-w=s]:has(.topts) .toasts{bottom:164px}.topts .seg button,.topts>span{white-space:nowrap}.app[data-w=s] .topts>span{white-space:normal}.scrim{background:var(--scrim);z-index:20;transition:opacity .15s;position:fixed;inset:0}.scrim[data-starting-style],.scrim[data-ending-style]{opacity:0}.palette{z-index:21;width:min(560px,100% - 32px);box-shadow:var(--shadow-2);max-height:70%;transition:opacity .15s,transform .18s var(--ease);border-radius:14px;outline:none;flex-direction:column;display:flex;position:fixed;top:14%;left:50%;overflow:hidden;transform:translate(-50%)}.palette[data-starting-style],.palette[data-ending-style]{opacity:0;transform:translate(-50%)translateY(-6px)scale(.985)}.palette .in{border-bottom:1px solid var(--line);color:var(--fg-3);align-items:center;gap:10px;padding:13px 14px;display:flex}.palette .in input{color:var(--fg);background:0 0;border:0;outline:none;flex:1;font-size:15px}.palette .in input::placeholder{color:var(--fg-3)}.pl{padding:6px;overflow:auto}.pl .grp{padding:8px 8px 4px}.pi{text-align:left;cursor:pointer;border-radius:9px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;width:100%;padding:6px 8px;display:grid}.pi[aria-selected=true]{background:var(--accent-soft)}.pi b{font-weight:500}.pi span.d{color:var(--fg-3);margin-left:8px;font-size:12px}.pi .tag{margin-left:8px}.palette .ft{border-top:1px solid var(--line);color:var(--fg-3);flex-wrap:wrap;align-items:center;gap:14px;padding:9px 14px;font-size:12px;display:flex}.library{z-index:21;width:min(940px,100% - 32px);height:min(640px,100% - 48px);box-shadow:var(--shadow-2);transition:opacity .15s,transform .2s var(--ease);border-radius:16px;outline:none;grid-template-rows:auto 1fr auto;display:grid;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.library[data-starting-style],.library[data-ending-style]{opacity:0;transform:translate(-50%,-48%)scale(.985)}.lib-h{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 12px 12px 18px;display:flex}.lib-h h2{font-family:var(--font-display);font-size:24px;font-weight:400;line-height:1}.lib-h .srch{background:var(--surface-2);height:34px;color:var(--fg-3);border:1px solid #0000;border-radius:9px;flex:1;align-items:center;gap:8px;max-width:340px;margin-left:auto;padding:0 10px;display:flex}.lib-h .srch:focus-within{border-color:var(--accent)}.lib-h .srch input{min-width:0;color:var(--fg);background:0 0;border:0;outline:none;flex:1}.lib-b{grid-template-columns:168px 1fr;min-height:0;display:grid}.lib-c{border-right:1px solid var(--line);flex-direction:column;gap:1px;padding:10px 8px;display:flex;overflow:auto}.lib-c button{color:var(--fg-2);text-align:left;border-radius:8px;justify-content:space-between;gap:8px;padding:6px 10px;font-weight:500;display:flex}.lib-c button:hover{background:var(--surface-2);color:var(--fg)}.lib-c button[aria-pressed=true]{background:var(--surface-3);color:var(--fg)}.lib-c button small{color:var(--fg-3);font-weight:400}.lib-g{padding:6px 14px 18px;overflow:auto}.lib-g h3{letter-spacing:.05em;text-transform:uppercase;color:var(--fg-3);margin:14px 4px 6px;font-size:11px;font-weight:600}.tiles{grid-template-columns:repeat(auto-fill,minmax(166px,1fr));gap:6px;display:grid}.tile{text-align:left;border:1px solid #0000;border-radius:11px;grid-template-columns:40px 1fr;align-items:center;gap:10px;padding:8px;transition:background .12s,border-color .12s;display:grid}.tile:hover{background:var(--surface-2);border-color:var(--line)}.tile b{font-weight:500;line-height:1.25;display:block}.tile span{color:var(--fg-3);font-size:11.5px;line-height:1.3;display:block}.lib-f{border-top:1px solid var(--line);color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;gap:14px;padding:9px 18px;font-size:12px;display:flex}.pop{z-index:30;min-width:230px;max-width:min(340px,100vw - 24px);box-shadow:var(--shadow-2);transform-origin:var(--transform-origin);transition:opacity .12s,transform .12s var(--ease);outline:none;padding:6px}.pop[data-starting-style],.pop[data-ending-style]{opacity:0;transform:scale(.97)}.pop[data-instant]{transition:none}.pop .mi{text-align:left;cursor:default;border-radius:8px;outline:none;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;width:100%;padding:5px 8px 5px 5px;display:grid}.pop .mi.plain{grid-template-columns:20px 1fr auto;padding:6px 8px}.pop .mi[data-highlighted],.pop .mi:hover{background:var(--surface-2)}.pop .mi[data-disabled]{opacity:.5}.pop .mi.bad{color:var(--bad)}.pop .mi b{font-weight:500}.pop .mi span{color:var(--fg-3);font-size:11.5px;display:block}.pop .mi .ck{color:var(--accent)}.pop .ph{gap:3px;padding:6px 8px 8px;display:grid}.pop .ph b{font-weight:600}.pop .ph span{color:var(--fg-2);font-size:12.5px}.pop hr,.pop [role=separator]{border:0;border-top:1px solid var(--line);margin:5px 0}.pop .glab{letter-spacing:.05em;text-transform:uppercase;color:var(--fg-3);padding:6px 8px 3px;font-size:11px;font-weight:600}.tip{z-index:60;background:var(--fg);max-width:250px;color:var(--bg-2);box-shadow:var(--shadow-1);pointer-events:none;border-radius:9px;padding:7px 9px;font-size:12px;line-height:1.35;transition:opacity .12s}.tip[data-starting-style],.tip[data-ending-style]{opacity:0}.tip[data-instant]{transition:none}.tip b{font-weight:600}.tip kbd{font:500 11px var(--font-ui);opacity:.7;margin-left:8px}.tip span{opacity:.78;margin-top:2px;display:block}.toasts{z-index:40;pointer-events:none;justify-items:center;gap:6px;width:max-content;max-width:calc(100% - 32px);display:grid;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}.toast{background:var(--fg);color:var(--bg-2);box-shadow:var(--shadow-2);animation:tin .25s var(--ease);border-radius:10px;max-width:100%;padding:8px 12px;font-size:12.5px}.dialog{z-index:31;width:min(400px,100% - 32px);box-shadow:var(--shadow-2);transition:opacity .15s,transform .18s var(--ease);border-radius:14px;outline:none;gap:10px;padding:18px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog[data-starting-style],.dialog[data-ending-style]{opacity:0;transform:translate(-50%,-48%)scale(.98)}.dialog h2{font-size:15px;font-weight:600}.dialog p{color:var(--fg-2)}.dialog .btnrow{justify-content:flex-end;margin-top:6px}.about{gap:8px;display:grid}.about ul{gap:6px;display:grid}.about li{color:var(--fg-2);padding-left:12px;font-size:12.5px;position:relative}.about li:before{content:"";background:var(--fg-3);border-radius:50%;width:4px;height:4px;position:absolute;top:8px;left:0}.layer{z-index:30}.layer.tip-layer{z-index:60}.app[data-make="1"] .side.left,.app[data-make="1"] .side.right,.app[data-make="1"] .dock-wrap,.app[data-make="1"] .ribbon,.app[data-make="1"] .reopen,.app[data-make="1"] .hint,.app[data-make="1"] .canvas-empty{display:none}.app[data-make="1"] .seg.mode{visibility:hidden}.app[data-make="1"] .s-studio{--top:60px}.app[data-make="1"] .cube-wrap{top:76px}.app[data-make="1"] .bar-r .btn.pri{box-shadow:0 0 0 3px var(--accent-soft)}.makep{inset:auto;right:var(--gr);border:1px solid var(--line);z-index:4;width:360px;max-width:none;height:auto;max-height:none;color:var(--fg);animation:mk-in .28s var(--ease);flex-direction:column;margin:0;padding:0;position:absolute;top:60px;bottom:16px;left:auto;overflow:hidden}.makep[open]{display:flex}@keyframes mk-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.makep .side-h{padding:8px 8px 0}.makep .side-b{padding:4px 16px 18px}.makep h2{font-family:var(--font-display);letter-spacing:-.005em;font-size:30px;font-weight:400;line-height:1.05}.makep .goals{grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 4px;display:grid}.makep .goal{text-align:left;border:1px solid var(--line-2);border-radius:11px;align-content:start;justify-items:start;gap:2px;padding:9px 10px;transition:border-color .15s,box-shadow .15s,background .15s;display:grid}.makep .goal:hover{background:var(--surface-2)}.makep .goal[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.makep .goal b{align-items:center;gap:6px;width:100%;font-weight:600;display:flex}.makep .goal>span{color:var(--fg-3);flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:11.5px;line-height:1.3;display:flex}.makep .goal .tag{height:16px;margin-left:auto;padding:0 6px;font-size:10px}.mk{gap:12px;padding-top:12px;display:grid}.mk .prm{grid-template-columns:72px 1fr;align-items:center;gap:8px 10px;display:grid}.mk .prm .lab{color:var(--fg-2)}.mk select{border:1px solid var(--line-2);background:var(--surface);border-radius:8px;width:100%;min-width:0;height:30px;padding:0 8px}.mk .seg{justify-self:start}.mk .seg small{color:var(--fg-3);font-weight:400}.mk .parts{flex-wrap:wrap;gap:4px 12px;display:flex}.mk .pk{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.mk .pk input{accent-color:var(--accent);width:14px;height:14px;margin:0}.mk .lay{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mk .lay .tag{cursor:default}.mk .sum{background:var(--line);border:1px solid var(--line);border-radius:11px;grid-template-columns:1.25fr 1fr .8fr;gap:1px;display:grid;overflow:hidden}.mk .sum>div{background:var(--surface);min-width:0;padding:9px 10px}.mk .sum b{font:500 14px var(--font-ui);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.mk .sum b .tag{vertical-align:middle}.mk .sum>div>span{color:var(--fg-3);font-size:11.5px}.mk .callout{background:var(--surface-2);color:var(--fg);border-radius:10px;grid-template-columns:18px 1fr;gap:8px;padding:9px 10px;line-height:1.45;display:grid}.mk .callout.ok{background:var(--ok-soft)}.mk .callout.warn{background:var(--warn-soft)}.mk .callout>svg{color:var(--fg-2);margin-top:2px}.mk .callout.ok>svg{color:var(--ok)}.mk .callout.warn>svg{color:var(--warn)}.mk .callout b{font-weight:600}.mk-checks,.mk-checks ul{gap:6px;display:grid}.mk-checks .callout>span{justify-items:start;gap:2px;display:grid}.mk-checks .callout>span>span{color:var(--fg-2);font-size:12.5px}.mk-checks .callout .btn{background:var(--surface);margin-top:6px}.mk-h{font-weight:600}.mk .fine,.makep .fine{color:var(--fg-3);font-size:12px;line-height:1.45}.mk .fine svg{vertical-align:-1px;color:var(--ok);display:inline-block}.mk .lead{color:var(--fg-2)}.mk .btn.pri.anyway{background:var(--fg);color:var(--bg-2)}.mk .btn.pri.anyway:hover{filter:brightness(1.15)}.mk .btn[aria-disabled=true] .tag{opacity:1}.mk .btn.quiet[aria-disabled=true]{opacity:.7}.save-st{color:var(--fg-2);align-items:center;gap:7px;min-height:0;font-size:12.5px;line-height:1.4;display:flex}.save-st:empty{display:none}.save-st .spin{color:var(--accent)}.save-st.ok{color:var(--ok)}.save-st.bad{color:var(--bad)}.save-st svg{flex:none}.mk .fmt{gap:10px;display:grid}.mk .fmt section{gap:2px;display:grid}.mk .fmt h3{letter-spacing:.05em;text-transform:uppercase;color:var(--fg-3);padding:0 8px 2px;font-size:11px;font-weight:600}.mk .fmt button{text-align:left;border-radius:9px;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;width:100%;padding:8px;display:grid}.mk .fmt button:hover:not([aria-disabled=true]){background:var(--surface-2)}.mk .fmt button[aria-disabled=true]{cursor:default}.mk .fmt button[aria-disabled=true] .x,.mk .fmt button[aria-disabled=true] b{opacity:.6}.mk .fmt .x{font:600 10.5px var(--font-mono);text-align:center;background:var(--surface-3);color:var(--fg-2);border-radius:6px;padding:4px 0}.mk .fmt b{font-weight:500;display:block}.mk .fmt button>span>span{color:var(--fg-3);font-size:12px}.mk .fmt button>svg{color:var(--fg-3)}.mk .fmt .spin{color:var(--accent)}.mk .fmt .save-st{padding:0 8px 4px 70px}.mk .quotes{gap:6px;display:grid}.mk .quote{border:1px solid var(--line-2);border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:10px;display:grid}.mk .quote b{font-weight:600}.mk .quote>span:last-child{color:var(--fg-3);grid-column:1/-1;font-size:12px}.mk .copyrow.soon code{font-family:var(--font-ui);color:var(--fg-3)}.dlcard{width:min(460px,100%);animation:drop .32s var(--ease);border-color:color-mix(in srgb,var(--ai) 30%,var(--line));grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:8px 8px 8px 10px;display:grid}.dlcard .ic{background:var(--ai-soft);width:28px;height:28px;color:var(--ai);border-radius:8px;place-items:center;display:grid}.dlcard b{overflow-wrap:anywhere;font-weight:600;line-height:1.3;display:block}.dlcard div>span{color:var(--fg-2);font-size:12px;display:block}.files-float{z-index:12;justify-items:center;gap:8px;width:min(460px,100% - 32px);display:grid;position:fixed;top:72px;left:50%;transform:translate(-50%)}.banner.bringing{white-space:normal}.banner.bringing progress{width:80px;height:6px;accent-color:var(--accent)}.dropzone{z-index:50;background:color-mix(in srgb,var(--bg) 55%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;padding:16px;animation:.15s ease-out fade;display:grid;position:fixed;inset:0}.dz{border:2px dashed var(--accent);background:var(--accent-soft);text-align:center;border-radius:18px;place-content:center;justify-items:center;gap:8px;padding:24px;display:grid}.dz svg{color:var(--accent)}.dz b{font-size:17px;font-weight:600}.dz span{color:var(--fg-2);max-width:380px}.app[data-w=s] .makep{left:var(--gl);right:var(--gr);width:auto;max-height:56%;animation-name:mk-up;top:auto;bottom:16px}@keyframes mk-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.app[data-w=s] .makep h2{font-size:26px}.app[data-w=s][data-make="1"] .s-studio{--top:104px}.app[data-w=s][data-make="1"] .cube-wrap{top:116px}.app[data-w=s] .dlcard{grid-template-columns:auto 1fr auto}.app[data-w=s] .dlcard>.btn{grid-column:2/-1;justify-self:start}.app[data-w=s] .dlcard>.ib{grid-area:1/3}@media (prefers-reduced-motion:reduce){.makep,.dlcard,.dropzone{animation:none}}.sec.form{gap:8px;padding:10px 6px 12px;display:grid}.form .fh{align-items:center;gap:8px;display:flex}.form .fh b{font-size:13.5px;font-weight:600}.form .fh .sp{flex:1}.form .fsum{color:var(--fg-2);margin:0;font-size:12.5px;line-height:1.45}.form .fnote{color:var(--warn);background:var(--warn-soft);border-radius:8px;margin:0;padding:6px 8px;font-size:12px;line-height:1.45}.prm{grid-template-columns:86px minmax(0,1fr);align-items:center;gap:7px 8px;display:grid}.frow{display:contents}.frow>label{color:var(--fg-2);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;font-size:12.5px;overflow:hidden}.frow>label.scrub{cursor:ew-resize}.frow.wide>label{grid-column:1/-1;margin-bottom:-3px}.frow.wide>:not(label){grid-column:1/-1}.frow .seg{flex-wrap:wrap;justify-self:start;max-width:100%}.form .nf,.made .nf{height:28px}.nf .stp{width:16px;height:20px;color:var(--fg-3);opacity:0;border-radius:5px;flex:none;font-size:13px;line-height:1;transition:opacity .12s}.nf:hover .stp,.nf:focus-within .stp{opacity:1}.nf .stp:hover{background:var(--surface-3);color:var(--fg)}.nf.sm{height:26px;padding:0 6px}.nf.sm small{color:var(--fg-3);font-size:10.5px;font-weight:600}.fsel,.ftext{background:var(--surface-2);width:100%;min-width:0;height:28px;color:var(--fg);font:inherit;border:1px solid #0000;border-radius:7px;padding:0 8px;font-size:12.5px}.fsel:focus-visible,.ftext:focus-visible{border-color:var(--accent);background:var(--surface);outline:none}.xyz{grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:4px;min-width:0;display:grid}.xyzp{align-items:center;gap:4px;min-width:0;display:flex}.xyzp .xyz{flex:1}.xyzp .ib[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.switch{background:var(--surface-3);border:1px solid var(--line-2);border-radius:999px;justify-self:start;width:34px;height:20px;transition:background .15s;position:relative}.switch span{background:var(--surface);width:14px;height:14px;transition:transform .15s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.switch[aria-checked=true]{background:var(--accent);border-color:#0000}.switch[aria-checked=true] span{transform:translate(14px)}.pickf{border:1px dashed var(--line-2);background:var(--surface-2);border-radius:9px;gap:5px;padding:6px;display:grid}.pickf.on{border:1.5px solid var(--w2);background:color-mix(in srgb,var(--w2) 9%,var(--surface))}.chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.chip{background:var(--surface);border:1px solid var(--w2);border-radius:999px;align-items:center;gap:4px;height:24px;padding:0 3px 0 9px;font-size:12px;font-weight:500;display:inline-flex}.chip button{width:18px;height:18px;color:var(--fg-2);border-radius:50%;place-items:center;display:grid}.chip button:hover{background:var(--surface-3);color:var(--fg)}.pickb{height:24px;color:var(--fg-2);border:1px solid #0000;border-radius:999px;padding:0 9px;font-size:12px}.pickb:hover{color:var(--fg);background:var(--surface-3)}.pickb[aria-pressed=true]{color:var(--ws);background:color-mix(in srgb,var(--w2) 22%,transparent);font-weight:500}.tog{border:1px solid var(--line-2);background:var(--surface);border-radius:999px;align-items:center;gap:5px;height:24px;padding:0 9px;font-size:12px;display:inline-flex}.tog:hover{border-color:var(--fg-3)}.tog[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--fg);font-weight:500}.tog b{color:var(--accent);font-size:10.5px}.linkb{color:var(--fg-2);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px;justify-self:start;align-items:center;gap:4px;padding:2px 0;font-size:12px;display:inline-flex}.linkb:hover{color:var(--fg)}.typed{align-items:center;gap:4px;display:flex}.typed .xyz{flex:1}.tgt{gap:6px;display:grid}.tgo{color:var(--fg-2);grid-template-columns:auto 110px;align-items:center;gap:8px;font-size:12.5px;display:grid}.plist{gap:4px;display:grid}.prow{grid-template-columns:16px 1fr auto;align-items:center;gap:4px;display:grid}.prow .pn{color:var(--fg-3);text-align:center;font-size:11px}.filef{cursor:pointer;justify-self:start;position:relative}.filef input{opacity:0;cursor:pointer;position:absolute;inset:0}.filef:focus-within{outline:2px solid var(--accent);outline-offset:2px}.morebtn{color:var(--fg-2);justify-self:start;align-items:center;gap:5px;padding:2px 0;font-size:12px;font-weight:500;display:inline-flex}.morebtn:hover{color:var(--fg)}.ferr{background:var(--bad-soft);color:var(--bad);border-radius:9px;align-items:flex-start;gap:7px;padding:8px 9px;font-size:12.5px;line-height:1.4;display:flex}.ferr svg{flex:none;margin-top:2px}.ferr b{font-weight:600;display:block}.ferr span span{color:var(--fg-2);display:block}.fres{background:var(--ok-soft);color:var(--fg);border-radius:9px;margin:0;padding:7px 9px;font-size:12.5px}.frun{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.frun .muted,.wbar .muted,.made .muted{color:var(--fg-3);font-size:12px}.wbar .berr{color:var(--bad);align-items:center;gap:5px;display:inline-flex}.made{gap:8px 12px}.made .mrow{align-items:center;gap:8px;display:flex}.made .mrow label{color:var(--fg-2);-webkit-user-select:none;user-select:none;font-size:12.5px}.made .mrow label.scrub{cursor:ew-resize;border-bottom:1px dashed var(--line-2)}.made .nf{width:84px}.mrange{width:140px;accent-color:var(--accent)}.made .spin{width:14px;height:14px}.wacts{padding-top:6px}.wacts h3{margin:0 0 6px;font-size:12px;font-weight:600}.labels .gzin{pointer-events:auto;background:var(--fg);height:30px;color:var(--surface);box-shadow:var(--shadow-1);white-space:nowrap;border-radius:9px;align-items:center;gap:4px;margin:-15px 0 0 14px;padding:0 4px 0 8px;display:flex}.labels .gzin span{opacity:.72;margin-right:2px;font-size:11.5px}.labels .gzin input{width:44px;color:inherit;font:600 12.5px var(--font-mono);text-align:right;background:0 0;border:0;outline:none}.labels .gzin i{opacity:.8;font-size:11.5px;font-style:normal}.labels .gzin button{width:22px;height:22px;color:inherit;border-radius:6px;place-items:center;display:grid}.labels .gzin button:hover{background:#7f7f7f4d}.labels .gzin:focus-within{box-shadow:0 0 0 2px var(--accent),var(--shadow-1)}.labels .mk[data-cut] .gzin{background:var(--bad);color:#fff}.labels .drawlbl{font:500 11.5px/1 var(--font-mono);background:var(--accent);color:var(--on-accent);white-space:nowrap;box-shadow:var(--shadow-1);pointer-events:none;border-radius:6px;padding:4px 6px;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}#gl.grab-handle{cursor:grab}#gl.drag.grab-handle{cursor:grabbing}.tile .tag,.pi .tag{vertical-align:1px;height:17px;margin-left:6px;padding:0 6px;font-size:10.5px}.tile[data-status=soon]{opacity:.8}.tile .note{color:var(--fg-3);margin-top:2px;font-size:11.5px;line-height:1.35;display:block}@media (prefers-reduced-motion:reduce){.switch span,.switch,.nf .stp{transition:none}}.partrow{align-items:center;grid-template-columns:auto 1fr auto!important}.partrow .pname{text-align:left;border-radius:6px;min-width:0;padding:2px 4px;display:grid}.partrow .pname:hover{background:var(--surface-2)}.partrow .pname[aria-pressed=true]{background:var(--accent-soft)}.partrow .pname small{color:var(--fg-3)}.partrow .pacts{gap:0;display:flex}.partrow .pacts .ib{width:24px;height:24px}.partrow .pacts .ib[aria-pressed=true]{color:var(--fg-3);background:var(--surface-3)}.partrow[data-hidden] .pname span,.partrow[data-hidden] .sw{opacity:.45}.partrow .ftext{height:26px}.tile b{flex-wrap:wrap;align-items:center;gap:2px 6px;display:flex}.tile b .tag{color:var(--fg-2);margin:0;display:inline-flex}.tile b .tag.warn,.pi b .tag.warn{color:var(--warn)}.topts .fsel.mat{width:auto;height:26px}.app[data-w=m] .side.left{width:232px}.app[data-w=s] .bar{grid-template-columns:auto 1fr auto;gap:6px}.app[data-w=s] .presence small,.app[data-w=s] .presence>span:not(.av),.app[data-w=s] .hint,.app[data-w=s] .bar-l .sep,.app[data-w=s] .bar-l .undo{display:none}.app[data-w=s] .doc-name{max-width:96px;padding:5px 4px}.app[data-w=s] .saved{min-width:0;padding-right:4px;font-size:11.5px}.app[data-w=s] .mode{justify-self:center}.app[data-w=s] .seg.mode button{padding:0 8px}.app[data-w=s] .side.left,.app[data-w=s] .side.right{left:var(--gl);right:var(--gr);width:auto;max-height:46%;top:auto;bottom:76px}.app[data-w=s] .side.left[data-open=false],.app[data-w=s] .side.right[data-open=false]{transform:translateY(120%)}.app[data-w=s] .dock-wrap{padding:0 var(--gr) 0 var(--gl)}.app[data-w=s] .cube-wrap{right:var(--gr);top:calc(var(--top) + 48px)}.app[data-w=s] .reopen{top:auto;bottom:74px}.app[data-w=s] .s-welcome .hero,.app[data-w=s] .s-connect .cn{width:100%;padding:96px 20px 28px;padding-left:max(20px,var(--gl));justify-content:flex-start}.app[data-w=s] .showcase{display:none}.app[data-w=s] .cn h2{font-size:34px}.app[data-w=s] .agents,.app[data-w=s] .ideas{grid-template-columns:1fr}.app[data-w=s] .center-stack{left:var(--gl);right:var(--gr)}.app[data-w=s] .banner{white-space:normal}.app[data-w=m] .ideas{grid-template-columns:repeat(2,1fr)}.app[data-w=m] .showcase .chip{display:none}:root[data-w=s] .lib-b{grid-template-rows:auto 1fr;grid-template-columns:1fr}:root[data-w=s] .lib-c{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;overflow-x:auto}:root[data-w=s] .lib-c button{white-space:nowrap}:root[data-w=s] .lib-h h2{display:none}:root[data-w=s] .palette{top:12px}.app[data-w=s]:has(.side[data-open=true]) .reopen{display:none}.app[data-w=s] .bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l r""m m";row-gap:8px}.app[data-w=s] .bar-l{grid-area:l;max-width:100%}.app[data-w=s] .bar-r{grid-area:r}.app[data-w=s] .seg.mode{grid-area:m}.app[data-w=s] .s-studio{--top:104px}.app[data-w=s][data-mode=workshop] .s-studio{--top:178px}.app[data-w=s] .ribbon{top:104px}.app[data-w=s] .cube-wrap{top:calc(var(--top) + 4px)}:root{--dur-1:.15s;--dur-2:.2s;--dur-3:.22s}.side{transition:top var(--dur-3) var(--ease),transform var(--dur-3) var(--ease),opacity var(--dur-2),visibility 0s}.side[data-open=false]{transition:top var(--dur-3) var(--ease),transform var(--dur-3) var(--ease),opacity var(--dur-1),visibility 0s var(--dur-3)}.ribbon{transition:opacity var(--dur-2),transform var(--dur-3) var(--ease),visibility 0s var(--dur-3)}.app[data-mode=workshop] .ribbon{transition:opacity var(--dur-2),transform var(--dur-3) var(--ease),visibility 0s}.dock-wrap{transition:padding var(--dur-3) var(--ease)}.cube-wrap{transition:right var(--dur-3) var(--ease),top var(--dur-3) var(--ease),opacity var(--dur-2)}.center-stack,.reopen{transition:top var(--dur-3) var(--ease)}.banner,.errcard,.askcard,.dlcard{animation-duration:var(--dur-3)}.topts{animation:tin var(--dur-2) var(--ease)}.makep{animation-duration:var(--dur-3)}.makep[data-leaving]{animation:mk-out .16s var(--ease) forwards}.app[data-w=s] .makep[data-leaving]{animation-name:mk-down}@keyframes mk-out{to{opacity:0;transform:translate(12px)}}@keyframes mk-down{to{opacity:0;transform:translateY(18px)}}.screen-enter{animation:fade var(--dur-2) ease-out}.pinpop{animation-duration:var(--dur-1)}.toasts{transition:bottom var(--dur-2) var(--ease);gap:8px;bottom:84px}.toast{animation:tin var(--dur-2) var(--ease);text-align:center;line-height:1.4}.toast[data-leaving]{animation:.18s ease-in forwards tout}@keyframes tout{to{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.side,.side[data-open=false],.ribbon,.app[data-mode=workshop] .ribbon,.dock-wrap,.cube-wrap,.center-stack,.reopen,.toasts,.palette,.library,.dialog,.scrim,.pop,.tip{transition:none!important}.toast,.topts,.banner,.errcard,.askcard,.dlcard,.makep,.pinpop,.screen-enter,.st.new,.showcase .main,.showcase .chip{animation:none!important}}.app[data-w=s] .side.left,.app[data-w=s] .side.right{bottom:calc(var(--dock-h,58px) + 24px);max-height:min(50%,calc(100% - var(--top) - var(--dock-h,58px) - 56px))}.app[data-w=s] .reopen{bottom:calc(var(--dock-h,58px) + 24px)}.app[data-w=s] .dock{gap:2px;padding:4px}.app[data-w=s] .dock .tb{width:40px;height:44px}.app[data-w=s] .dock .sep{margin:0 2px}.app[data-w=s] .dock .any{justify-content:center;width:40px;height:44px;padding:0}.app[data-w=s] .dock .any>span{display:none}.app[data-w=s] .topts{max-width:calc(100vw - 32px)}.app[data-w=s] .made .mrange{flex:1;width:110px;min-width:0}.app[data-w=s] .made .mrow{flex:1;min-width:0}.mk-go{z-index:1;background:var(--surface);border-top:1px solid var(--line);gap:8px;margin:0 -16px -18px;padding:10px 16px 14px;display:grid;position:sticky;bottom:-18px}.mk-go .save-st{padding:0}.mk-go+.fine{padding-top:4px}.app[data-w=s] .dlcard{grid-template-columns:28px 1fr 28px;align-items:start;gap:8px 10px}.app[data-w=s] .dlcard>.ic{grid-area:1/1}.app[data-w=s] .dlcard>div{grid-area:1/2;min-width:0}.app[data-w=s] .dlcard>.btn{grid-area:2/2;justify-self:start}.app[data-w=s] .dlcard>.ib{grid-area:1/3;align-self:start;margin-top:0}.pinpop{z-index:2}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pi[aria-selected=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.palette .in:focus-within{box-shadow:inset 0 -2px 0 var(--accent)}.rec .open:focus-visible,.idea:focus-visible,.start:focus-visible,.tile:focus-visible,.agent:focus-visible,.goal:focus-visible{outline-offset:2px}.mrange:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.labels .gzin input:focus-visible{outline:none}.st:focus-visible,.story-start:focus-visible,.ck .ck-t:focus-visible{outline-offset:0}.labels .dim .x,.chip button,.labels .gzin button,.switch,.rg .lab,.nf .stp,.note .pinb,.swatches .sw,.ib,.tog,.pickb,.linkb,.morebtn{position:relative}.labels .dim .x:after,.chip button:after,.labels .gzin button:after,.switch:after,.rg .lab:after,.note .pinb:after,.swatches .sw:before,.tog:after,.pickb:after,.linkb:after,.morebtn:after{content:"";position:absolute;inset:-5px}.rg .lab:after{inset:-4px -2px}.swatches .sw{width:24px;height:24px}@media (pointer:coarse){.ib:after,.tb:after,.seg button:after,.btn.sm:after,.link:after,.act:after{content:"";position:absolute;inset:-8px}.tb,.seg button,.btn.sm,.link,.act{position:relative}.labels .dim .x:after,.chip button:after,.labels .gzin button:after,.switch:after,.note .pinb:after,.swatches .sw:before,.tog:after,.pickb:after{inset:-11px}}:root[data-w=s] .ib:after{content:"";position:absolute;inset:-8px}.saved[data-st=bad]{color:var(--bad);font-weight:500}.home-empty{background:color-mix(in srgb,var(--surface) 55%,transparent);justify-content:flex-start;gap:16px 18px;padding:22px 24px}.home-empty>div{flex:1;gap:2px;min-width:220px;display:grid}.home-empty b{color:var(--fg);font-size:14px;font-weight:600}.home-empty span{color:var(--fg-2)}.notices{gap:10px;margin-top:-10px;display:grid}.notice{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:18px 1fr;align-items:start;gap:10px;padding:12px 14px;display:grid}.notice>svg{margin-top:1px}.notice b{font-weight:600;display:block}.notice span{color:var(--fg-2);max-width:70ch;margin-top:2px;display:block}.notice .btnrow{margin-top:10px}.notice.bad{border-color:color-mix(in srgb,var(--bad) 35%,var(--line));background:color-mix(in srgb,var(--bad) 5%,var(--surface))}.notice.bad>svg{color:var(--bad)}.notice.warn{border-color:color-mix(in srgb,var(--warn-fill) 45%,var(--line));background:color-mix(in srgb,var(--warn-fill) 7%,var(--surface))}.notice.warn>svg{color:var(--warn)}.app[data-w=s] .home-body{gap:24px;padding:84px 16px 40px}.app[data-w=s] .home-empty .btn{width:100%}