@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/04c5164763c40239-s.690580e8.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/26f284dcc38c84c0-s.303a03d6.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7e7f32a39836f228-s.0b4edfe7.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fa39153a3fc630ba-s.bff0868b.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6a5386fd6038edbe-s.719084df.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/051742360c26797e-s.p.102b7f24.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/04c5164763c40239-s.690580e8.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/26f284dcc38c84c0-s.303a03d6.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7e7f32a39836f228-s.0b4edfe7.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fa39153a3fc630ba-s.bff0868b.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6a5386fd6038edbe-s.719084df.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/051742360c26797e-s.p.102b7f24.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_a50871ec-module__aCpfjq__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_a50871ec-module__aCpfjq__variable{--font-jetbrains-mono:"JetBrains Mono","JetBrains Mono Fallback"}
:root{--gray-d7:#1b1c1f;--gray-d6:#2a2c2f;--gray-d5:#3a3b3f;--gray-d4:#494b4e;--gray-d3:#585a5e;--gray-d2:#77797e;--gray-d1:#95989d;--gray:#b4b7bd;--gray-1:#c3c5ca;--gray-2:#d2d4d7;--gray-3:#e1e2e5;--gray-4:#e8e9eb;--gray-5:#f0f1f2;--gray-6:#f8f9f9;--gray-7:#fff;--blue-d7:#01040c;--blue-d6:#050d22;--blue-d5:#091637;--blue-d4:#0c204d;--blue-d3:#102963;--blue-d2:#183b8e;--blue-d1:#1f4eba;--blue:#2760e5;--blue-1:#5280ea;--blue-2:#7da0ef;--blue-3:#a9bff5;--blue-4:#becff7;--blue-5:#d4dffa;--blue-6:#e9effc;--blue-7:#f7f9ff;--purple-d7:#040108;--purple-d6:#0e031e;--purple-d5:#170633;--purple-d4:#210849;--purple-d3:#2b0a5f;--purple-d2:#3e0f8a;--purple-d1:#5213b6;--purple:#6518e1;--purple-1:#8142e7;--purple-2:#9d6dec;--purple-3:#ba97f2;--purple-4:#c8acf5;--purple-5:#d6c2f7;--purple-6:#e4d7fa;--purple-7:#f2ecfd;--red-d7:#060201;--red-d6:#1b0804;--red-d5:#300d07;--red-d4:#44130b;--red-d3:#59180e;--red-d2:#832314;--red-d1:#ac2e1b;--red:#d63921;--red-1:#de5d49;--red-2:#e58172;--red-3:#eda59a;--red-4:#f1b7ae;--red-5:#f4c9c3;--red-6:#f8dbd7;--red-7:#fcedeb;--green-d7:#010a05;--green-d6:#021e0e;--green-d5:#043117;--green-d4:#054521;--green-d3:#06582a;--green-d2:#09803c;--green-d1:#0ba74f;--green:#0ece61;--green-1:#2fd778;--green-2:#50e08e;--green-3:#90ecb8;--green-4:#aaf0c8;--green-5:#c2f3d7;--green-6:#d0f3df;--green-7:#f1fff7;--yellow-d7:#0a0700;--yellow-d6:#221804;--yellow-d5:#3a2909;--yellow-d4:#513a0d;--yellow-d3:#694b11;--yellow-d2:#996e1a;--yellow-d1:#c89022;--yellow:#f8b22b;--yellow-1:#f9c155;--yellow-2:#fbd180;--yellow-3:#fce0aa;--yellow-4:#fde8bf;--yellow-5:#fef0d5;--yellow-6:#fef7ea;--yellow-7:#fff;--orange-d7:#080400;--orange-d6:#201203;--orange-d5:#391f06;--orange-d4:#512d0a;--orange-d3:#6a3a0d;--orange-d2:#9a5613;--orange-d1:#cb711a;--orange:#fc8c20;--orange-1:#fda34d;--orange-2:#fdba79;--orange-3:#fed1a6;--orange-4:#fedcbc;--orange-5:#fee8d2;--orange-6:#fff3e9;--orange-7:#fff;--white:#fff;--black:#000;--surface-50:var(--gray-6);--surface-100:var(--gray-5);--surface-200:var(--gray-4);--text-1:var(--color-text-heading);--text-2:var(--color-text);--text-3:var(--color-text-muted);--text-4:var(--color-text-faint);--text-inverse:var(--white);--text-on-brand:var(--white);--text-on-accent:var(--white);--text-link:var(--color-accent);--text-brand:var(--blue-d1);--text-accent:var(--color-accent);--color-bg:#0f1012;--color-bg-secondary:var(--gray-d7);--color-bg-tertiary:var(--gray-d6);--card:var(--gray-d7);--color-border:var(--gray-d6);--color-border-strong:var(--gray-d5);--sidebar:#17181b;--color-text-heading:#f8f9f9;--color-text:#e1e2e5;--color-text-muted:#95989d;--color-text-faint:#77797e;--color-icon:#b4b7bd;--color-accent:#5280ea;--color-accent-hover:#7da0ef;--color-accent-press:#2760e5;--color-on-accent:#fff;--color-accent-soft:#5280ea29;--color-accent-ring:#5280ea80;--intent-orange:#f8b22b;--intent-blue:#5280ea;--intent-pink:#e0699b;--intent-purple:#6f7bf0;--intent-green:#0ece61;--intent-red:#de5d49;--radius:.75rem;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--shadow-xs:0 1px 2px #00000047;--shadow-sm:0 2px 6px #0000004d;--shadow-md:0 8px 24px #00000061;--shadow-lg:0 18px 50px #0000007a;--font-sans:"General Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-lead:"Switzer",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:var(--font-jetbrains-mono),ui-monospace,"SF Mono",Monaco,"Roboto Mono",monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.375rem;--text-xl:1.875rem;--text-2xl:2.5rem;--dur-fast:.13s;--dur-base:.2s;--dur-slow:.32s;--ease-out:cubic-bezier(.22,1,.36,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-in-out:cubic-bezier(.4,0,.2,1)}:root[data-theme=light]{--color-bg:var(--white);--color-bg-secondary:#f3f3f3;--color-bg-tertiary:var(--gray-5);--card:var(--white);--color-border:#e2e2e2;--color-border-strong:var(--gray-1);--sidebar:#fbfbfb;--color-text-heading:var(--gray-d7);--color-text:var(--gray-d6);--color-text-muted:var(--gray-d3);--color-text-faint:var(--gray-d2);--color-icon:var(--gray-d3);--color-accent:var(--blue);--color-accent-hover:var(--blue-d1);--color-accent-press:var(--blue-d2);--color-on-accent:var(--white);--color-accent-soft:#2760e51a;--color-accent-ring:#2760e56b;--intent-orange:var(--orange);--intent-blue:var(--blue);--intent-pink:#d4548a;--intent-purple:var(--purple);--intent-green:var(--green-d1);--intent-red:var(--red);--shadow-xs:0 1px 2px #1012170d,0 1px 1px #10121708;--shadow-sm:0 1px 2px #1012170f,0 1px 1px #1012170a;--shadow-md:0 4px 12px #10121714,0 2px 4px #1012170a;--shadow-lg:0 12px 28px #1012171f,0 4px 10px #1012170d}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:clip}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.55}h1,h2,h3,h4{color:var(--color-text-heading);letter-spacing:-.01em;margin:0;font-style:normal}button{font:inherit;color:inherit;cursor:pointer}.ic{stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:none;width:18px;height:18px}.ic.sm{width:15px;height:15px}.skynet-mark{flex:none;width:72%;height:72%;display:block}:focus-visible{outline:2px solid var(--color-accent-ring);outline-offset:2px;border-radius:var(--radius-sm)}.app{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);height:100dvh;display:grid}.topbar{align-items:center;gap:var(--space-3);height:56px;padding:0 var(--space-4);background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:20;display:flex}.brand{align-items:center;gap:var(--space-2);letter-spacing:.14em;font-weight:700;font-size:var(--text-sm);color:var(--color-text-heading);padding-right:var(--space-3);border-right:1px solid var(--color-border);margin-right:var(--space-1);display:flex}.brand .logo{border-radius:var(--radius-md);background:linear-gradient(150deg,var(--color-accent),var(--color-accent-press));width:28px;height:28px;color:var(--color-on-accent);box-shadow:var(--shadow-xs);place-items:center;display:grid}.brand .logo .ic{stroke-width:2px;width:17px;height:17px}.project-meta{flex-direction:column;min-width:0;line-height:1.25;display:flex}.project-meta .name{align-items:center;gap:var(--space-1);color:var(--color-text-heading);font-weight:600;font-size:var(--text-base);white-space:nowrap;display:flex}.project-meta .name .ic{color:var(--color-text-faint);opacity:0;transition:opacity var(--dur-base)var(--ease-out)}.project-meta:hover .name .ic{opacity:1}.project-meta .sub{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.dot{background:var(--intent-green);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb,var(--intent-green)22%,transparent);border-radius:50%}.spacer{flex:1}.credits{font-size:var(--text-sm);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:6px 12px;display:flex}.credits b{color:var(--color-text-heading);font-weight:600}.credits .ic{color:var(--intent-orange)}.avatar{background:linear-gradient(150deg,var(--intent-purple),var(--intent-blue));color:#fff;width:30px;height:30px;font-size:var(--text-xs);border:1px solid var(--color-border);border-radius:50%;place-items:center;font-weight:600;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-bg-secondary);height:36px;color:var(--color-text);font-size:var(--text-sm);white-space:nowrap;transition:background var(--dur-fast)var(--ease-out),border-color var(--dur-fast)var(--ease-out),transform var(--dur-fast)var(--ease-out);padding:0 16px;font-weight:500;display:inline-flex}.btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.btn:active{transform:translateY(1px)}.btn.ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--color-bg-secondary);color:var(--color-text)}.btn.primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);font-weight:600}.btn.primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn.primary:active{background:var(--color-accent-press)}.btn .ic{width:16px;height:16px}.iconbtn{border-radius:var(--radius-md);width:34px;height:34px;color:var(--color-icon);transition:background var(--dur-fast)var(--ease-out),color var(--dur-fast)var(--ease-out);background:0 0;border:1px solid #0000;place-items:center;display:grid}.iconbtn:hover{background:var(--color-bg-secondary);color:var(--color-text)}.workspace{grid-template-columns:minmax(0,.92fr) 7px minmax(0,1.08fr);min-height:0;display:grid;overflow:hidden}.resizer{background:var(--color-border);cursor:col-resize;transition:background var(--dur-fast)var(--ease-out);position:relative}.resizer:after{content:"";position:absolute;inset:0 -4px}.resizer:hover{background:var(--color-accent)}.chat{background:var(--color-bg);grid-template-rows:auto 1fr auto;min-width:0;min-height:0;display:grid}.chat-head{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.chat-head .title{font-weight:600;font-size:var(--text-sm);color:var(--color-text-heading)}.chat-head .badge{font-size:var(--text-xs);color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-pill);padding:2px 8px;font-weight:500}.chat-scroll{padding:var(--space-5)var(--space-4);gap:var(--space-5);scrollbar-width:thin;scrollbar-color:var(--color-border)transparent;flex-direction:column;display:flex;overflow-y:auto}.chat-scroll::-webkit-scrollbar{width:9px}.chat-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-bg);border-radius:99px}.msg{gap:var(--space-3);animation:msg-in var(--dur-base)var(--ease-out)both;grid-template-columns:30px minmax(0,1fr);align-items:start;display:grid}@keyframes msg-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.msg.user{grid-template-columns:minmax(0,1fr);justify-items:end}.msg .who{border-radius:var(--radius-md);width:30px;height:30px;font-size:var(--text-xs);place-items:center;font-weight:600;display:grid}.msg.user .who{display:none}.msg.ai .who{background:linear-gradient(150deg,var(--color-accent),var(--color-accent-press));color:var(--color-on-accent)}.msg.ai .who .ic{stroke-width:2px;width:16px;height:16px}.msg .body{min-width:0;padding-top:4px}.msg .body p{margin:0 0 var(--space-2);color:var(--color-text)}.msg .body p:last-child{margin-bottom:0}.msg.user .body{background:var(--blue-6);border:1px solid color-mix(in srgb,var(--blue)14%,transparent);border-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-xs);width:fit-content;max-width:86%;color:var(--blue-d3);padding:9px 14px;font-weight:500}.msg .body p.thinking{align-items:center;gap:var(--space-2);color:var(--color-text-muted);display:flex}.msg .body p.thinking .spin{border:2px solid var(--color-accent-soft);border-top-color:var(--color-accent);border-radius:50%;flex:none;width:13px;height:13px;animation:.7s linear infinite spin}.chip:disabled,.composer-bar .send:disabled{opacity:.5;cursor:not-allowed}.steps{margin:var(--space-3)0;flex-direction:column;gap:2px;padding-left:2px;display:flex}.step{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);grid-template-columns:22px 1fr;display:grid;position:relative}.step .tick{place-items:center;width:22px;height:22px;display:grid}.step .tick span{background:color-mix(in srgb,var(--intent-green)18%,transparent);width:18px;height:18px;color:var(--intent-green);border-radius:50%;place-items:center;display:grid}.step .tick .ic{stroke-width:2.5px;width:12px;height:12px}.step.active .tick span{background:var(--color-accent-soft);color:var(--color-accent)}.step.active{color:var(--color-text-heading);font-weight:500}.step .spin{border:2px solid var(--color-accent-soft);border-top-color:var(--color-accent);border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.artifacts{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.artifact{align-items:center;gap:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--dur-fast)var(--ease-out),background var(--dur-fast)var(--ease-out);padding:10px 12px;display:flex}.artifact:hover{border-color:var(--color-border-strong);background:var(--color-bg-tertiary)}.artifact .ftype{border-radius:var(--radius-sm);background:var(--color-bg-tertiary);width:30px;height:30px;color:var(--color-accent);place-items:center;display:grid}.artifact:hover .ftype{background:var(--color-bg)}.artifact .fname{flex:1;min-width:0}.artifact .fname .path{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-heading);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.artifact .fname .meta{font-size:var(--text-xs);color:var(--color-text-faint)}.artifact .acts{opacity:0;transition:opacity var(--dur-base)var(--ease-out);gap:2px;display:flex}.artifact:hover .acts{opacity:1}.artifact .acts .iconbtn{width:28px;height:28px}.artifact .acts .ic{width:14px;height:14px}.added{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--intent-green)}.composer-wrap{padding:var(--space-3)var(--space-4)var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg)}.suggest{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.chip{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-pill);transition:all var(--dur-fast)var(--ease-out);align-items:center;gap:6px;padding:6px 11px;display:inline-flex}.chip:hover{color:var(--color-text-heading);border-color:var(--color-accent);background:var(--color-accent-soft)}.chip .ic{width:13px;height:13px;color:var(--color-accent)}.composer{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--card);padding:var(--space-3);transition:border-color var(--dur-base)var(--ease-out),box-shadow var(--dur-base)var(--ease-out);box-shadow:0 7px 10px #00000008,0 6px 6px -2px #00000003,0 0 0 .5px #00000005,inset 0 -5px #00000008}.composer:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft),0px 7px 10px 0px #00000008,inset 0 -5px 0 #00000008}.composer textarea{resize:none;width:100%;color:var(--color-text);font:inherit;background:0 0;border:none;outline:none;max-height:160px;line-height:1.5}.composer textarea::placeholder{color:var(--color-text-faint)}.composer-bar{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.model-select{font-size:var(--text-sm);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);transition:all var(--dur-fast)var(--ease-out);align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.model-select:hover{color:var(--color-text);border-color:var(--color-border-strong)}.model-select .swatch{background:var(--intent-blue);border-radius:50%;width:7px;height:7px}.composer-bar .send{border-radius:var(--radius-md);background:var(--color-accent);width:38px;height:38px;color:var(--color-on-accent);transition:background var(--dur-fast)var(--ease-out),transform var(--dur-fast)var(--ease-out);border:none;place-items:center;margin-left:auto;display:grid}.composer-bar .send:hover{background:var(--color-accent-hover)}.composer-bar .send:active{transform:scale(.94)}.canvas{background:var(--color-bg-secondary);grid-template-rows:auto 1fr auto;min-width:0;min-height:0;display:grid}.canvas-toolbar{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg);scrollbar-width:none;display:flex;overflow-x:auto}.canvas-toolbar::-webkit-scrollbar{display:none}.tabs{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.tab{font-size:var(--text-sm);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--dur-fast)var(--ease-out);background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-weight:500;display:inline-flex}.tab .ic{width:15px;height:15px}.tab:hover{color:var(--color-text)}.tab.active{background:var(--card);color:var(--color-text-heading);box-shadow:var(--shadow-xs)}.viewport-toggle{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:2px;margin-left:auto;padding:3px;display:flex}.vp{width:30px;height:28px;color:var(--color-icon);border-radius:var(--radius-sm);transition:all var(--dur-fast)var(--ease-out);background:0 0;border:none;place-items:center;display:grid}.vp:hover{color:var(--color-text)}.vp.active{background:var(--card);color:var(--color-accent);box-shadow:var(--shadow-xs)}.vp .ic{width:16px;height:16px}.canvas-stage{padding:var(--space-5);background:radial-gradient(circle at 1px 1px,var(--color-border)1px,transparent 0)0 0/22px 22px;place-items:start center;display:grid;overflow:auto}.frame{color:#1f2430;border-radius:var(--radius-lg);width:100%;max-width:1100px;box-shadow:var(--shadow-lg);transition:max-width var(--dur-slow)var(--ease-in-out);background:#fff;overflow:hidden}.frame.tablet{max-width:760px}.frame.mobile{max-width:390px}.frame-bar{align-items:center;gap:var(--space-2);background:#f4f4f1;border-bottom:1px solid #e4e3dd;padding:9px 14px;display:flex}.frame-bar .url{font-size:var(--text-xs);font-family:var(--font-mono);color:#6b6a62;border-radius:var(--radius-pill);background:#fff;border:1px solid #e4e3dd;flex:1;align-items:center;gap:7px;padding:5px 12px;display:flex}.frame-bar .url .ic{width:12px;height:12px;color:var(--intent-green)}.frame-bar .reloadmini{color:#8a887e}.frame .runner{background:#fff;height:560px;position:relative}.frame .runner>div{width:100%;height:100%}.frame .runner iframe{border:none;width:100%;height:100%}.runner-overlay{justify-content:center;align-items:center;gap:var(--space-3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#6b6a62;font-size:var(--text-sm);background:#ffffffc7;flex-direction:column;font-weight:500;display:flex;position:absolute;inset:0}.runner-overlay .spin{border:2.5px solid #2760e533;border-top-color:#2760e5;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.demo{font-family:var(--font-sans);background:linear-gradient(#fbfbf9,#f6f5f1);min-height:420px;padding:28px}.demo .demo-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.demo .demo-top h2{color:#1a1a18;letter-spacing:-.02em;font-size:1.25rem}.demo .demo-top .mini-cta{color:#fff;background:#2760e5;border:none;border-radius:8px;padding:8px 14px;font-size:.8rem;font-weight:600}.demo .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.demo .stat{background:#fff;border:1px solid #ececec;border-radius:12px;padding:16px}.demo .stat .label{text-transform:uppercase;letter-spacing:.06em;color:#9a988f;margin-bottom:8px;font-size:.72rem}.demo .stat .val{color:#1a1a18;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.demo .stat .val.pos{color:#2f9e54}.demo .stat .val.neg{color:#d0573b}.demo .panel{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.demo .list{background:#fff;border:1px solid #ececec;border-radius:12px;padding:6px 16px}.demo .row{border-bottom:1px solid #f1f0ec;align-items:center;gap:12px;padding:13px 0;display:flex}.demo .row:last-child{border-bottom:none}.demo .row .tag{color:#2760e5;background:#e9effc;border-radius:9px;place-items:center;width:36px;height:36px;font-size:1rem;font-weight:700;display:grid}.demo .row .info{flex:1}.demo .row .info .t{color:#2c2b29;font-size:.9rem;font-weight:600}.demo .row .info .d{color:#9a988f;font-size:.75rem}.demo .row .amt{font-variant-numeric:tabular-nums;color:#d0573b;font-weight:700}.demo .row .amt.in{color:#2f9e54}.demo .chartcard{background:#fff;border:1px solid #ececec;border-radius:12px;padding:16px}.demo .chartcard .label{text-transform:uppercase;letter-spacing:.06em;color:#9a988f;margin-bottom:16px;font-size:.72rem}.demo .bars{align-items:flex-end;gap:10px;height:150px;display:flex}.demo .bars .bar{background:linear-gradient(#6f9bf0,#2760e5);border-radius:6px 6px 0 0;flex:1}.demo .bars .bar.muted{background:#ece9e3}.demo .bars+.xlabels{gap:10px;margin-top:8px;display:flex}.demo .xlabels span{text-align:center;color:#b5b3a9;flex:1;font-size:.68rem}.panel-view{min-height:0;display:none}.panel-view.active{display:block}#view-preview.active{place-items:start center;display:grid}.codeview{background:var(--color-bg);width:100%;height:100%;font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-5)var(--space-6);color:var(--color-text);white-space:pre-wrap;line-height:1.7;overflow:auto}.codeview .ln{color:var(--color-text-faint);-webkit-user-select:none;user-select:none;width:2.5ch;margin-right:var(--space-3);display:inline-block}.codeview .kw{color:var(--intent-purple)}.codeview .fn{color:var(--intent-blue)}.codeview .str{color:var(--intent-green)}.codeview .cm{color:var(--color-text-faint)}.codeview .tag{color:var(--color-accent)}.console{width:100%;height:100%;padding:var(--space-4)var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg);overflow:auto}.logline{gap:var(--space-3);color:var(--color-text-muted);padding:4px 0;display:flex}.logline .ts{color:var(--color-text-faint)}.logline.ok .lvl{color:var(--intent-green)}.logline.info .lvl{color:var(--intent-blue)}.logline.warn{color:var(--color-text)}.logline.warn .lvl{color:var(--intent-orange)}.logline .lvl{min-width:56px;font-weight:600}.canvas-status{align-items:center;gap:var(--space-3);padding:8px var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.canvas-status .s{align-items:center;gap:6px;display:flex}.canvas-status .s .ic{width:13px;height:13px}.canvas-status .ok{color:var(--intent-green)}.canvas-status .right{gap:var(--space-4);margin-left:auto;display:flex}.pane-switch{display:none}.gate{height:100dvh;padding:var(--space-6);background:radial-gradient(1200px 600px at 50% -10%,var(--color-accent-soft),transparent 60%),var(--color-bg);place-items:center;display:grid}.gate-card{text-align:center;background:var(--card);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-10)var(--space-8);box-shadow:var(--shadow-lg)}.gate-logo{width:52px;height:52px;margin:0 auto var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(150deg,var(--color-accent),var(--color-accent-press));color:var(--color-on-accent);box-shadow:var(--shadow-sm);place-items:center;display:grid}.gate-logo .ic{stroke-width:2px;width:28px;height:28px}.gate-card .brandline{letter-spacing:.22em;font-weight:700;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-3)}.gate-card h1{font-size:var(--text-xl);margin-bottom:var(--space-3);letter-spacing:-.02em}.gate-card p{color:var(--color-text-muted);font-size:var(--text-base);margin:0 0 var(--space-8);line-height:1.6}.gate-actions{gap:var(--space-3);flex-direction:column;align-items:stretch;display:flex}.gate-actions .btn{height:44px;font-size:var(--text-base);justify-content:center}.gate-foot{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--color-text-faint)}.center-screen{height:100dvh;color:var(--color-text-muted);place-items:center;gap:var(--space-3);display:grid}.center-screen .spin{border:2.5px solid var(--color-accent-soft);border-top-color:var(--color-accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@media (max-width:900px){.workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.resizer{display:none}.chat,.canvas{grid-area:1/1;display:none}body[data-pane=chat] .chat,body[data-pane=canvas] .canvas{display:grid}.app{grid-template-rows:auto 1fr auto}.pane-switch{background:var(--color-bg);border-top:1px solid var(--color-border);padding:6px;padding-bottom:max(6px,env(safe-area-inset-bottom));gap:2px;display:flex}.pane-switch button{height:42px;color:var(--color-text-muted);font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-md);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;display:inline-flex}.pane-switch button.active{background:var(--color-accent-soft);color:var(--color-accent)}.credits span.lbl{display:none}}@media (max-width:560px){.topbar{gap:var(--space-2);padding:0 var(--space-3)}.topbar .hide-sm{display:none}.canvas-stage{padding:var(--space-3)}.demo{padding:18px}.demo .cards,.demo .panel{grid-template-columns:1fr}.demo .demo-top{flex-wrap:wrap;gap:12px}.viewport-toggle{display:none}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.shell{grid-template-columns:264px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.shell-main{flex-direction:column;min-width:0;display:flex;overflow:hidden}.shell-content{scrollbar-width:thin;scrollbar-color:var(--color-border)transparent;flex:1;min-height:0;overflow-y:auto}.shell-content::-webkit-scrollbar{width:10px}.shell-content::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-bg);border-radius:99px}.shell-mobilebar,.shell-scrim{display:none}.sidebar{gap:var(--space-3);height:100%;min-height:0;padding:var(--space-4)var(--space-3);background:var(--sidebar);border-right:1px solid var(--color-border);flex-direction:column;display:flex}.sidebar-brand{align-items:center;gap:var(--space-2);padding:0 var(--space-2)var(--space-2);display:flex}.sidebar-brand .logo{border-radius:var(--radius-md);background:linear-gradient(150deg,var(--color-accent),var(--color-accent-press));width:30px;height:30px;color:var(--color-on-accent);box-shadow:var(--shadow-xs);place-items:center;display:grid}.sidebar-brand .logo .ic{stroke-width:2px;width:18px;height:18px}.sidebar-brand .wordmark{letter-spacing:.14em;font-weight:700;font-size:var(--text-sm);color:var(--color-text-heading)}.sidebar-brand .tag{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:1px 7px}.new-app{justify-content:center;width:100%}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.nav-link{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);height:36px;color:var(--color-text-muted);font-size:var(--text-sm);transition:background var(--dur-fast)var(--ease-out),color var(--dur-fast)var(--ease-out);background:0 0;border:none;padding:0 10px;font-weight:500;text-decoration:none;display:flex}.nav-link .ic{width:16px;height:16px;color:var(--color-icon)}.nav-link:hover{background:var(--color-bg-secondary);color:var(--color-text-heading)}.nav-link.active{background:var(--color-accent-soft);color:var(--color-accent)}.nav-link.active .ic{color:var(--color-accent)}.sidebar-recent{min-height:0;margin-top:var(--space-2);flex-direction:column;flex:1;display:flex}.recent-head{padding:var(--space-2)var(--space-3);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-faint);align-items:center;gap:6px;font-weight:600;display:flex}.recent-empty{padding:4px var(--space-3);font-size:var(--text-xs);color:var(--color-text-faint);margin:0}.recent-list{scrollbar-width:thin;scrollbar-color:var(--color-border)transparent;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.recent-link{align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);transition:background var(--dur-fast)var(--ease-out),color var(--dur-fast)var(--ease-out);text-decoration:none;display:flex}.recent-link .ic{color:var(--color-text-faint);flex:none}.recent-link .label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.recent-link:hover{background:var(--color-bg-secondary);color:var(--color-text)}.recent-link.active{background:var(--color-bg-tertiary);color:var(--color-text-heading)}.sidebar-foot{border-top:1px solid var(--color-border);padding-top:var(--space-3);flex-direction:column;gap:2px;display:flex}.user-chip{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-2)var(--space-3);min-width:0;display:flex}.avatar.sm{flex:none;width:30px;height:30px}.user-chip .who{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.user-chip .nm{font-size:var(--text-sm);color:var(--color-text-heading);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.user-chip .em{font-size:var(--text-xs);color:var(--color-text-faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-link.signout{width:100%}.page{max-width:1080px;padding:var(--space-8)var(--space-6)var(--space-10);gap:var(--space-8);flex-direction:column;margin:0 auto;display:flex}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.page-head h1{font-size:var(--text-xl)}.page-sub{color:var(--color-text-muted);font-size:var(--text-sm);margin:4px 0 0}.section{gap:var(--space-4);flex-direction:column;display:flex}.section-head{justify-content:space-between;align-items:center;display:flex}.section-head h2{font-size:var(--text-md)}.section-link{font-size:var(--text-sm);color:var(--color-accent);font-weight:500;text-decoration:none}.section-link:hover{text-decoration:underline}.toolbar{gap:var(--space-3);display:flex}.search{align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-faint);transition:border-color var(--dur-fast)var(--ease-out);flex:1;display:flex}.search:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.search input{color:var(--color-text);font:inherit;background:0 0;border:none;outline:none;flex:1}.search input::placeholder{color:var(--color-text-faint)}.hero{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-6)0 var(--space-2);flex-direction:column;display:flex}.hero-eyebrow{font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-text-muted);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px 11px;font-weight:600;display:inline-flex}.hero-eyebrow .ic{color:var(--color-accent)}.hero-title{letter-spacing:-.025em;text-wrap:balance;max-width:24ch;font-size:clamp(1.75rem,1.2rem + 2.2vw,2.25rem);font-weight:600;line-height:1.08}.hero-title .accent{color:var(--color-accent)}.hero-sub{max-width:46ch;color:var(--color-text-muted);font-family:var(--font-lead);font-size:var(--text-md);margin:0;line-height:1.55}.hero-composer{width:100%;max-width:640px;margin-top:var(--space-2);text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--card);padding:var(--space-4);transition:border-color var(--dur-base)var(--ease-out),box-shadow var(--dur-base)var(--ease-out);box-shadow:0 7px 10px #00000008,0 6px 6px -2px #00000003,0 0 0 .5px #00000005,inset 0 -5px #00000008}.hero-composer:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft),0px 7px 10px 0px #00000008,inset 0 -5px 0 #00000008}.hero-composer textarea{resize:none;width:100%;color:var(--color-text);font:inherit;font-size:var(--text-base);background:0 0;border:none;outline:none;min-height:52px;max-height:200px;line-height:1.55}.hero-composer textarea::placeholder{color:var(--color-text-faint)}.hero-composer-bar{align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.hero-composer .send{border-radius:var(--radius-md);background:var(--color-accent);width:40px;height:40px;color:var(--color-on-accent);transition:background var(--dur-fast)var(--ease-out),transform var(--dur-fast)var(--ease-out);border:none;place-items:center;margin-left:auto;display:grid}.hero-composer .send:hover{background:var(--color-accent-hover)}.hero-composer .send:active{transform:scale(.94)}.hero-composer .send:disabled{opacity:.5;cursor:not-allowed}.hero-ideas{justify-content:center;gap:var(--space-2);flex-wrap:wrap;max-width:720px;display:flex}.model-picker{position:relative}.model-menu{z-index:50;background:var(--card);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-md);margin:0;padding:4px;list-style:none;position:absolute;bottom:calc(100% + 6px);left:0}.model-option{align-items:center;gap:var(--space-2);width:100%;color:var(--color-text);font-size:var(--text-sm);border-radius:var(--radius-sm);text-align:left;transition:background var(--dur-fast)var(--ease-out);background:0 0;border:none;padding:7px 9px;display:flex}.model-option .label{flex:1}.model-option .ic{color:var(--color-accent)}.model-option:hover{background:var(--color-bg-secondary)}.model-option.active{color:var(--color-text-heading);font-weight:500}.model-select .swatch{flex:none}.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(264px,1fr));display:grid}.card{background:var(--card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;transition:border-color var(--dur-fast)var(--ease-out),transform var(--dur-fast)var(--ease-out),box-shadow var(--dur-fast)var(--ease-out);text-decoration:none;display:block;overflow:hidden}.card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.project-card .thumb{height:92px;padding:0 var(--space-4);background:radial-gradient(circle at 1px 1px,var(--color-border)1px,transparent 0)0 0/16px 16px,var(--color-bg-secondary);border-bottom:1px solid var(--color-border);align-items:center;display:flex;position:relative}.project-card .thumb-mono{border-radius:var(--radius-md);background:var(--color-accent-soft);width:40px;height:40px;color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent)26%,transparent);letter-spacing:-.01em;place-items:center;font-size:1.0625rem;font-weight:700;display:grid}.status-pill{top:var(--space-2);right:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);background:var(--card);border:1px solid var(--color-border);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:3px 9px;font-weight:500;display:inline-flex;position:absolute}.status-pill .dot{background:var(--color-text-faint);width:6px;height:6px;box-shadow:none;border-radius:50%}.status-pill.ready{color:var(--intent-green)}.status-pill.ready .dot{background:var(--intent-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--intent-green)22%,transparent)}.card-body{padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.card-head{align-items:center;gap:var(--space-2);display:flex}.card-title{min-width:0;font-size:var(--text-base);color:var(--color-text-heading);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.iconbtn.danger{opacity:0;width:28px;height:28px;color:var(--color-text-faint)}.card:hover .iconbtn.danger{opacity:1}.iconbtn.danger:hover{background:color-mix(in srgb,var(--intent-red)14%,transparent);color:var(--intent-red)}.card-desc{font-size:var(--text-sm);color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.9em;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.card-meta{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-faint);justify-content:space-between;align-items:center;display:flex}.card-meta span{align-items:center;gap:5px;display:inline-flex}.card-meta .open{color:var(--color-accent);opacity:0;transition:opacity var(--dur-fast)var(--ease-out),transform var(--dur-fast)var(--ease-out);font-weight:500;transform:translate(-4px)}.card:hover .card-meta .open{opacity:1;transform:translate(0)}.empty{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-10)var(--space-6);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-bg-secondary);flex-direction:column;display:flex}.empty-glyph{border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--color-border);width:52px;height:52px;color:var(--color-accent);place-items:center;display:grid}.empty h3{font-size:var(--text-md)}.empty p{max-width:42ch;color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.empty .btn{margin-top:var(--space-2)}.chat-empty{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-6)var(--space-4);flex-direction:column;margin:auto 0;display:flex}.chat-empty-glyph{border-radius:var(--radius-lg);background:linear-gradient(150deg,var(--color-accent),var(--color-accent-press));width:48px;height:48px;color:var(--color-on-accent);box-shadow:var(--shadow-sm);margin-bottom:var(--space-2);place-items:center;display:grid}.chat-empty .lead{font-size:var(--text-md);color:var(--color-text-heading);margin:0;font-weight:600}.chat-empty .hint{max-width:38ch;color:var(--color-text-muted);font-size:var(--text-sm);margin:0;line-height:1.55}.runner-empty{justify-content:center;align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-6);color:#6b6a62;background:#fff;flex-direction:column;display:flex;position:absolute;inset:0}.runner-empty .glyph{border-radius:var(--radius-lg);color:#2760e5;width:52px;height:52px;margin-bottom:var(--space-2);background:#f4f4f1;border:1px solid #e4e3dd;place-items:center;display:grid}.runner-empty .lead{font-size:var(--text-md);color:#1a1a18;margin:0;font-weight:600}.runner-empty .hint{max-width:36ch;font-size:var(--text-sm);margin:0;line-height:1.55}.project-meta .name{background:0 0;border:none;padding:0}.name-input{font:inherit;color:var(--color-text-heading);background:var(--color-bg-secondary);border:1px solid var(--color-accent);border-radius:var(--radius-sm);outline:none;max-width:280px;padding:2px 8px;font-weight:600}.dot.err{background:var(--intent-red);box-shadow:0 0 0 3px color-mix(in srgb,var(--intent-red)22%,transparent)}@media (max-width:860px){.shell{grid-template-columns:minmax(0,1fr)}.shell-sidebar{z-index:100;width:280px;transition:transform var(--dur-base)var(--ease-out);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.shell.drawer-open .shell-sidebar{box-shadow:var(--shadow-lg);transform:translate(0)}.shell-scrim{z-index:90;opacity:0;pointer-events:none;transition:opacity var(--dur-base)var(--ease-out);background:#00000080;position:fixed;inset:0}.shell.drawer-open .shell-scrim{opacity:1;pointer-events:auto;display:block}.shell-mobilebar{align-items:center;gap:var(--space-2);height:52px;padding:0 var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg);display:flex}.shell-mobilebar .brand{letter-spacing:.14em;font-weight:700;font-size:var(--text-sm);border:none;margin:0;padding:0}.shell-mobilebar .brand .logo{border-radius:var(--radius-md);background:linear-gradient(150deg,var(--color-accent),var(--color-accent-press));width:26px;height:26px;color:var(--color-on-accent);place-items:center;display:grid}.page{padding:var(--space-5)var(--space-4)var(--space-8);gap:var(--space-6)}.hero-title{font-size:var(--text-xl)}}[role=alert]{background-color:#f8f8f8;background-image:none}[role=alert] p{color:var(--black)}.view-plans-button{background-color:var(--blue-6);color:var(--blue-d3);box-shadow:none;border:none;font-weight:600}