:root{--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,sans-serif;--page-max:1680px;--page-gutter:clamp(16px,2.5vw,40px);--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:8px;--radius:12px;--radius-lg:18px;--radius-full:999px;--ease:cubic-bezier(.23,1,.32,1);--duration:.2s;--bg:#f5f7fb;--surface:#fff;--surface-2:#f0f3f9;--surface-glass:#ffffffb8;--text:#0f1b33;--text-muted:#556178;--border:#0f1b331a;--border-strong:#0f1b332e;--brand:#1f5bd8;--brand-soft:#e3ecfc;--primary:#1f5bd8;--primary-hover:#1748b0;--on-primary:#fff;--accent:#d9480f;--accent-soft:#ffebdd;--focus:#1f5bd8;--ok:#1a7f4e;--ok-soft:#ddf3e8;--nc:#c9372c;--nc-soft:#fbe3e0;--warn:#9a6200;--warn-soft:#fbefd6;--neutral:#556178;--neutral-soft:#e8ecf3;--shadow-sm:0 1px 2px #0f1b330f,0 1px 1px #0f1b330a;--shadow:0 4px 16px #0f1b330f,0 1px 3px #0f1b330d;--shadow-lg:0 24px 60px #0f1b3324,0 4px 12px #0f1b330f;--code-comment:#6b7a90;--code-string:#0b7a5a;--code-keyword:#9c2fae;--code-hash:#1f5bd8;--code-number:#b45309;--code-func:#0e6fa8;--buncss-light:initial;--buncss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a0f1c;--surface:#121a2b;--surface-2:#18223a;--surface-glass:#121a2bb8;--text:#e8eef9;--text-muted:#93a0b8;--border:#e8eef91a;--border-strong:#e8eef92e;--brand:#6d9bf0;--brand-soft:#6d9bf024;--primary:#2f6bd8;--primary-hover:#3f7be8;--accent:#ff8a3d;--accent-soft:#ff8a3d24;--focus:#6d9bf0;--ok:#3dbb7e;--ok-soft:#3dbb7e24;--nc:#f06a5f;--nc-soft:#f06a5f24;--warn:#e0a93e;--warn-soft:#e0a93e24;--neutral:#93a0b8;--neutral-soft:#93a0b824;--shadow-sm:0 1px 2px #0006;--shadow:0 4px 16px #00000059,0 1px 3px #0000004d;--shadow-lg:0 24px 60px #00000080,0 4px 12px #0000004d;--code-comment:#7d8aa3;--code-string:#5fd4a6;--code-keyword:#d79bf0;--code-hash:#6d9bf0;--code-number:#f0b26b;--code-func:#6ec4f0;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0a0f1c;--surface:#121a2b;--surface-2:#18223a;--surface-glass:#121a2bb8;--text:#e8eef9;--text-muted:#93a0b8;--border:#e8eef91a;--border-strong:#e8eef92e;--brand:#6d9bf0;--brand-soft:#6d9bf024;--primary:#2f6bd8;--primary-hover:#3f7be8;--accent:#ff8a3d;--accent-soft:#ff8a3d24;--focus:#6d9bf0;--ok:#3dbb7e;--ok-soft:#3dbb7e24;--nc:#f06a5f;--nc-soft:#f06a5f24;--warn:#e0a93e;--warn-soft:#e0a93e24;--neutral:#93a0b8;--neutral-soft:#93a0b824;--shadow-sm:0 1px 2px #0006;--shadow:0 4px 16px #00000059,0 1px 3px #0000004d;--shadow-lg:0 24px 60px #00000080,0 4px 12px #0000004d;--code-comment:#7d8aa3;--code-string:#5fd4a6;--code-keyword:#d79bf0;--code-hash:#6d9bf0;--code-number:#f0b26b;--code-func:#6ec4f0;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);font-size:var(--text-md);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--brand);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}code,.mono{font-family:var(--font-mono)}.h1{font-size:var(--text-xl);letter-spacing:-.02em;line-height:1.2}.h2{font-size:var(--text-lg)}.h3{font-size:var(--text-md)}.muted{color:var(--text-muted)}.small{font-size:var(--text-sm)}.strong{font-weight:600}.nowrap{white-space:nowrap}.grow{flex:1}.ok{color:var(--ok)}.nc{color:var(--nc)}.clamp{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical}.stack{display:grid;gap:var(--space-4);align-content: start}.row{display:flex;align-items: center;gap:var(--space-2);flex-wrap:wrap}.row--end{justify-content:flex-end}.boot{display:grid;place-items: center;min-height:160px}.boot:after{content:"";border:2.5px solid var(--border-strong);border-top-color:var(--brand);animation:.8s linear infinite spin;border-radius:50%;width:22px;height:22px}.app{display:flex;flex-direction:column;min-height:100%}.app--full{height:100%}.bar{position:sticky;z-index:20;background:var(--surface-glass);backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--border);top:0}.bar__inner{display:flex;align-items: center;gap:var(--space-4);padding:0 var(--page-gutter);max-width:var(--page-max);height:56px;margin:0 auto}.app--full .bar__inner{max-width:none}.brand{display:inline-flex;align-items: center;gap:var(--space-2);color:var(--text);letter-spacing:-.02em;font-weight:700}.brand__name{font-size:var(--text-lg)}.brand__name em{color:var(--accent);font-style:normal}.brand--lg .brand__name{font-size:var(--text-2xl)}.bar__nav{display:flex;gap:var(--space-1)}.bar__link{border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--text-sm);padding:6px 12px;font-weight:500}.bar__link:hover{color:var(--text);background:var(--surface-2)}.bar__link[aria-current=page]{color:var(--brand);background:var(--brand-soft)}.avatar{background:var(--brand-soft);color:var(--brand);cursor:pointer;border:0;border-radius:50%;width:32px;height:32px;font-weight:700}.main{max-width:var(--page-max);padding:var(--space-6)var(--page-gutter)var(--space-7);display:grid;gap:var(--space-5);align-content: start;width:100%;margin:0 auto}.main--full{display:flex;flex:1;max-width:none;min-height:0;padding:0}.page-head{display:flex;justify-content:space-between;align-items: flex-end;gap:var(--space-4);flex-wrap:wrap}.page-head .muted{margin-top:var(--space-1)}.btn{display:inline-flex;justify-content:center;align-items: center;gap:var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:background var(--duration)var(--ease),border-color var(--duration)var(--ease);height:38px;font-weight:600}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){color:var(--text)}.btn--danger{color:var(--nc)}.btn--sm{padding:0 var(--space-3);font-size:var(--text-xs);height:30px}.btn--icon{width:38px;padding:0}.btn--sm.btn--icon{width:30px}.spinner{display:inline-block;vertical-align:-2px;animation:.7s linear infinite spin;border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px}@keyframes spin{to{transform:rotate(360deg)}}.field{display:grid;gap:6px}.field__label{font-size:var(--text-sm);font-weight:600}.field__hint{display:block;font-size:var(--text-xs);color:var(--text-muted)}.field__error{font-size:var(--text-xs);color:var(--nc)}.input{padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);width:100%;height:38px}.input:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px var(--brand-soft)}.input--area{padding:var(--space-2)var(--space-3);resize:vertical;height:auto;line-height:1.45}.input--sm{font-size:var(--text-sm);width:auto;height:30px}.input.mono{font-size:var(--text-xs)}.switch{display:flex;gap:var(--space-3);cursor:pointer;align-items: flex-start}.switch input{position:absolute;opacity:0}.switch__track{border-radius:var(--radius-full);background:var(--border-strong);position:relative;transition:background var(--duration)var(--ease);flex:none;width:36px;height:22px}.switch__track:after{content:"";position:absolute;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--duration)var(--ease);border-radius:50%;width:16px;height:16px;top:3px;left:3px}.switch input:checked+.switch__track{background:var(--primary)}.switch input:checked+.switch__track:after{transform:translate(14px)}.switch input:focus-visible+.switch__track{outline:3px solid var(--focus);outline-offset:2px}.switch__label{font-size:var(--text-sm);display:block;font-weight:600}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);overflow-x:auto}.tabs__tab{padding:var(--space-2)var(--space-3);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:600}.tabs__tab[aria-selected=true]{color:var(--brand);border-bottom-color:var(--brand)}.tag{display:inline-flex;border-radius:var(--radius-full);font-size:var(--text-xs);white-space:nowrap;align-items: center;gap:4px;padding:2px 10px;font-weight:600}.tag--ok{background:var(--ok-soft);color:var(--ok)}.tag--nc{background:var(--nc-soft);color:var(--nc)}.tag--warn{background:var(--warn-soft);color:var(--warn);white-space:normal}.tag--neutral{background:var(--neutral-soft);color:var(--neutral)}.tag--brand{background:var(--brand-soft);color:var(--brand)}.notice{padding:var(--space-3)var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--neutral-soft)}.notice--nc{background:var(--nc-soft);color:var(--nc)}.notice--ok{background:var(--ok-soft);color:var(--ok)}.notice--warn{background:var(--warn-soft);color:var(--warn)}.log{font-family:var(--font-mono);font-size:var(--text-xs);white-space:pre-wrap;word-break:break-word;overflow:auto;max-height:260px}.log--box{padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-sm)}.empty{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-6)var(--space-4);text-align:center;color:var(--text-muted)}.empty__title{color:var(--text);font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card--link{color:inherit;transition:border-color var(--duration)var(--ease),transform var(--duration)var(--ease)}.card--link:hover{border-color:var(--brand);transform:translateY(-1px)}.narrow{width:100%;max-width:440px;margin:0 auto}.narrow-lg{max-width:720px}.skeleton{background:linear-gradient(90deg,var(--surface),var(--surface-2),var(--surface));animation:1.2s infinite shimmer;background-size:200% 100%;height:96px}@keyframes shimmer{to{background-position:-200% 0}}.dialog{border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);border:0;width:min(520px,100vw - 32px);max-height:calc(100vh - 48px);margin:auto}.dialog--wide{width:min(960px,100vw - 32px)}.dialog::backdrop{backdrop-filter:blur(4px);background:#0a0f1c73}.dialog__body{padding:var(--space-5);display:grid;gap:var(--space-4)}.dialog__title{font-size:var(--text-lg)}.dialog__footer{display:flex;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}.menu{position:relative}.menu__list{position:absolute;z-index:30;overflow:auto;padding:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);min-width:220px;max-height:60vh;top:calc(100% + 6px)}.menu__list--end{right:0}.menu__list--start{left:0}.menu__item{display:flex;align-items: center;gap:var(--space-2);padding:var(--space-2)var(--space-3);font-size:var(--text-sm);color:var(--text);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;width:100%}.menu__item:hover{background:var(--surface-2)}.toaster{position:fixed;z-index:50;display:grid;gap:var(--space-2);max-width:min(420px,100vw - 32px);bottom:16px;right:16px}.toast{padding:var(--space-3)var(--space-4);border-radius:var(--radius-sm);background:var(--text);color:var(--bg);font-size:var(--text-sm);box-shadow:var(--shadow-lg)}.toast--ok{background:var(--ok);color:var(--on-primary)}.toast--nc{background:var(--nc);color:var(--on-primary)}.login{display:grid;padding:var(--space-5)16px;background:radial-gradient(1200px 500px at 20% -10%,var(--brand-soft),transparent),var(--bg);place-items: center;min-height:100%}.login__card{display:grid;gap:var(--space-4);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:min(400px,100%)}.login__foot{font-size:var(--text-xs);color:var(--text-muted);text-align:center}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.project{display:flex;gap:var(--space-3);padding:var(--space-4)}.project__icon{border-radius:var(--radius-sm);display:grid;background:var(--brand-soft);color:var(--brand);flex:none;place-items: center;width:40px;height:40px}.project__body{min-width:0}.project__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.filters{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items: center}.filters .input{width:auto;min-width:180px}.filters .input:first-child{flex:1}.editor{display:grid;grid-template-columns:340px 1fr 320px;grid-template-rows:auto 1fr;grid-template-areas:"head head head" "chat stage side";flex:1;min-height:0}.editor__head{grid-area:head;display:flex;align-items: center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-bottom:1px solid var(--border);background:var(--surface)}.editor__mobile-tabs{display:none}.title-input{border-radius:var(--radius-sm);font-size:var(--text-lg);letter-spacing:-.01em;background:0 0;border:1px solid #0000;width:min(420px,40vw);min-width:0;padding:4px 8px;font-weight:700}.title-input:hover,.title-input:focus{border-color:var(--border-strong);outline:none}.editor__chat{grid-area:chat;border-right:1px solid var(--border);background:var(--surface);min-height:0}.editor__stage{grid-area:stage;position:relative;background:var(--surface-2);min-height:0}.editor__side{grid-area:side;display:flex;border-left:1px solid var(--border);background:var(--surface);flex-direction:column;min-height:0}.editor__side>.tabs{padding:0 var(--space-3)}.viewer{position:absolute;inset:0}.viewer canvas{display:block;touch-action:none;width:100%;height:100%}.stage__empty{position:absolute;display:grid;pointer-events:none;place-items: center;inset:0}.stage__empty .empty{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);max-width:420px}.stage__tools{position:absolute;z-index:5;top:var(--space-3);display:flex;background:var(--surface-glass);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);gap:2px;padding:3px;left:50%;transform:translate(-50%)}.stage__tools .btn{border-radius:var(--radius-full)}.stage__overlays{position:absolute;z-index:3;top:56px;left:var(--space-3);right:var(--space-3);display:flex;align-items: center;gap:var(--space-2);pointer-events:none;flex-direction:column}.stage__overlays>*{pointer-events:auto}.stage__clip input[type=range]{width:clamp(100px,18vw,220px)}.stage__clip{display:flex;align-items: center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--surface);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.stage__info{position:absolute;left:var(--space-3);right:var(--space-3);bottom:var(--space-3);display:flex;align-items: center;gap:var(--space-2);font-size:var(--text-sm);pointer-events:none;flex-wrap:wrap}.stage__info>span:first-child{border-radius:var(--radius-full);background:var(--surface);box-shadow:var(--shadow-sm);padding:4px 12px}.chat{display:flex;flex-direction:column;height:100%}.chat__list{overflow:auto;padding:var(--space-4);display:grid;gap:var(--space-4);flex:1;align-content: start}.chat__intro{display:flex;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--brand-soft)}.chat__intro svg{color:var(--brand);flex:none;margin-top:2px}.chat__composer{display:grid;gap:var(--space-2);padding:var(--space-3)var(--space-4)var(--space-4);border-top:1px solid var(--border)}.msg{display:grid;gap:var(--space-2)}.msg__prompt{padding:var(--space-2)var(--space-3);border-radius:var(--radius)var(--radius)4px var(--radius);background:var(--primary);color:var(--on-primary);font-size:var(--text-sm);white-space:pre-wrap;justify-self:end;max-width:92%}.msg__answer{font-size:var(--text-sm);white-space:pre-wrap}.msg__answer--error{color:var(--nc)}.msg__status{font-size:var(--text-sm);color:var(--text-muted)}.msg__rate{display:flex;gap:2px}.rate{color:var(--text-muted);cursor:pointer;opacity:.6;background:0 0;border:0;border-radius:6px;padding:4px}.rate:hover{opacity:1;background:var(--surface-2)}.rate--on{opacity:1;color:var(--ok)}.rate--bad.rate--on{color:var(--nc)}.msg__comment{display:grid;gap:var(--space-2)}.side__body{overflow:auto;padding:var(--space-4);display:grid;gap:var(--space-4);flex:1;align-content: start}.side__body--code{grid-template-rows:minmax(260px,1fr)auto auto;align-content:stretch}.side__foot{display:flex;justify-content:flex-end;align-items: center;gap:var(--space-2)}.param-group{display:grid;gap:var(--space-3)}.param-group__title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.param{display:grid;gap:4px}.param__head{display:flex;justify-content:space-between;align-items: center;gap:var(--space-2);font-size:var(--text-sm)}.param__num{border:1px solid var(--border-strong);background:var(--surface);text-align:right;font-family:var(--font-mono);font-size:var(--text-xs);border-radius:6px;width:76px;height:28px;padding:0 6px}input[type=range]{accent-color:var(--primary);width:100%}.code{padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);font-family:var(--font-mono);tab-size:4;resize:none;white-space:pre;overflow:auto;width:100%;min-height:260px;font-size:12.5px;line-height:1.55}.code--ro{min-height:0;max-height:420px}.code-compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.admin-body{display:grid;gap:var(--space-5)}.admin-grid{display:grid;grid-template-columns:minmax(0,2fr)minmax(280px,1fr);gap:var(--space-5);align-items: start}.key-row{display:flex;align-items: center;gap:var(--space-2);padding:var(--space-3)0;border-top:1px solid var(--border)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.table th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--border)}.table td{padding:var(--space-3);border-bottom:1px solid var(--border);vertical-align:top}.table .num{text-align:right}.table--click tbody tr{cursor:pointer}.table--click tbody tr:hover{background:var(--surface-2)}.table tr.is-off{opacity:.55}.pager{padding-top:var(--space-3)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.stat{display:grid;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.stat__value{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:700}.stat__label{font-size:var(--text-xs);color:var(--text-muted)}.meta-row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items: center}.quote{padding:var(--space-3)var(--space-4);border-left:3px solid var(--brand);background:var(--brand-soft);border-radius:0 var(--radius-sm)var(--radius-sm)0;white-space:pre-wrap}.turn{display:grid;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);gap:4px}.turn--compiler{background:var(--nc-soft)}.secret{font-size:var(--text-xl);padding:var(--space-3);text-align:center;background:var(--surface-2);border-radius:var(--radius-sm);user-select:all}.stage__old{display:flex;align-self:stretch;align-items: center;gap:var(--space-2)var(--space-3);padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn);font-size:var(--text-sm);box-shadow:var(--shadow-sm);flex-wrap:wrap}.stage__old>span:nth-child(2){color:var(--text);flex:1;min-width:220px}.editor__stage:has(.stage__old){box-shadow:inset 0 0 0 3px var(--warn)}.seg{display:inline-flex;border-radius:var(--radius-full);background:var(--surface-2);padding:2px}.seg__item{border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;background:0 0;border:0;min-width:28px;height:24px;font-weight:700}.seg__item[aria-checked=true]{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-sm)}.part{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.part--sel{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.part__row{display:flex;align-items: center;gap:var(--space-2);padding:var(--space-2)}.part__color{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:6px;flex:none;width:28px;height:28px;padding:0}.part__color::-webkit-color-swatch-wrapper{padding:2px}.part__color::-webkit-color-swatch{border:0;border-radius:4px}.part__name{display:grid;text-align:left;font-weight:600;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;flex:1;min-width:0}.part__body{display:grid;gap:var(--space-3);padding:var(--space-2)var(--space-3)var(--space-3);border-top:1px solid var(--border)}.params-embed{display:grid;gap:var(--space-3)}.editor--no-side{grid-template-columns:340px 1fr;grid-template-areas:"head head" "chat stage"}.side__title{font-size:var(--text-sm);padding:var(--space-3)var(--space-4)var(--space-2);border-bottom:1px solid var(--border)}.msg__usage{color:var(--text-muted);font-size:11px}.dialog__footer .grow{flex:1}@media (max-width:1180px){.editor{grid-template-columns:300px 1fr 280px}.editor--no-side{grid-template-columns:300px 1fr}.admin-grid{grid-template-columns:1fr}}@media (max-width:860px){.hide-sm{display:none}.bar__inner{gap:var(--space-2)}.editor,.editor--no-side{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"head" "tabs" "pane"}.editor__mobile-tabs{display:block;grid-area:tabs;background:var(--surface);padding:0 var(--space-3)}.editor__chat,.editor__stage,.editor__side{grid-area:pane;display:none;border:0}.editor[data-mobile-tab=ia] .editor__chat,.editor[data-mobile-tab=peca] .editor__stage,.editor[data-mobile-tab=ajustes] .editor__side{display:flex;flex-direction:column}.editor[data-mobile-tab=peca] .editor__stage{display:block}.title-input{font-size:var(--text-md);width:100%}.code-compare{grid-template-columns:1fr}}.editor-code{position:relative;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);overflow:hidden;height:100%;min-height:260px}.editor-code--tall{resize:vertical;height:560px}.editor-code:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px var(--brand-soft)}.editor-code__layer,.editor-code__input{position:absolute;padding:var(--space-3);font-family:var(--font-mono);tab-size:4;white-space:pre;overflow:auto;letter-spacing:0;border:0;margin:0;font-size:12.5px;line-height:1.55;inset:0}.editor-code__layer{color:var(--text);pointer-events:none}.editor-code__input{color:#0000;caret-color:var(--text);resize:none;outline:none;background:0 0}.editor-code__input::selection{background:var(--brand-soft);color:#0000}.tok-comment{color:var(--code-comment);font-style:italic}.tok-string{color:var(--code-string)}.tok-keyword{color:var(--code-keyword);font-weight:600}.tok-hash{color:var(--code-hash)}.tok-number{color:var(--code-number)}.tok-func{color:var(--code-func)}.tok-heading{font-weight:700}.dialog--pdf{width:min(1400px,100vw - 32px)}.pdf-frame{border-radius:var(--radius-sm);background:var(--surface-2);border:0;width:100%;height:calc(100vh - 220px);min-height:420px}.assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.asset{display:grid;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.asset__thumb{display:grid;background:var(--surface-2);overflow:hidden;border-radius:6px;place-items: center;height:72px}.asset__thumb img{object-fit:contain;max-width:100%;max-height:72px}.asset__name{font-family:var(--font-mono);font-size:var(--text-xs);word-break:break-all}.chat__composer--drag{outline:2px dashed var(--brand);outline-offset:-4px}.composer__files,.msg__files{display:flex;gap:var(--space-1);flex-wrap:wrap}.msg__files{justify-content:flex-end}.composer__actions{justify-content:space-between}.filechip{display:inline-flex;padding:2px var(--space-2);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--text-xs);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items: center;gap:4px;max-width:100%}.filechip button{display:inline-flex;color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0}.filelist{display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.filelist__item{display:flex;align-items: center;gap:var(--space-2)}.filelist__link{display:flex;align-items: center;gap:var(--space-3);color:inherit;text-decoration:none;flex:1;min-width:0}.filelist__link>span{display:grid;min-width:0}.filelist__link strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filelist__link img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);width:44px;height:44px}