.studio{min-height:100svh;padding-top:var(--nav);grid-template-columns:264px minmax(0,1fr);display:grid}.side{top:var(--nav);height:calc(100svh - var(--nav));border-right:1px solid var(--line);background:var(--bg-1);flex-direction:column;padding:16px 12px;display:flex;position:sticky}.new-chat{border:1px solid var(--line-2);background:var(--surface);border-radius:10px;align-items:center;gap:10px;height:40px;padding:0 12px;font-size:14px;transition:background-color .2s,border-color .2s;display:flex}.new-chat:hover{background:var(--surface-2)}.new-chat .plus{color:var(--accent);transition:transform .4s var(--out);font-size:18px;line-height:1}.new-chat:hover .plus{transform:rotate(90deg)}.new-chat kbd{margin-left:auto}.side-label{color:var(--text-3);margin:22px 8px 8px;font-size:12px}.hist{scrollbar-width:thin;flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.hist li{position:relative}.hist-item{text-align:left;width:100%;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:8px 32px 8px 10px;font-size:14px;transition:background-color .15s,color .15s;display:block;overflow:hidden}.hist-item:hover{background:var(--surface);color:var(--text)}.hist-item.on{background:var(--surface-2);color:var(--text)}.hist-del{width:22px;height:22px;color:var(--text-3);opacity:0;border-radius:6px;transition:opacity .15s,background-color .15s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.hist li:hover .hist-del,.hist-del:focus-visible{opacity:1}.hist-del:hover{background:var(--line-2);color:var(--text)}.hist-empty{color:var(--text-3);padding:8px 10px;font-size:13px}.side-foot{border-top:1px solid var(--line);align-items:flex-start;gap:10px;margin-top:12px;padding:12px 10px 4px;font-size:13px;display:flex}.side-foot b{font-weight:500;display:block}.side-foot small{color:var(--text-3);font-size:12px}.live-dot{background:var(--accent-2);width:7px;height:7px;box-shadow:0 0 0 3px rgb(var(--warn-rgb) / .16);border-radius:50%;flex:none;margin-top:7px}.chat{width:100%;max-width:820px;min-height:calc(100svh - var(--nav));flex-direction:column;margin:0 auto;padding:0 28px;display:flex}.chat-head{top:var(--nav);z-index:5;background:var(--bg);border-bottom:1px solid var(--line);align-items:center;gap:12px;height:52px;display:flex;position:sticky}.chat-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.chat-meta{color:var(--text-3);white-space:nowrap;margin-left:auto;font-size:12px}.side-toggle{border:1px solid var(--line);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:32px;height:32px;display:none}.side-toggle i{background:var(--text-2);width:14px;height:1.5px;display:block}.log{flex:1;padding:12px 0 24px}.m-user{justify-content:flex-end;margin:28px 0 22px;display:flex}.bubble{background:var(--surface-2);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;border-radius:18px 18px 4px;max-width:min(78%,560px);padding:10px 16px;font-size:15px;line-height:1.65}.m-ai{grid-template-columns:30px minmax(0,1fr);gap:16px;margin:8px 0 32px;display:grid}.m-av{padding-top:4px}.m-body{min-width:0}.m-tail:empty{display:none}.m-tail{margin-top:12px}.tag{color:var(--accent-2);border:1px solid rgb(var(--warn-rgb) / .35);border-radius:999px;padding:2px 10px;font-size:12px;display:inline-block}.err{border:1px solid rgb(var(--danger-rgb) / .3);background:rgb(var(--danger-rgb) / .06);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;font-size:14px;display:flex}.err b{color:var(--danger);font-weight:600}.err p{color:var(--text-2);margin:2px 0 0;font-size:13px}.err code{font-family:var(--mono);font-size:12px}.err .btn{height:34px;padding:0 16px;font-size:13px}.m-actions{flex-wrap:wrap;align-items:center;gap:2px;margin-top:12px;display:flex}.m-actions button{color:var(--text-3);border-radius:8px;padding:4px 10px;font-size:13px;transition:background-color .15s,color .15s}.m-actions button:hover{background:var(--surface);color:var(--text)}.vnav{font-family:var(--mono);color:var(--text-2);align-items:center;font-size:12px;display:inline-flex}.vnav[hidden]{display:none}.m-time{font-family:var(--mono);color:var(--text-3);margin-left:auto;font-size:12px}.m-system{border:1px dashed var(--line-2);color:var(--text-3);border-radius:12px;margin:20px 0;padding:14px 16px;font-size:12px}.m-system pre{font-family:var(--mono);color:var(--text-2);white-space:pre-wrap;margin:8px 0 0;font-size:13px}.empty{text-align:center;flex-direction:column;align-items:center;padding:8vh 0 24px;display:flex}.empty[hidden]{display:none}.empty h2{letter-spacing:-.02em;margin:28px 0 32px;font-size:clamp(24px,3vw,32px);font-weight:650}.cards{grid-template-columns:1fr 1fr;gap:12px;width:min(640px,100%);display:grid}.card{text-align:left;border:1px solid var(--line);background:var(--surface);transition:border-color .2s, transform .3s var(--out), background-color .2s;border-radius:14px;flex-direction:column;gap:6px;padding:16px 18px;display:flex;position:relative}.card:hover{border-color:var(--line-2);background:var(--surface-2);transform:translateY(-2px)}.card-t{font-family:var(--mono);color:var(--accent);font-size:12px}.card-q{font-size:15px}.card-go{color:var(--text-3);transition:color .2s, transform .3s var(--out);position:absolute;top:12px;right:14px}.card:hover .card-go{color:var(--accent);transform:translate(2px,-2px)}.composer{z-index:5;background:linear-gradient(transparent, var(--bg) 28px);padding:16px 0 18px;position:sticky;bottom:0}.composer .ask{width:100%}.composer-note{text-align:center;color:var(--text-3);margin:10px 0 0;font-size:12px}.cmds{background:var(--surface);border:1px solid var(--line-2);box-shadow:0 20px 40px -20px var(--shadow-c);border-radius:14px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:0;right:0}.cmds[hidden]{display:none}.cmd{width:100%;font-family:var(--mono);border-radius:9px;justify-content:space-between;padding:9px 12px;font-size:13px;display:flex}.cmd small{font-family:var(--sans);color:var(--text-3);font-size:13px}.cmd.on,.cmd:hover{background:var(--surface-2)}@media (width<=900px){.studio{grid-template-columns:1fr}.side{left:0;top:var(--nav);z-index:30;width:280px;height:auto;transition:transform .45s var(--out), box-shadow .45s;position:fixed;bottom:0;transform:translate(-100%)}.studio.side-open .side{box-shadow:30px 0 60px var(--shadow-c);transform:none}.side-toggle{display:flex}.chat{padding:0 16px}.cards{grid-template-columns:1fr}.m-ai{grid-template-columns:1fr;gap:8px}}.side-foot .sf-info{flex:1;min-width:0}.side-foot .sf-info b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-foot small.low{color:var(--danger)}.sf-out{width:30px;height:30px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.sf-out:hover{background:var(--surface-2);color:var(--text)}.sf-out svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}button.sf-info{text-align:left;cursor:pointer;color:inherit;font:inherit;border-radius:8px;margin:-2px -6px;padding:2px 6px;display:block}button.sf-info:hover{background:var(--surface-2)}.hexa{--hx-line:#111318;--hx-a:#2dd4bf;--hx-b:#0d9488;width:var(--size);height:var(--size);flex:none;place-items:center;display:inline-grid}.hexa svg{width:100%;height:100%;overflow:visible}.hx-l{transform-box:view-box;transform-origin:0 0;transition:transform .6s cubic-bezier(.16,.84,.24,1),opacity .6s}.hx-l polygon{stroke-linejoin:round}.hx-1 polygon{fill:none;stroke:var(--hx-line);stroke-width:5.5px}.hx-2 polygon{fill:none;stroke:var(--accent,#0d9488);stroke-width:5px;opacity:.9}.hx-3 polygon{stroke:none;opacity:.95}.hx-3 polygon+polygon{opacity:.7}.hx-dot{fill:#fff;transform-box:view-box;transform-origin:0 0;transition:transform .4s cubic-bezier(.16,.84,.24,1)}.hx-2{rotate:30deg}.hexa[data-state=typing] .hx-1{animation:6s linear infinite hx-spin}.hexa[data-state=typing] .hx-2{animation:4s linear infinite hx-spin-r}.hexa[data-state=typing] .hx-3{animation:3s linear infinite hx-spin}@keyframes hx-spin{0%{rotate:0deg}to{rotate:360deg}}@keyframes hx-spin-r{0%{rotate:30deg}to{rotate:-330deg}}.hexa[data-state=typing] .hx-1{transform:scale(1.06)}.hexa[data-state=typing] .hx-2{transform:scale(1.12)}.hexa[data-state=typing] .hx-3{transform:scale(.88)}.hexa[data-state=typing] .hx-dot{transform:scale(1.3)}.hexa[data-state=sleep] .hx-1,.hexa[data-state=sleep] .hx-2{opacity:.35;transform:scale(.62)}.hexa[data-state=sleep] .hx-3{opacity:.5;transform:scale(.8)}.hexa.blink .hx-1,.hexa.blink .hx-3{animation:.5s cubic-bezier(.16,.84,.24,1) hx-pulse}.hexa.blink .hx-2{animation:.5s cubic-bezier(.16,.84,.24,1) 50ms hx-pulse}@keyframes hx-pulse{40%{scale:.55}}@media (prefers-reduced-motion:reduce){.hx-l{animation:none!important}.hx-2{rotate:30deg}}.nav-set{width:34px;height:34px;color:var(--text-2);border-radius:10px;place-items:center;margin-left:auto;transition:background-color .15s,color .15s;display:grid}.nav-set:hover{background:var(--surface-2);color:var(--text)}.nav-set svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .6s var(--out)}.nav-set:hover svg{transform:rotate(60deg)}.nav-set+.nav-cta{margin-left:0}.settings-wrap{z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a47;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.settings{background:var(--surface);border:1px solid var(--line);border-radius:20px;width:min(440px,100%);max-height:calc(100svh - 32px);padding:8px 8px 12px;overflow:auto;box-shadow:0 1px 2px #0f172a0a,0 30px 80px -20px #0f172a59}.st-head{justify-content:space-between;align-items:center;padding:10px 12px 6px;display:flex}.st-head h2{margin:0;font-size:18px;font-weight:650}.st-x{width:30px;height:30px;color:var(--text-3);border-radius:8px;font-size:18px}.st-x:hover{background:var(--surface-2);color:var(--text)}.st-sec{padding:6px 4px}.st-sec+.st-sec{border-top:1px solid var(--line)}.st-sec h3{color:var(--text-3);margin:8px 8px 4px;font-size:12px;font-weight:500}.st-row{text-align:left;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:10px 8px;font-size:14px;display:flex}.st-row span:first-child{gap:2px;display:grid}.st-row b{font-weight:500}.st-row small{color:var(--text-3);font-size:12px;line-height:1.5}.st-row input{accent-color:var(--accent);flex:none;width:18px;height:18px}.st-link:hover,.st-version:hover{background:var(--surface-2)}.st-go{color:var(--text-3);font-size:18px}.st-about{align-items:center;gap:12px;padding:8px 8px 10px;display:flex}.st-about div{display:grid}.st-about small{color:var(--text-3);font-size:12px}.st-version{cursor:default;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.st-v{font-family:var(--mono);color:var(--text-2);font-size:13px}.st-admin{border-top:1px dashed var(--line-2);margin-top:4px;padding-top:4px}.st-admin .st-row b{color:var(--accent)}.st-hide{color:var(--text-3);margin:2px 8px 4px;font-size:12px}.st-hide:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.sf-set{width:30px;height:30px;color:var(--text-3);border-radius:8px;align-self:center;place-items:center;margin-left:auto;display:grid}.sf-set:hover{background:var(--surface-2);color:var(--text)}.sf-set svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}[data-motion=reduced] *,[data-motion=reduced] :before,[data-motion=reduced] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.profile{width:min(460px,100%)}.pf-body{padding:4px 12px 8px}.pf-loading,.pf-empty{color:var(--text-3);margin:0;padding:16px 0;font-size:13px}.pf-top{align-items:center;gap:14px;padding:8px 0 16px;display:flex}.pf-avatar{color:#fff;background:linear-gradient(135deg, var(--accent), rgb(var(--accent-rgb) / .65));border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:20px;font-weight:650;display:grid}.pf-top div{min-width:0;display:grid}.pf-name{text-overflow:ellipsis;font-size:17px;font-weight:650;overflow:hidden}.pf-top small{color:var(--text-3);font-size:12.5px}.pf-balance{background:rgb(var(--accent-rgb) / .08);border:1px solid rgb(var(--accent-rgb) / .18);border-radius:16px;grid-template-columns:1fr auto;align-items:end;gap:2px 12px;padding:16px 18px;display:grid}.pf-balance small{color:var(--text-2);grid-column:1;font-size:12.5px}.pf-balance b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--accent);grid-column:1;font-size:30px;font-weight:700}.pf-balance b span{color:var(--text-3);margin-left:6px;font-size:13px;font-weight:500}.pf-balance.zero{background:#dc26260f;border-color:#dc262633}.pf-balance.zero b{color:var(--danger)}.pf-recharge{grid-area:1/2/span 2;align-self:center}.pf-contacts{border:1px dashed var(--line-2);border-radius:14px;gap:10px;margin-top:10px;padding:12px 14px;display:grid}.pf-tip{color:var(--text-2);margin:0;font-size:13px;line-height:1.6}.pf-contact{justify-content:space-between;align-items:center;gap:12px;display:flex}.pf-contact span{min-width:0;display:grid}.pf-contact small{color:var(--text-3);font-size:12px}.pf-contact b{font-size:16px;font-weight:600;font-family:var(--mono);word-break:break-all}.pf-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 6px;display:grid}.pf-stats div{background:var(--surface-2);border-radius:12px;gap:2px;padding:10px 12px;display:grid}.pf-stats small{color:var(--text-3);font-size:12px}.pf-stats b{font-variant-numeric:tabular-nums;font-size:16px;font-weight:650}.pf-stats b.sm{font-size:12.5px;font-weight:500}.pf-ledger h3{color:var(--text-2);margin:14px 0 6px;font-size:13px;font-weight:600}.pf-ledger ol{max-height:220px;margin:0;padding:0;list-style:none;overflow:auto}.pf-ledger li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 2px;display:flex}.pf-ledger li span{display:grid}.pf-ledger li b{font-size:13px;font-weight:500}.pf-ledger li small{color:var(--text-3);font-size:11.5px}.pf-ledger em{font-variant-numeric:tabular-nums;font-size:13.5px;font-style:normal;font-weight:600}.pf-ledger em.pos{color:var(--accent)}.pf-ledger em.neg{color:var(--text-2)}.pf-logout{width:100%;color:var(--danger);border-radius:12px;margin-top:14px;padding:10px;font-size:14px;display:block}.pf-logout:hover{background:#dc26260f}.art-card{border:1px solid var(--line-2);background:var(--surface);cursor:default;border-radius:14px;align-items:center;gap:12px;max-width:520px;padding:12px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 8px 24px -16px #0f172a2e}.ac-ic{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;flex:none;place-items:center;width:40px;height:46px;display:grid;position:relative}.ac-ic:after{content:"HTML";font:600 9px var(--mono);color:var(--accent)}.ac-ic[data-t=svg]:after{content:"SVG";color:#7c3aed}.ac-ic[data-t=markdown]:after{content:"MD";color:var(--text-2)}.ac-ic[data-t=code]:after{content:"</>";color:#2563eb}.ac-t{flex:1;min-width:0;display:grid}.ac-t b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.ac-t small{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ac-err{color:var(--danger);font-size:12px}.ac-acts{flex:none;gap:6px;display:flex}.ac-acts button,.ac-acts a{border:1px solid var(--line-2);color:var(--text-2);cursor:pointer;border-radius:8px;padding:5px 12px;font-size:12.5px;transition:background-color .15s,color .15s,border-color .15s}.ac-acts button[data-open]{background:var(--text);color:var(--bg);border-color:#0000}.ac-acts button[data-open]:hover{background:#2a2f3a}.ac-acts a:hover{background:var(--surface-2);color:var(--text)}.ac-acts a[aria-disabled=true]{opacity:.4;pointer-events:none}.ac-bar{background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;background-repeat:no-repeat;background-size:40% 100%;height:2px;position:absolute;bottom:0;left:0;right:0}.art-card.running .ac-bar{opacity:1;animation:1.2s linear infinite ac-flow}@keyframes ac-flow{0%{background-position:-40% 0}to{background-position:140% 0}}.art-card.bad{border-color:rgb(var(--danger-rgb) / .35)}.studio.with-panel{grid-template-columns:264px minmax(0,1fr) min(48vw,760px)}.art-panel{top:var(--nav);height:calc(100svh - var(--nav));border-left:1px solid var(--line);background:var(--bg-1);flex-direction:column;min-width:0;display:flex;position:sticky}.art-panel[hidden]{display:none}.ap-head{border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:12px;height:52px;padding:0 12px 0 16px;display:flex}.ap-t{flex:1;min-width:0;display:grid}.ap-t b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.ap-t small{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.ap-tabs{background:var(--surface-2);border-radius:10px;padding:3px;display:flex}.ap-tabs button{color:var(--text-3);border-radius:7px;padding:4px 12px;font-size:12.5px}.ap-tabs button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0f172a14}.ap-tabs button[hidden]{display:none}.ap-acts{gap:4px;display:flex}.ap-acts button,.ap-acts a{color:var(--text-2);cursor:pointer;border-radius:8px;padding:5px 10px;font-size:12.5px}.ap-acts button:hover,.ap-acts a:hover{background:var(--surface-2);color:var(--text)}.ap-acts a[aria-disabled=true]{opacity:.4;pointer-events:none}.ap-acts [data-a=close]{padding:4px 9px;font-size:18px;line-height:1}.ap-status{color:var(--accent);background:rgb(var(--accent-rgb) / .06);border-bottom:1px solid rgb(var(--accent-rgb) / .15);align-items:center;gap:8px;padding:6px 16px;font-size:12px;display:flex}.ap-status i{border:1.5px solid rgb(var(--accent-rgb) / .25);border-top-color:var(--accent);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.ap-body{flex:1;min-height:0;display:flex;position:relative}.ap-frame{background:#fff;border:0;flex:1;width:100%}.ap-frame[hidden],.ap-doc[hidden],.ap-code[hidden]{display:none}.ap-doc{background:var(--bg);flex:1;padding:24px 28px;overflow:auto}.ap-code{background:var(--code-bg);font-family:var(--mono);white-space:pre;flex:1;margin:0;padding:16px 18px;font-size:12.5px;line-height:1.65;overflow:auto}.ap-code code{background:0 0}@media (width<=1100px){.studio.with-panel{grid-template-columns:264px minmax(0,1fr)}.art-panel{top:var(--nav);z-index:35;width:min(92vw,720px);height:auto;position:fixed;bottom:0;right:0;box-shadow:-30px 0 60px #0f172a2e}}@media (width<=900px){.studio.with-panel{grid-template-columns:1fr}.art-panel{width:100vw}.art-card{flex-wrap:wrap}.ac-acts{justify-content:flex-end;width:100%}}.ap-full{align-items:center;gap:5px;display:inline-flex}.ap-full svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.ap-full .i-out,.art-panel.full .ap-full .i-in{display:none}.art-panel.full .ap-full .i-out{display:inline}.art-panel.full{z-index:220;width:100vw;height:100dvh;box-shadow:none;background:var(--bg);border:0;position:fixed;inset:0}.art-panel.full .ap-head{height:46px}.art-panel:fullscreen{background:var(--bg);width:100vw;height:100vh}html.ap-fullscreen,html.ap-fullscreen body{overflow:hidden}@media (width<=900px){.ap-full span{display:none}}