@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-vietnamese-wght-normal-DKRsWTd7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-latin-ext-wght-normal-Cvgdx4cy.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-latin-wght-normal-CfZa4wxB.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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 Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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 Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #FFFFFF;--surface: #F6F6F4;--raised: #FFFFFF;--line: #E6E5E1;--ink: #121316;--ink-2: #5C5E66;--ink-3: #74767F;--accent: #F0432B;--accent-text: #C9301A;--accent-ink: #FFFFFF;--accent-soft: #FDECE8;--good: #1E8E5A;--warn: #B46A00;--bad: #C4281C;--stage: #0D0E10;--display: "Familjen Grotesk Variable", "Avenir Next", "Segoe UI", sans-serif;--body: "Figtree Variable", "Helvetica Neue", "Segoe UI", sans-serif;--mono: "JetBrains Mono Variable", Menlo, Consolas, monospace;--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:light}[data-theme=dark]{--bg: #101114;--surface: #17181C;--raised: #1D1F24;--line: #2A2C33;--ink: #F1F1EE;--ink-2: #A3A6B0;--ink-3: #8B8E99;--accent: #FF5A40;--accent-text: #FF7A64;--accent-ink: #14100F;--accent-soft: #3A1A14;--good: #4CC38A;--warn: #E0A040;--bad: #FF6B5E;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:400 15px/1.5 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.mono{font-family:var(--mono);font-size:12px}.boot{height:100%;background:var(--bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:8px;border:1px solid var(--line);background:var(--raised);font-weight:600;text-decoration:none;color:var(--ink);transition:transform .16s var(--ease),background .16s var(--ease),opacity .16s}.btn:hover:not(:disabled){background:var(--surface)}.btn:active:not(:disabled){transform:scale(.98)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.06)}.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}[data-theme=dark] .btn.danger{color:#14100f}.btn:disabled{opacity:.45}.btn.wide{width:100%}.link{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;font-size:13px;min-height:32px}.link:disabled{color:var(--ink-3);text-decoration:none}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;color:var(--ink-2)}.icon-btn:hover{background:var(--surface);color:var(--ink)}.chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:8px;border:1px solid #2A2C33;color:#f1f1ee;font-weight:600;font-size:13px;background:#17181c}.error{color:var(--bad);font-size:13px;margin-top:8px}.hint{color:var(--ink-2);font-size:13px}.lead{color:var(--ink-2)}.lead strong{color:var(--ink);font-weight:600}.field{display:grid;gap:6px;text-align:left}.field span{font-size:13px;font-weight:600}input[type=email],input[type=url],input:not([type]),textarea,select{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-height:44px}input::placeholder,textarea::placeholder{color:var(--ink-3)}input[aria-invalid=true]{border-color:var(--bad)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ink);outline-offset:0;border-color:var(--ink)}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--accent);display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.signin{min-height:100%;display:grid;place-items:center;padding:24px 16px;background:var(--surface)}.signin-card{width:100%;max-width:400px;background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:32px;display:grid;gap:16px}.signin-card h1{font:700 28px/1.15 var(--display);letter-spacing:-.01em;margin-top:8px}.code{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.code input{text-align:center;font:600 22px/1 var(--mono);padding:0;height:56px}.code.shake{animation:shake .36s var(--ease)}@keyframes shake{20%{transform:translate(-6px)}50%{transform:translate(5px)}80%{transform:translate(-3px)}}.signin-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.shell{height:100%;display:grid;grid-template-columns:232px minmax(0,1fr)}.rail{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:16px 12px;gap:4px;min-height:0}.rail button{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:0 10px;border-radius:8px;color:var(--ink-2);font-weight:500;text-align:left;transition:background .16s var(--ease)}.rail button:hover{background:var(--line);color:var(--ink)}.rail button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail .brand{color:var(--ink);font:700 17px/1 var(--display);margin-bottom:12px;padding-left:4px}.rail .brand:hover{background:none}.rail .new{color:var(--ink);font-weight:600;background:var(--raised);border:1px solid var(--line);min-height:40px}.rail h2{font:600 12px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:20px 10px 8px}.recent{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;min-height:0}.recent .hint{padding:4px 10px}.recent button.on{background:var(--raised);color:var(--ink);font-weight:600;box-shadow:inset 0 0 0 1px var(--line)}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-left:auto;flex:none;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.rail-foot{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}.home{overflow-y:auto;padding:12vh 24px 48px;display:flex;flex-direction:column;align-items:center;gap:32px}.home h1{font:700 40px/1.15 var(--display);letter-spacing:-.02em;text-align:center}.composer{width:100%;max-width:720px;background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:16px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:-4px -16px 0;padding:0 12px}.tabs button{min-height:40px;padding:0 12px;color:var(--ink-2);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}.composer-input input,.composer-input textarea{font-size:17px;padding:12px 14px;min-height:52px}.composer-input textarea{resize:vertical;max-height:380px;display:block}.options{display:grid;gap:12px}.option{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:12px}.option>span{font-size:13px;font-weight:600;color:var(--ink-2)}.segmented{display:inline-flex;flex-wrap:wrap;gap:4px;background:var(--surface);border-radius:10px;padding:4px;width:fit-content}.segmented button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:7px;color:var(--ink-2);font-weight:600;font-size:13px;transition:background .16s var(--ease)}.segmented button.on{background:var(--raised);color:var(--ink);box-shadow:0 0 0 1px var(--line)}.select{position:relative;width:fit-content}.select select{appearance:none;min-height:40px;padding:0 36px 0 12px;font-weight:600;font-size:13px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237a7c85' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center}.composer-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px}.checks{display:flex;gap:16px;flex-wrap:wrap}.checks label,.toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;min-height:32px;cursor:pointer}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);margin:0}.studio{display:grid;grid-template-columns:minmax(400px,1fr) 6px minmax(380px,var(--split, 44%));min-height:0;height:100%;position:relative}.phone-tabs{display:none}.chat{display:flex;flex-direction:column;min-width:0;min-height:0}.bar-top{height:56px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px 0 24px;border-bottom:1px solid var(--line)}.bar-top h1{font:700 17px/1.2 var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner{background:var(--accent-soft);color:var(--ink);font-size:13px;padding:8px 24px}.log{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px;min-height:0}.msg{max-width:640px}.msg.user{align-self:flex-end;background:var(--surface);border-radius:12px;padding:10px 14px;overflow-wrap:anywhere;white-space:pre-wrap}.msg.agent{display:grid;gap:10px}.who{font:600 12px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.prose{overflow-wrap:anywhere;display:grid;gap:10px}.prose strong{font-weight:600}.bullets{margin:0;padding-left:20px;display:grid;gap:6px}.steps{list-style:none;margin:0;padding:0;display:grid;gap:6px}.steps li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-2)}.steps li.running{color:var(--ink);font-weight:500}.step-mark{width:16px;height:16px;display:grid;place-items:center;flex:none}.steps li.done .step-mark{color:var(--good)}.steps li.failed .step-mark{color:var(--bad)}.thinking{color:var(--ink-3);font-size:13px;animation:pulse 1.6s ease-in-out infinite}.msg.notice{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ask{flex:none;display:flex;align-items:flex-end;gap:8px;margin:0 24px 20px;padding:8px 8px 8px 14px;border:1px solid var(--line);border-radius:12px;background:var(--raised)}.ask:focus-within{border-color:var(--ink-3)}.ask textarea{border:0;background:none;padding:8px 0;min-height:40px;max-height:160px;resize:none;outline:none;field-sizing:content}.send{width:40px;height:40px;flex:none;border-radius:8px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;transition:transform .16s var(--ease),opacity .16s}.send:disabled{opacity:.35}.send:active:not(:disabled){transform:scale(.96)}.send.stop{background:var(--ink);color:var(--bg)}.divider{cursor:col-resize;background:var(--line);touch-action:none}.divider:hover{background:var(--ink-3)}.preview{background:var(--stage);color:#f1f1ee;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;overflow:hidden}.preview .bar-top{border-bottom-color:#1d1f24;justify-content:flex-end;padding:0 16px}.stage{flex:1;min-height:0;display:grid;place-items:center;padding:20px}.frame{position:relative;background:#17181c;overflow:hidden;max-height:100%;max-width:100%;display:grid;place-items:center;box-shadow:0 0 0 1px #2a2c33}.frame.f-9x16{aspect-ratio:9 / 16;height:100%;border-radius:28px}.frame.f-16x9{aspect-ratio:16 / 9;width:100%;border-radius:12px}.frame.f-1x1{aspect-ratio:1;height:min(100%,560px);border-radius:12px}.frame img,.frame video{width:100%;height:100%;object-fit:cover;display:block}.frame .empty{color:#a3a6b0;text-align:center;padding:24px;max-width:240px;font-size:13px}.play{position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;background:#0d0e10b8;color:#fff;display:grid;place-items:center;padding-left:4px;transition:transform .16s var(--ease)}.play:hover{transform:scale(1.05)}.updating{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:8px;background:#0d0e10cc;font-size:13px}.safe i{position:absolute;background:repeating-linear-gradient(45deg,rgba(255,255,255,.22) 0 2px,transparent 2px 8px)}.safe .t{left:0;right:0;top:0;height:11.46%}.safe .b{left:0;right:0;bottom:0;height:21.88%}.safe .l{left:0;top:11.46%;bottom:21.88%;width:5.56%}.safe .r{right:0;top:11.46%;bottom:21.88%;width:5.56%}.safe .rs{right:5.56%;top:50%;bottom:21.88%;width:12.96%}.strip{flex:none;display:flex;gap:8px;padding:0 20px 12px;overflow-x:auto}.thumb{position:relative;flex:none;height:72px;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px #2a2c33;opacity:.7;transition:opacity .16s;background:#17181c}.thumb.f-9x16{aspect-ratio:9 / 16}.thumb.f-16x9{aspect-ratio:16 / 9}.thumb.f-1x1{aspect-ratio:1}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb span{position:absolute;left:4px;bottom:3px;font:500 11px/1 var(--mono);color:#fff;text-shadow:0 1px 3px #000}.thumb.on,.thumb:hover{opacity:1}.thumb.on{box-shadow:0 0 0 2px var(--accent)}.preview-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px 20px}.preview-foot .toggle{color:#a3a6b0}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:180px;background:var(--raised);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 12px 40px #00000024;display:grid}.menu.wide{min-width:280px}.menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding:6px 10px;border-radius:8px;text-align:left}.menu button:hover{background:var(--surface)}.menu button.danger{color:var(--bad)}.menu small,.row small{display:block;color:var(--ink-2);font-size:12px;font-weight:400}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:15;background:var(--raised);color:var(--ink);border-radius:12px 12px 0 0;border-top:1px solid var(--line);padding:20px;display:grid;gap:14px;max-height:86%;overflow-y:auto;box-shadow:0 -12px 40px #0000004d;animation:rise .24s var(--ease)}@keyframes rise{0%{transform:translateY(24px);opacity:0}}.sheet header{display:flex;align-items:center;justify-content:space-between}.sheet h2,.dialog h2{font:700 22px/1.15 var(--display)}.rows{display:grid;gap:8px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;min-height:56px;padding:10px 14px;border:1px solid var(--line);border-radius:8px}.row.on{border-color:var(--accent);background:var(--accent-soft)}.radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--ink-3);flex:none}.row.on .radio{border:6px solid var(--accent)}.meta{font:500 12px/1.4 var(--mono);color:var(--ink-2)}.bar{height:8px;border-radius:4px;background:var(--surface);overflow:hidden}.bar i{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width .4s var(--ease)}.past{border-top:1px solid var(--line);padding-top:12px;display:grid;gap:2px}.past h3,.settings h3{font:600 12px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}.past-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:0 8px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:13px}.past-row:hover{background:var(--surface)}.scrim{position:fixed;inset:0;z-index:50;background:#0d0e1080;display:grid;place-items:center;padding:16px;animation:fade .16s}@keyframes fade{0%{opacity:0}}.dialog{width:100%;max-width:420px;background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:24px;display:grid;gap:16px;box-shadow:0 12px 40px #00000024}.dialog-body{color:var(--ink-2)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.dialog form{display:grid;gap:16px}.settings{display:grid;gap:20px}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;overflow-wrap:anywhere}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:60;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;max-width:calc(100vw - 32px);box-shadow:0 12px 40px #00000024}@media (max-width: 1279px){.shell{grid-template-columns:64px minmax(0,1fr)}.rail{padding:16px 10px;align-items:center}.rail button{justify-content:center;padding:0;width:44px;min-height:44px}.rail button span,.rail h2,.recent .hint{display:none}.rail .brand{padding:0}.studio{grid-template-columns:minmax(0,1fr) 6px minmax(340px,var(--split, 44%))}}@media (max-width: 767px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.rail{flex-direction:row;align-items:center;padding:8px 16px;border-right:0;border-bottom:1px solid var(--line);gap:8px}.rail .brand{margin:0}.recent{flex-direction:row;overflow-x:auto;overflow-y:hidden}.rail-foot{border:0;margin:0;padding:0}.home{padding:32px 16px;gap:24px}.home h1{font-size:28px}.option{grid-template-columns:1fr;gap:6px}.segmented button,.tabs button{min-height:44px}.composer-foot .btn{width:100%;min-height:48px}.checks label{min-height:44px}.studio{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.phone-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.phone-tabs button{min-height:44px;font-weight:600;color:var(--ink-2);border-bottom:2px solid transparent}.phone-tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}.divider,.studio.show-chat .preview,.studio.show-preview .chat{display:none}.bar-top{padding:0 16px}.log{padding:16px}.ask{margin:0 16px 16px}.send{width:44px;height:44px}.signin-card{padding:24px 20px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}
