:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8fb;--bg-grad-1:#fafbfe;--bg-grad-2:#f1f3f8;--surface:#fff;--surface-2:#f4f6fb;--surface-3:#ebeef6;--elevated:#fff;--overlay:#ffffffd1;--line:#e2e6ef;--line-soft:#edf0f6;--line-strong:#cbd2df;--text:#14161d;--text-2:#3f4660;--muted:#6b7390;--faint:#a0a6bd;--accent:#6487fa;--accent-2:#0891b2;--accent-soft:#6487fa1a;--accent-line:#6487fa57;--grad-accent:#6487fa;--grad-accent-soft:#6487fa1a;--success:#059669;--success-soft:#0596691f;--warning:#d97706;--warning-soft:#d977061f;--danger:#dc2626;--danger-soft:#dc26261f;--radius-xs:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--pill:999px;--shadow-1:0 1px 2px #0f172a0f, 0 2px 6px #0f172a0d;--shadow-2:0 10px 30px #0f172a14, 0 2px 8px #0f172a0f;--shadow-3:0 24px 60px #0f172a1a, 0 6px 18px #0f172a0f;--glow-accent:0 0 0 1px #6487fa47, 0 8px 30px #6487fa29;--accent-on:#6487fa;--success-on:#047857;--warning-on:#b45309;--warning-on-2:#78350f;--danger-on:#b91c1c;--on-grad:#fff;--glass:#ffffffdb;--glass-deep:#f4f6fbb3;--side-grad:#fffffff5;--scroll:#cbd2df;--scroll-hov:#b4bccd;--frame-shadow:0 24px 60px #0f172a24, 0 0 0 1px var(--line);--share-frame-shadow:0 30px 70px #0f172a29, 0 0 0 1px var(--line);--mono:"JetBrains Mono", "SF Mono", ui-monospace, "Menlo", "Consolas", monospace;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0c10;--bg-grad-1:#0e1016;--bg-grad-2:#0b0c10;--surface:#14161d;--surface-2:#1a1d26;--surface-3:#20232e;--elevated:#1e2129;--overlay:#14161db8;--line:#262932;--line-soft:#1f222b;--line-strong:#323642;--text:#eceef3;--text-2:#c2c6d1;--muted:#82879a;--faint:#5b5f70;--accent:#6487fa;--accent-2:#22d3ee;--accent-soft:#6487fa24;--accent-line:#6487fa6b;--grad-accent:#6487fa;--grad-accent-soft:#6487fa2e;--success:#34d399;--success-soft:#34d39924;--warning:#fbbf24;--warning-soft:#fbbf2424;--danger:#f87171;--danger-soft:#f8717124;--shadow-1:0 1px 2px #0006, 0 2px 6px #00000047;--shadow-2:0 10px 30px #00000073, 0 2px 8px #00000052;--shadow-3:0 24px 60px #0000008c, 0 6px 18px #0006;--glow-accent:0 0 0 1px #6487fa59, 0 8px 30px #6487fa33;--accent-on:#c4b5fd;--success-on:#6ee7b7;--warning-on:#fcd34d;--warning-on-2:#fde68a;--danger-on:#fca5a5;--on-grad:#0b0c10;--glass:#14161dd1;--glass-deep:#0b0c1099;--side-grad:#14161df2;--scroll:#2a2d38;--scroll-hov:#353948;--frame-shadow:0 24px 70px #00000080, 0 0 0 1px var(--line);--share-frame-shadow:0 30px 80px #0000008c, 0 0 0 1px var(--line)}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}::selection{color:inherit;background:#6487fa4d}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}*{scrollbar-width:thin;scrollbar-color:var(--scroll) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scroll);background-clip:content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hov);background-clip:content-box}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.brand-mark{flex:none;justify-content:center;align-items:center;display:inline-flex}.pill{border:1px solid var(--line);border-radius:var(--pill);background:var(--surface-2);height:26px;color:var(--text-2);align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.pill .k{color:var(--muted);font-weight:500}.pill .v{color:var(--text)}.pill.accent{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-on)}.chip{border-radius:var(--pill);background:var(--surface-3);height:24px;color:var(--muted);letter-spacing:.02em;align-items:center;gap:6px;padding:0 10px;font-size:11.5px;font-weight:600;display:inline-flex}.chip.ok{background:var(--success-soft);color:var(--success-on)}.chip.warn{background:var(--warning-soft);color:var(--warning-on)}.chip.err{background:var(--danger-soft);color:var(--danger-on)}.chip.info{background:var(--accent-soft);color:var(--accent-on)}.dot{background:var(--muted);border-radius:999px;width:7px;height:7px;display:inline-block}.dot.live{background:var(--accent);box-shadow:0 0 0 4px #6487fa2e}.dot.ok{background:var(--success);box-shadow:0 0 0 4px #05966929}.dot.warn{background:var(--warning);box-shadow:0 0 0 4px #d9770629}.dot.err{background:var(--danger);box-shadow:0 0 0 4px #dc262629}.dot.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.btn{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);height:34px;color:var(--text);justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s,transform 50ms;display:inline-flex}.btn:hover{border-color:var(--line-strong);background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn.ghost{background:0 0}.btn.ghost:hover{background:var(--surface-2)}.btn.primary{background:var(--grad-accent);color:var(--on-grad);border-color:#0000;font-weight:700;box-shadow:0 8px 24px #6487fa47}.btn.primary:hover{filter:brightness(1.08)}.btn.icon{width:34px;padding:0}.btn.sm{height:28px;padding:0 10px;font-size:12px}.btn.lg{height:40px;padding:0 18px;font-size:14px}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:38px;height:38px;color:var(--text-2);place-items:center;display:grid}.icon-btn:hover{border-color:var(--line-strong);color:var(--text)}.kbd{border:1px solid var(--line-strong);background:var(--surface-3);min-width:18px;color:var(--text-2);font-family:var(--mono);text-align:center;border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:11px;line-height:16px;display:inline-block}.eyebrow{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}.card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-1)}.card.elev{box-shadow:var(--shadow-2)}.divider{background:var(--line);border:0;height:1px}.avatar{background:var(--grad-accent);width:30px;height:30px;color:var(--on-grad);border-radius:999px;place-items:center;font-size:11px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #ffffff40}.error-text{border-radius:var(--radius);background:var(--danger-soft);color:var(--danger-on);margin:12px 0 0;padding:10px 12px;font-size:13px}.notice-text{border-radius:var(--radius);background:var(--accent-soft);color:var(--accent-on);margin:12px 0 0;padding:10px 12px;font-size:13px}.capability-notice{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--shadow-1);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;margin:12px 0 0;padding:10px 12px;display:grid}.capability-notice.warning,.capability-notice.error{background:var(--warning-soft);border-color:#d9770642}.capability-notice-icon{background:var(--surface);width:28px;height:28px;color:var(--warning-on);border-radius:999px;place-items:center;display:grid}.capability-notice-copy{gap:2px;min-width:0;font-size:12.5px;line-height:1.35;display:grid}.capability-notice-copy strong{color:var(--text);font-size:13px}.capability-notice-copy span{color:var(--muted)}.capability-notice-actions{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.capability-notice-action{border:1px solid var(--line);border-radius:var(--pill);background:var(--surface);height:30px;color:var(--text);cursor:pointer;padding:0 10px;font-size:12px;font-weight:700}.capability-notice-action.primary{border-color:var(--accent-line);background:var(--accent);color:var(--on-grad)}@media (max-width:760px){.capability-notice{grid-template-columns:28px minmax(0,1fr)}.capability-notice-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start}}.home-shell{grid-template-columns:268px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .22s;display:grid}.home-side{border-right:1px solid var(--line);background:var(--side-grad);height:100vh;padding:20px 16px;position:sticky;top:0;overflow:auto}.side-brand{align-items:center;gap:10px;height:38px;margin-bottom:22px;display:flex}.side-brand strong{letter-spacing:-.01em;font-size:17px}.side-brand .brand-mark{width:32px;height:32px}.stage-badge{border:1px solid var(--line-strong);border-radius:var(--pill);height:20px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;margin-left:auto;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.side-tabs{border-radius:var(--pill);background:var(--bg);border:1px solid var(--line-soft);grid-template-columns:1fr 1fr;gap:2px;padding:3px;display:grid}.side-tabs button{border-radius:var(--pill);height:30px;color:var(--muted);font-size:12.5px;font-weight:600}.side-tabs button.active{background:var(--surface-3);color:var(--text);box-shadow:var(--shadow-1)}.side-search{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:18px 1fr auto;align-items:center;gap:8px;height:36px;margin:14px 0 18px;padding:0 11px;display:grid}.side-search span{color:var(--muted)}.side-search input{color:var(--text);background:0 0;border:0;outline:0;font-size:13px}.side-search .kbd{height:18px;padding:0 5px;font-size:10px}.side-search .search-clear{border-radius:var(--pill);width:20px;height:20px;color:var(--muted);place-items:center;font-size:16px;line-height:1;display:grid}.side-search .search-clear:hover{background:var(--surface-3);color:var(--text)}.side-new{border:1px dashed var(--line-strong);border-radius:var(--radius);width:100%;height:38px;color:var(--text-2);background:0 0;justify-content:center;align-items:center;gap:7px;margin-bottom:18px;font-size:13px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:flex}.side-new:hover{border-color:var(--accent-line);color:var(--accent-on);background:var(--accent-soft)}.side-new .plus{background:var(--grad-accent);width:16px;height:16px;color:var(--on-grad);border-radius:5px;place-items:center;font-weight:800;display:grid}.side-section{margin-bottom:16px}.side-section-head{justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;display:flex}.side-section h3{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700}.side-section-head h3{margin:0}.side-section-head button{min-width:0;color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:650;display:inline-flex}.side-section-head button:hover{color:var(--text)}.side-section-head button span{border-radius:var(--pill);background:var(--surface-3);min-width:18px;height:18px;color:var(--text-2);justify-content:center;align-items:center;font-size:10px;display:inline-flex}.side-session{border-radius:var(--radius);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;width:100%;padding:9px;transition:background .15s,border-color .15s;display:grid}.side-session+.side-session{margin-top:2px}.side-session:hover{background:var(--surface-2);border-color:var(--line)}.side-session.active{background:var(--surface-3);border-color:var(--line-strong)}.side-session-open{text-align:left;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.side-session .thumb{background:var(--grad-accent-soft), var(--surface-2);border:1px solid var(--line);width:36px;height:36px;color:var(--accent-on);border-radius:8px;place-items:center;font-size:12px;font-weight:800;display:grid}.side-session .meta{min-width:0}.side-session .meta strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;display:block;overflow:hidden}.side-session .meta small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;display:block;overflow:hidden}.session-menu-root{align-items:center;display:inline-flex;position:relative}.session-menu-trigger{border-radius:var(--pill);width:28px;height:28px;color:var(--faint);justify-content:center;align-items:center;display:inline-flex}.session-menu-trigger:hover,.session-menu-trigger[aria-expanded=true]{background:var(--surface-3);color:var(--text)}.session-action-menu{z-index:45;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);width:112px;box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(16px)saturate(150%);gap:2px;padding:5px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.session-action-menu:before{content:"";border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--glass);width:9px;height:9px;position:absolute;top:-5px;right:9px;transform:rotate(45deg)}.session-action-menu button{z-index:1;border-radius:var(--radius-xs);min-height:30px;color:var(--text);text-align:left;padding:0 8px;font-size:12px;font-weight:600;position:relative}.session-action-menu button:hover{background:var(--surface-2)}.session-action-menu button.danger{color:var(--danger-on)}.session-action-menu button.danger:hover{background:var(--danger-soft)}.side-session-fold{border:1px dashed var(--line);border-radius:var(--radius);width:100%;height:36px;color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:650;display:flex}.side-session-fold:hover{border-color:var(--line-strong);background:var(--surface-2);color:var(--text)}.side-session-fold span{border-radius:var(--pill);background:var(--surface-3);min-width:20px;height:20px;color:var(--text);justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.side-empty{color:var(--muted);margin:0;padding:4px;font-size:13px}.home-main{flex-direction:column;min-width:0;min-height:100vh;padding:26px clamp(28px,5vw,64px) 60px;transition:margin-right .22s,padding .22s;display:flex}.home-shell.capability-drawer-open{grid-template-columns:minmax(0,1fr)}.home-shell.capability-drawer-open .home-side{display:none}.home-shell.capability-drawer-open .home-main{grid-column:1}.home-hero{flex-direction:column;flex:none;min-height:100vh;display:flex}.home-topbar{flex:none;justify-content:flex-end;align-items:flex-start;gap:18px;display:flex}.composer-heading{text-align:left;letter-spacing:-.024em;min-height:1.25em;color:var(--text);margin:0 0 18px;font-size:clamp(32px,5.4vw,58px);font-weight:800;line-height:1.1;position:relative}.heading-line{will-change:transform, opacity, filter;display:block;position:absolute;inset:0}.heading-line-a{animation:15s cubic-bezier(.16,.84,.3,1) infinite heading-show-a}.heading-line-b{animation:15s cubic-bezier(.16,.84,.3,1) infinite heading-show-b}.heading-char{will-change:transform;display:inline-block}.heading-line-a .heading-char{animation:15s cubic-bezier(.16,.84,.3,1) infinite char-hop-a;animation-delay:calc(var(--i) * 50ms)}.heading-line-b .heading-char{animation:15s cubic-bezier(.16,.84,.3,1) infinite char-hop-b;animation-delay:calc(var(--i) * 50ms)}.heading-char.grad{background:linear-gradient(100deg, var(--accent) 0%, var(--accent-2) 48%, var(--accent) 100%);-webkit-text-fill-color:transparent;color:#0000;text-shadow:0 0 30px #6487fa6b;background-size:220% 100%;-webkit-background-clip:text;background-clip:text}@keyframes heading-show-a{0%{opacity:0;filter:blur(6px);transform:scale(.97)}8%{opacity:1;filter:blur();transform:scale(1)}42%{opacity:1;filter:blur();transform:scale(1)}50%{opacity:0;filter:blur(6px);transform:scale(1.03)}to{opacity:0;filter:blur(6px);transform:scale(1.03)}}@keyframes heading-show-b{0%,50%{opacity:0;filter:blur(6px);transform:scale(.97)}58%{opacity:1;filter:blur();transform:scale(1)}92%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(6px);transform:scale(1.03)}}@keyframes char-hop-a{0%,10%,24%,to{transform:translateY(0)}13%{transform:translateY(-7px)}16%{transform:translateY(0)}19%{transform:translateY(-2.5px)}22%{transform:translateY(0)}}@keyframes char-hop-b{0%,60%,74%,to{transform:translateY(0)}63%{transform:translateY(-7px)}66%{transform:translateY(0)}69%{transform:translateY(-2.5px)}72%{transform:translateY(0)}}@keyframes composer-heading-shine{0%{background-position:0 0}to{background-position:250% 0}}.top-actions{flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.ws-select{flex:0 auto;min-width:0;position:relative}.ws-select .ws-name{font-weight:600}.ws-select .ws-sub{color:var(--muted);font-size:11px}.ws-select .chev{color:var(--muted);flex:none}.user-cluster,.user-action-cluster{flex:none;align-items:center;gap:8px;display:flex;position:relative}.composer{view-transition-name:home-composer;align-self:center;width:min(820px,100%);margin-top:auto;margin-bottom:clamp(55px,9vh,115px)}.composer-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.product-tabs,.mode-tabs{border:1px solid var(--line);border-radius:var(--pill);background:var(--surface-2);gap:2px;padding:3px;display:inline-flex}.product-tabs button,.mode-tabs button{border-radius:var(--pill);height:30px;color:var(--muted);padding:0 14px;font-size:12.5px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s,transform .16s}.product-tabs button:hover,.mode-tabs button:hover{transform:translateY(-1px)}.product-tabs button.active,.mode-tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1), inset 0 0 0 1px var(--line-strong)}.product-tabs{flex-shrink:0}.composer-head-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.capability-drawer-trigger{align-items:center;gap:6px;display:inline-flex}.composer-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);min-height:206px;box-shadow:var(--shadow-3);grid-template-rows:minmax(150px,1fr) 56px;transition:border-color .22s,box-shadow .22s,background .22s,transform .24s;display:grid;overflow:hidden}.composer-card:focus-within{border-color:var(--accent-line);box-shadow:var(--shadow-3), var(--glow-accent)}.prompt-area{min-height:150px;padding:14px 18px 10px;display:grid;position:relative}.prompt-area textarea{resize:none;width:100%;height:100%;min-height:116px;max-height:116px;color:var(--text);background:0 0;border:0;outline:0;font-size:15px;line-height:1.55}.prompt-area textarea::placeholder{color:var(--faint)}.composer-tools{border-top:1px solid var(--line);background:var(--surface-2);flex-wrap:nowrap;align-items:center;gap:8px;min-height:56px;padding:10px 12px;transition:background .22s,border-color .22s,padding .22s;display:flex;overflow:visible}.composer-tools .menu-root{min-width:0;display:inline-flex;position:relative}.composer-tools .menu-root-variations{flex:none}.composer-tools .menu-root-template{flex:230px;max-width:280px}.composer-tools .menu-root-model{flex:0 210px;max-width:230px}.composer-tools .menu-root .tool{min-width:0;max-width:100%}.composer[data-product-mode=web_app] .cap-strip{animation:.28s cubic-bezier(.2,.8,.2,1) 80ms both composer-mode-enter}@keyframes composer-mode-enter{0%{opacity:0;filter:blur(3px);transform:translateY(8px)scale(.992)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}::view-transition-old(home-composer){animation-duration:.24s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-new(home-composer){animation-duration:.24s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(home-composer){animation-name:composer-view-out}::view-transition-new(home-composer){animation-name:composer-view-in}@keyframes composer-view-out{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:.76;filter:blur(2px);transform:translateY(-4px)scale(.996)}}@keyframes composer-view-in{0%{opacity:.72;filter:blur(3px);transform:translateY(7px)scale(.994)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.dynamic-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.dynamic-flow-step{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 82%, transparent);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:58px;padding:9px 10px;display:grid}.dynamic-flow-step .n{background:var(--surface-2);width:24px;height:24px;color:var(--muted);border-radius:50%;place-items:center;font-size:11px;font-weight:750;display:inline-grid}.dynamic-flow-step strong{min-width:0;color:var(--text);font-size:12.5px;line-height:1.25;display:block}.dynamic-flow-step small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;line-height:1.25;display:block;overflow:hidden}.dynamic-flow-step.done{border-color:color-mix(in srgb, var(--accent) 28%, var(--line));background:var(--accent-soft)}.dynamic-flow-step.done .n{background:var(--accent);color:#fff}.dynamic-flow-step.active{border-color:color-mix(in srgb, var(--accent) 48%, var(--line));box-shadow:0 0 0 3px var(--accent-soft)}.dynamic-flow-step.active .n{background:var(--accent-soft);color:var(--accent-on)}.entry-guidance-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-1);grid-template-columns:minmax(0,1fr);gap:10px;margin-top:12px;padding:13px 15px;display:grid}.entry-guidance-card .eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:0;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.entry-guidance-card strong{color:var(--text);font-size:14px;display:block}.entry-guidance-card small,.entry-guidance-card p{color:var(--text-2);margin:0;font-size:12.5px;line-height:1.45}.entry-guidance-card.needs-confirmation{border-color:color-mix(in srgb, var(--warning,#b45309) 42%, var(--line))}.entry-guidance-card .warn{color:var(--warning,#b45309);font-weight:650}.entry-guidance-refresh{align-content:start;margin-top:12px}.entry-guidance-refresh p strong{color:inherit;font-size:inherit;display:inline}.entry-guidance-preserve-option{width:fit-content;color:var(--text);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.entry-guidance-preserve-option input{width:15px;height:15px;accent-color:var(--accent);margin:0}.entry-guidance-tags,.entry-guidance-classifications{flex-wrap:wrap;gap:6px;display:flex}.entry-guidance-classifications button{border:1px solid var(--line);border-radius:var(--pill);min-height:25px;color:var(--muted);background:0 0;padding:4px 9px;font-size:12px;font-weight:650}.entry-guidance-classifications button.selected{border-color:color-mix(in srgb, var(--accent) 34%, var(--line));background:var(--surface-2);color:var(--text)}.entry-guidance-tags button{border:1px solid var(--line);border-radius:var(--pill);background:var(--surface-2);min-height:24px;color:var(--text-2);cursor:pointer;padding:4px 8px;font-size:12px;font-weight:650}.entry-guidance-tags button.selected{border-color:color-mix(in srgb, var(--accent) 36%, var(--line));background:var(--accent-soft);color:var(--accent-on)}.entry-guidance-card:not(.needs-confirmation) .entry-guidance-tags button{cursor:default}.entry-guidance-democases{gap:7px;display:grid}.entry-guidance-democases details{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);overflow:hidden}.entry-guidance-democases summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:34px;padding:8px 10px;display:grid}.entry-guidance-democases summary strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12.5px;overflow:hidden}.entry-guidance-democases summary small{color:var(--muted);font-size:11.5px}.entry-guidance-democases details>p{color:var(--text-2);padding:0 10px 8px}.entry-guidance-keywords{flex-wrap:wrap;align-items:center;gap:5px;padding:0 10px 10px;display:flex}.entry-guidance-keywords span{color:var(--muted);font-size:11px;font-weight:700}.entry-guidance-keywords i{border:1px solid var(--line);border-radius:var(--pill);background:var(--surface);min-height:21px;color:var(--text-2);align-items:center;padding:2px 7px;font-size:11.5px;font-style:normal;font-weight:650;display:inline-flex}.tool{border:1px solid var(--line);border-radius:var(--pill);background:var(--surface);min-width:0;height:32px;color:var(--text-2);align-items:center;gap:7px;padding:0 12px;font-size:12.5px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.tool:hover{border-color:var(--line-strong);background:var(--surface-2)}.tool .k,.tool .v{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tool .k{color:var(--muted);flex:none}.tool .v{color:var(--text);flex:auto}.tool.icon{width:32px;color:var(--muted);justify-content:center;padding:0}.tool[aria-expanded=true]{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-on)}.tool.send{background:var(--grad-accent);width:38px;color:var(--on-grad);border:0;flex:0 0 38px;justify-content:center;margin-left:auto;padding:0;box-shadow:0 8px 22px #6487fa4d}.tool.send:hover{filter:brightness(1.08)}.tool.send:disabled{opacity:.5;filter:grayscale(.3);cursor:not-allowed;box-shadow:none}.popover{z-index:40;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(160%);min-width:240px;box-shadow:var(--shadow-3);padding:8px;position:absolute;bottom:calc(100% + 8px);left:0}.popover-variations{width:184px}.context-aggregate{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(160%);box-shadow:var(--shadow-3);grid-template-columns:180px minmax(0,1fr);align-items:stretch;gap:8px;padding:8px;display:grid}.context-aggregate .context-parent-list,.context-aggregate .context-child-panel{min-height:0}.context-aggregate .skills-picker{min-width:0;max-height:none;padding:2px}.popover-head{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:4px 8px 8px;font-size:11px;font-weight:700}.option-list{gap:2px;display:grid}.option-list button{border-radius:var(--radius);text-align:left;width:100%;color:var(--text);background:0 0;gap:2px;padding:9px 10px;font-size:13px;font-weight:600;display:grid}.option-list button:hover{background:var(--surface-2)}.option-list button.active{background:var(--accent-soft);color:var(--accent-on)}.option-list button span,.option-list button small{color:var(--muted);font-size:11.5px;font-weight:500}.option-list button.active span,.option-list button.active small{color:var(--accent-on);opacity:.8}.option-list.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.option-list button:disabled{opacity:.5;cursor:not-allowed}.context-menu-icon{color:var(--muted);margin-right:2px;display:inline-flex}.paired-popover-wrap{z-index:40;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(160%);height:186px;box-shadow:var(--shadow-3);grid-template-columns:180px minmax(260px,1fr);align-items:stretch;gap:8px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0}.paired-parent-list,.context-parent-list{align-content:start;gap:2px;min-height:0;display:grid;overflow:auto}.paired-parent-list button,.context-parent-list button{border-radius:var(--radius);text-align:left;width:100%;color:var(--text);background:0 0;align-items:center;gap:8px;padding:9px 10px;font-size:13px;font-weight:600;display:flex}.paired-parent-list button:hover,.context-parent-list button:hover{background:var(--surface-2)}.paired-parent-list button.active,.context-parent-list button.active{background:var(--accent-soft);color:var(--accent-on)}.paired-parent-list button i,.context-parent-list button i{color:var(--muted);margin-left:auto;font-style:normal}.model-option-list{gap:2px;min-width:280px;padding:2px;display:grid}.model-option-list button{border-radius:var(--radius);text-align:left;width:100%;color:var(--text);background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.model-option-list button:hover{background:var(--surface-2)}.model-option-list button.active{background:var(--accent-soft);color:var(--accent-on)}.model-option-list .mo-text{gap:3px;min-width:0;display:grid}.model-option-list .mo-text strong{align-items:center;gap:8px;font-weight:650;display:inline-flex}.model-option-list .mo-default{border-radius:var(--pill);background:var(--surface-3);color:var(--muted);letter-spacing:.02em;align-items:center;padding:1px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.model-option-list button.active .mo-default{background:var(--accent-on);color:var(--accent-soft);opacity:.85}.model-option-list .mo-text span{color:var(--muted);font-size:11.5px;font-weight:500}.model-option-list button.active .mo-text span{color:var(--accent-on);opacity:.8}.model-option-list .mo-check{color:var(--accent);opacity:0;flex:none;align-items:center;display:inline-flex}.model-option-list button.active .mo-check{color:var(--accent-on);opacity:1}.context-child-panel{border-left:1px solid var(--line-soft);align-content:start;gap:2px;min-width:260px;height:100%;min-height:0;padding-left:8px;display:grid;overflow:auto}.context-child-panel .context-option-list{gap:2px;display:grid}.context-child-panel .context-option-list button{border-radius:var(--radius);text-align:left;width:100%;color:var(--text);background:0 0;gap:2px;padding:9px 10px;font-size:13px;font-weight:600;display:grid}.context-child-panel .context-option-list button:hover{background:var(--surface-2)}.context-child-panel .context-option-list button.active{background:var(--accent-soft);color:var(--accent-on)}.context-child-panel .context-option-list button span{color:var(--muted);font-size:11.5px;font-weight:500}.context-upload-action{border-radius:var(--radius);background:var(--surface-2);border:1px dashed var(--line-strong);cursor:pointer;gap:2px;padding:9px 10px;display:grid;position:relative}.context-upload-action:hover{border-color:var(--accent-line)}.context-upload-action strong{color:var(--text);font-size:13px;font-weight:600}.context-upload-action span{color:var(--muted);font-size:11.5px}.context-upload-action input{opacity:0;cursor:pointer;position:absolute;inset:0}.source-upload-status{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);color:var(--text-2);margin:14px 0 0;padding:10px 12px;font-size:12.5px}.source-upload-status.pass{background:var(--success-soft);color:var(--success-on);border-color:#0000}.source-upload-status.warn{background:var(--warning-soft);color:var(--warning-on);border-color:#0000}.source-upload-status.fail,.source-upload-status.error{background:var(--danger-soft);color:var(--danger-on);border-color:#0000}.source-upload-status.uploading{background:var(--accent-soft);color:var(--accent-on);border-color:#0000}.cap-strip{flex-wrap:wrap;justify-content:center;gap:14px;width:min(780px,100%);margin:9px auto 0;display:flex}.cap-strip .chip{height:auto;color:var(--text-2);background:0 0;border:0;border-radius:0;gap:5px;padding:0;font-size:12.5px;line-height:1.2}.cap-strip .chip .k{color:var(--muted);margin-right:2px;font-weight:600}.capability-drawer-scrim{z-index:75;-webkit-backdrop-filter:blur(2px);background:#0f172a2e;border:0;position:fixed;inset:0}.capability-drawer{z-index:76;border-left:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(150%);flex-direction:column;width:min(410px,100vw - 24px);animation:.18s ease-out both capability-drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-18px 0 48px #0f172a29}@keyframes capability-drawer-in{0%{opacity:.5;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.capability-drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 20px 16px;display:flex}.capability-drawer-header>div{gap:5px;display:grid}.capability-drawer-header .eyebrow{color:var(--accent-on);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.capability-drawer-header strong{color:var(--text);font-size:14px;line-height:1.45}.capability-drawer-body{gap:16px;min-height:0;padding:16px 20px 24px;display:grid;overflow:auto}.capability-drawer-context{gap:5px;padding-bottom:2px;display:grid}.capability-drawer-context-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:750;display:flex}.capability-drawer-context>strong{color:var(--text);font-size:14px}.capability-drawer-section{gap:8px;display:grid}.capability-drawer-section>header{align-items:center;gap:8px;display:flex}.capability-drawer-section>header strong{color:var(--text);font-size:12px}.capability-drawer-section>header>span{border-radius:var(--pill);background:var(--surface-3);min-width:18px;height:18px;color:var(--muted);justify-content:center;align-items:center;font-size:10px;font-weight:800;display:inline-flex}.capability-drawer-section>header button{color:var(--accent-on);margin-left:auto;font-size:11px;font-weight:700}.capability-drawer-list{gap:6px;display:grid}.capability-drawer-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:9px 10px;display:flex}.capability-drawer-item>div:first-child{gap:3px;min-width:0;display:grid}.capability-drawer-item strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.capability-drawer-item small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.capability-drawer-item-tags{flex:none;align-items:center;gap:4px;display:flex}.capability-drawer-item .chip{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.capability-drawer-option{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);width:100%;min-width:0;color:var(--text);text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.capability-drawer-option:hover:not(:disabled),.capability-drawer-option.selected{border-color:var(--accent-line);background:var(--accent-soft)}.capability-drawer-option:disabled{cursor:not-allowed;opacity:.62}.capability-drawer-option>span:first-child{gap:3px;min-width:0;display:grid}.capability-drawer-option strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.capability-drawer-option small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.capability-drawer-option>span:last-child{white-space:nowrap;flex:none;align-items:center;gap:3px;display:inline-flex}.capability-drawer-helper{color:var(--muted);font-size:10.5px;line-height:1.4}.capability-drawer-empty{color:var(--muted);font-size:12px}.capability-drawer-exploration{border:1px solid var(--accent-line);border-radius:var(--radius);background:var(--accent-soft);gap:8px;padding:12px;display:grid}.capability-drawer-exploration-head{color:var(--accent-on);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.capability-drawer-exploration strong{font-size:18px}.capability-drawer-meter{border-radius:var(--pill);background:color-mix(in srgb, var(--accent-line) 35%, transparent);height:5px;overflow:hidden}.capability-drawer-meter span{border-radius:inherit;background:var(--accent);height:100%;display:block}.capability-drawer-exploration small{color:var(--accent-on);font-size:10.5px;line-height:1.4}.capability-drawer-slider{width:100%;accent-color:var(--accent);cursor:pointer}.capability-drawer-mode-row{color:var(--accent-on);text-transform:capitalize;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:750;display:flex}.capability-drawer-mode-row small{color:var(--muted);font-size:10px;font-weight:600}.capability-drawer-review-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.capability-drawer-review-modes button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);min-height:30px;color:var(--muted);padding:0 7px;font-size:11px;font-weight:700}.capability-drawer-review-modes button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-on)}.capability-drawer-review-modes button:disabled{cursor:not-allowed;opacity:.5}.capability-drawer-confirmation{color:var(--accent-on);align-items:flex-start;gap:7px;font-size:10.5px;line-height:1.4;display:flex}.capability-drawer-confirmation input{accent-color:var(--accent);flex:none;margin:2px 0 0}.capability-drawer-experimental-warning{border-top:1px solid var(--accent-line);color:var(--accent-on);gap:7px;padding-top:8px;display:grid}.capability-drawer-experimental-warning strong{font-size:10.5px;line-height:1.4}.capability-drawer-plan{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:7px;padding:12px;display:grid}.capability-drawer-plan-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.capability-drawer-plan-head strong{color:var(--text);font-size:12px}.capability-drawer-plan-head span{color:var(--muted);text-align:right;font-size:10px}.capability-drawer-plan-row{border-top:1px solid var(--line-soft);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;padding-top:6px;display:grid}.capability-drawer-plan-row strong{color:var(--accent-on);font-size:11px}.capability-drawer-plan-row span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.capability-drawer-plan-row small{color:var(--muted);font-size:9.5px}.capability-drawer-module{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:8px;padding:9px 10px;display:grid}.capability-drawer-module-copy{gap:3px;min-width:0;display:grid}.capability-drawer-module-copy strong{color:var(--text);font-size:12px}.capability-drawer-module-copy small{color:var(--muted);text-transform:capitalize;font-size:10px}.capability-drawer-module-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}.capability-drawer-module-modes button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:27px;color:var(--muted);padding:0 5px;font-size:10px;font-weight:700}.capability-drawer-module-modes button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-on)}.capability-drawer-module-modes button:disabled{cursor:not-allowed;opacity:.45}.capability-drawer-module-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.capability-drawer-module-summary span{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);justify-content:space-between;align-items:center;padding:8px 9px;font-size:10.5px;display:flex}.capability-drawer-module-summary strong{color:var(--text);font-size:12px}.capability-drawer-plan-card{border-top:1px solid var(--line);gap:7px;padding-top:9px;display:grid}.capability-drawer-plan-card>header{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;display:grid}.capability-drawer-plan-card>header strong{color:var(--accent-on);font-size:11px}.capability-drawer-plan-card>header span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.capability-drawer-plan-meta{gap:6px;display:flex}.capability-drawer-plan-meta span{color:var(--text);align-items:center;gap:4px;font-size:10.5px;display:inline-flex}.capability-drawer-plan-meta small{color:var(--muted);font-size:9.5px}.capability-drawer-plan-card p{color:var(--text-2);grid-template-columns:78px minmax(0,1fr);gap:7px;margin:0;font-size:10px;line-height:1.35;display:grid}.capability-drawer-plan-card p strong{color:var(--muted);font-size:9.5px}.capability-drawer-plan-modules{flex-wrap:wrap;gap:4px;display:flex}.capability-drawer-plan-modules .chip{white-space:normal;height:auto;min-height:20px;padding:3px 6px;line-height:1.2}.capability-drawer-coverage{border-top:1px solid var(--line);gap:5px;padding-top:9px;display:grid}.capability-drawer-coverage>strong{color:var(--text);font-size:11px}.capability-drawer-coverage>span{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.capability-drawer-coverage>span strong{color:var(--text);font-size:10px}.capability-drawer-plan-warning{border-top:1px solid var(--line);color:var(--warn);padding-top:6px;font-size:10px;line-height:1.4}@media (min-width:1280px){.home-main.capability-drawer-open{width:calc(100% - 410px)}.capability-drawer-scrim{display:none}}@media (min-width:768px) and (max-width:1279px){.home-main.capability-drawer-open{width:calc(100% - 360px);padding-left:clamp(20px,3vw,36px);padding-right:clamp(20px,3vw,36px)}.capability-drawer{width:360px}.capability-drawer-scrim{display:none}}.job-shell{max-width:1320px;min-height:100vh;margin:0 auto;padding:26px clamp(24px,4vw,56px) 60px}.job-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:4px 0 18px;display:flex}.job-topbar .left{align-items:flex-start;gap:16px;min-width:0;display:flex}.job-topbar h1{color:var(--text-2);letter-spacing:0;max-width:880px;margin:4px 0 0;font-size:clamp(16px,1.8vw,22px);font-weight:600;line-height:1.35}.job-topbar .eyebrow{display:block}.job-topbar p{color:var(--muted);max-width:680px;margin:0;font-size:13px}.job-topbar .right{flex:none;align-items:center;gap:10px;display:flex}.job-nav-actions{flex:none;grid-template-columns:42px 42px;align-items:start;gap:8px;display:grid;position:relative}.job-nav-actions .back-link,.job-nav-actions .variation-action-trigger{justify-content:center;gap:0;width:42px;height:38px;padding:0}.back-link{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);height:34px;color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.back-link:hover{border-color:var(--line-strong);color:var(--text);background:var(--surface-2)}.job-run-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);gap:12px;margin:18px 0 6px;padding:14px 16px;display:grid}.job-run-card .capability-snapshot{border-bottom:1px solid var(--line);padding-bottom:12px}.job-run-card .capability-snapshot>div{grid-template-columns:repeat(4,minmax(0,1fr))}.job-capability-sources{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.job-capability-sources .chip{align-items:center;gap:4px;display:inline-flex}.job-capability-sources .chip strong{color:var(--text);font-size:10px}.variation-exploration-badge{border-top:1px solid var(--line-soft);background:var(--surface-2);grid-template-columns:minmax(0,1.4fr) auto auto;gap:6px;padding:8px 10px;display:grid}.variation-exploration-badge>span{gap:2px;min-width:0;display:grid}.variation-exploration-badge small{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:700}.variation-exploration-badge strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.variation-exploration-template{grid-column:1/-1}.job-progress{background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:18px;margin:0;padding:0;display:grid}.job-progress .meta{gap:8px;display:grid}.job-progress .meta .label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.job-status-line{color:var(--text);font-size:13px;font-weight:700;line-height:1.2}.bar{background:var(--surface-3);border-radius:999px;height:8px;position:relative;overflow:hidden}.bar>i{width:var(--bar-fill,60%);background:var(--grad-accent);border-radius:999px;transition:width .3s;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 14px #6487fa8c}.job-progress .rt{text-align:right}.job-progress .rt .pct{font-family:var(--mono);color:var(--text);font-size:24px;font-weight:700}.job-progress .rt .pct span{color:var(--muted);font-size:14px}.user-notice{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);gap:4px;margin:14px 0 0;padding:12px 14px;display:grid}.user-notice strong{color:var(--text);font-size:13px}.user-notice p{color:var(--text-2);margin:0;font-size:13px}.user-notice small{color:var(--muted);font-size:11.5px}.user-notice button{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);height:28px;color:var(--text);justify-self:start;margin-top:4px;padding:0 12px;font-size:12px;font-weight:600}.user-notice.info{background:var(--accent-soft);border-color:#0000}.user-notice.warn{background:var(--warning-soft);border-color:#0000}.user-notice.error,.user-notice.danger{background:var(--danger-soft);border-color:#0000}.user-notice.compact{padding:8px 10px}.job-outcome-banner{border-radius:var(--radius);gap:4px;margin:14px 0 0;padding:12px 14px;display:grid}.job-outcome-banner strong{color:var(--text);font-size:13px}.job-outcome-banner p{color:var(--text-2);margin:0;font-size:13px}.job-outcome-banner.partial{background:var(--warning-soft)}.job-outcome-banner.failed{background:var(--danger-soft)}.var-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.var-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-1);transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden}.var-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-2);transform:translateY(-2px)}.var-card.failed{border-color:#dc262659}.var-head{border-bottom:1px solid var(--line);min-height:44px;color:var(--text-2);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.var-head .label{color:var(--text);font-family:var(--mono);letter-spacing:.02em;font-size:15px;font-weight:800}.var-status{border-radius:var(--pill);background:var(--surface-2);height:24px;color:var(--muted);align-items:center;padding:0 10px;font-size:11.5px;font-weight:700;display:inline-flex}.var-status.completed{background:var(--success-soft);color:var(--success-on)}.var-status.running,.var-status.streaming,.var-status.rendering_preview{background:var(--accent-soft);color:var(--accent-on)}.var-status.failed,.var-status.cancelled{background:var(--danger-soft);color:var(--danger-on)}.var-preview{aspect-ratio:16/10;background:var(--surface-3);position:relative;overflow:hidden}.var-preview iframe,.var-preview .shot{background:#fff;border:0;width:100%;height:100%;display:block}.var-preview .shot img{object-fit:cover;width:100%;height:100%;display:block}.var-preview .ph{color:var(--muted);background:var(--surface-3);place-items:center;display:grid;position:absolute;inset:0}.var-preview .ph .ring{border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:999px;width:28px;height:28px;animation:1s linear infinite spin}.var-preview .ph .ph-msg{text-align:center;padding:16px;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}.var-preview-link{z-index:2;cursor:pointer;position:absolute;inset:0}.var-preview-link:after{content:"";background:0 0;transition:background .15s;position:absolute;inset:0}.var-preview-link:hover:after{background:#6487fa14}.quality-popover{z-index:3;border:1px solid color-mix(in srgb, var(--warning) 30%, var(--line));border-radius:var(--pill);background:color-mix(in srgb, var(--warning-soft) 86%, var(--surface));max-width:calc(100% - 20px);box-shadow:var(--shadow-1);color:var(--warning-on);pointer-events:auto;-webkit-backdrop-filter:blur(10px);align-items:center;gap:8px;padding:7px 8px 7px 10px;display:inline-flex;position:absolute;top:10px;right:10px}.quality-popover-main{align-items:center;gap:6px;min-width:0;display:inline-flex}.quality-popover-main span,.quality-popover small{color:var(--warning-on);white-space:nowrap;font-size:11px;font-weight:750;line-height:1.2}.quality-popover-actions{flex:none;gap:4px;display:flex}.quality-popover-actions button{border:1px solid var(--line);border-radius:var(--pill);background:var(--surface);min-height:24px;color:var(--text);padding:0 8px;font-size:11px;font-weight:750}.quality-popover-actions button:hover{border-color:var(--line-strong);background:var(--surface-2)}.var-code{color:#1f2330;height:100%;font-family:var(--mono);background:#f6f8fc;padding:12px 14px;font-size:11.5px;line-height:1.6;overflow:auto}[data-theme=dark] .var-code{color:#c2c6d1;background:#0e1016}.var-quality{border-bottom:1px solid var(--line);background:var(--warning-soft);color:var(--warning-on);padding:9px 14px;font-size:12px}.var-quality strong{letter-spacing:.08em;text-transform:uppercase;font-size:11px;display:block}.var-quality span{color:var(--warning-on-2);margin-top:2px;font-size:11px;display:block}.review-pending-panel{border:1px solid color-mix(in srgb, var(--warning) 36%, var(--line));border-radius:var(--radius);background:var(--warning-soft);gap:6px;margin:10px 14px 0;padding:10px 11px;display:grid}.review-pending-panel strong{color:var(--text);font-size:13px}.review-pending-panel p,.review-pending-panel small{color:var(--warning-on-2);margin:0;font-size:12px;line-height:1.4}.review-actions{grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:2px;display:grid}.review-actions button,.review-actions a{border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);min-height:30px;color:var(--text);text-align:center;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.review-actions button:hover,.review-actions a:hover{border-color:var(--line-strong);background:var(--surface-2)}.var-foot{border-top:1px solid var(--line);min-height:40px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex}.var-foot .mono{font-family:var(--mono);font-size:11px}.stream{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);margin-top:28px;overflow:hidden}.stream-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.stream-head .title{align-items:center;gap:10px;font-weight:600;display:inline-flex}.stream-head .title .mono{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.stream-head .acts{gap:8px;display:inline-flex}.stream-grid{grid-template-columns:minmax(0,1fr) 360px;height:min(680px,100vh - 220px);min-height:420px;display:grid;overflow:hidden}.stream-code{color:#1f2330;height:100%;min-height:0;font-family:var(--mono);border-right:1px solid var(--line);white-space:pre;background:#f6f8fc;padding:14px 16px;font-size:12px;line-height:1.6;display:grid;overflow:auto}[data-theme=dark] .stream-code{color:#c2c6d1;border-right-color:var(--line);background:#0e1016}.stream-code .ln{color:#a0a6bd;-webkit-user-select:none;user-select:none;margin-right:14px}.stream-code .kw{color:#4f46e5}.stream-code .tag{color:#0e7490}.stream-code .str{color:#b45309}.stream-code .com{color:#82879a;font-style:italic}.stream-code .punc{color:#6b7390}.stream-code .cursor{vertical-align:-2px;background:var(--accent);width:7px;height:14px;margin-left:2px;animation:1s steps(2,start) infinite blink;display:inline-block}@keyframes blink{0%,45%{opacity:1}46%,to{opacity:0}}.stream-side{align-content:start;gap:12px;min-height:0;padding:14px 16px;display:grid;overflow:auto}.stream-side h4{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.rt-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);padding:12px}.rt-card .top{justify-content:space-between;align-items:center;display:flex}.rt-card .top span{font-family:var(--mono);color:var(--muted);font-size:11px}.rt-card .top strong{border-radius:var(--pill);background:var(--accent-soft);color:var(--accent-on);padding:3px 8px;font-size:11px;font-weight:700}.rt-card[data-stage=writing] .top strong,.rt-card[data-stage=thinking] .top strong{background:var(--accent-soft);color:var(--accent-on)}.rt-card[data-stage=preview] .top strong,.rt-card[data-stage=completed] .top strong{background:var(--success-soft);color:var(--success-on)}.rt-card[data-stage=warning] .top strong{background:var(--warning-soft);color:var(--warning-on)}.rt-card[data-stage=failed] .top strong{background:var(--danger-soft);color:var(--danger-on)}.rt-card[data-stage=queued] .top strong{background:var(--surface-3);color:var(--muted)}.rt-card p{color:var(--text);margin:8px 0 0;font-size:13px;font-weight:600}.rt-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;line-height:1.4;display:block;overflow:hidden}.activity{border-top:1px solid var(--line);gap:6px;padding-top:12px;display:grid}.activity .row{grid-template-columns:86px 1fr;align-items:center;gap:10px;font-size:12px;display:grid}.activity .row .t{color:var(--muted);font-family:var(--mono);font-size:11px}.activity .row .s{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.capability-activity{margin-top:12px}.capability-activity .eyebrow{margin-bottom:2px}.runtime-recent{border-top:1px solid var(--line);gap:4px;padding-top:12px;display:grid}.runtime-recent span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.runtime-recent strong{color:var(--text);font-size:13px}.runtime-recent p{color:var(--text-2);margin:0;font-size:12px}.runtime-overview{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:14px;padding:12px;display:grid}.runtime-overview span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.runtime-overview strong{color:var(--text);font-size:15px;font-weight:600;display:block}.runtime-overview p{color:var(--muted);margin:2px 0 0;font-size:12px}.runtime-overview meter{width:100%;height:10px}.runtime-overview meter::-webkit-meter-bar{background:var(--surface-3);border:0;border-radius:999px}.runtime-overview meter::-webkit-meter-optimum-value{background:var(--grad-accent);border-radius:999px}.runtime-overview meter::-moz-meter-bar{background:var(--grad-accent);border-radius:999px}.runtime-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.runtime-status-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);padding:12px}.runtime-status-card[data-stage=completed]{border-color:#05966947}.runtime-status-card[data-stage=failed]{border-color:#dc262647}.runtime-status-card[data-stage=warning]{border-color:#d9770647}.runtime-status-card span{font-family:var(--mono);color:var(--muted);font-size:11px}.runtime-status-card strong{color:var(--text);margin-top:2px;font-size:13px;font-weight:600;display:block}.runtime-status-card p{color:var(--text-2);margin:6px 0 0;font-size:12px}.runtime-status-card small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.raw-stream-debug{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.raw-stream-debug summary{cursor:pointer;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.raw-stream-row{border-bottom:1px solid var(--line-soft);gap:4px;padding:8px 0;display:grid}.raw-stream-row span{color:var(--muted);font-family:var(--mono);font-size:11px}.raw-stream-row code{color:var(--text-2);font-family:var(--mono);word-break:break-all;font-size:11px}.status-dot{background:var(--muted);border-radius:999px;width:7px;height:7px;display:inline-block}.status-dot.queued,.status-dot.connecting{background:var(--muted)}.status-dot.running,.status-dot.streaming{background:var(--accent);box-shadow:0 0 0 4px #6487fa2e}.status-dot.rendering_preview{background:var(--accent);animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 0 4px #6487fa2e}.status-dot.completed{background:var(--success);box-shadow:0 0 0 4px #05966929}.status-dot.failed,.status-dot.cancelled{background:var(--danger);box-shadow:0 0 0 4px #dc262629}.ed-shell{max-width:1480px;min-height:100vh;margin:0 auto;padding:22px clamp(24px,4vw,56px) 48px}.ed-topbar{border-bottom:1px solid var(--line);grid-template-columns:92px minmax(0,1fr) minmax(360px,460px);gap:24px;padding-bottom:18px;display:grid}.ed-topbar .back{width:42px;height:38px;color:var(--muted);justify-content:center;align-items:center;gap:0;font-size:13px;display:inline-flex}.ed-nav-actions{grid-template-columns:42px 42px;align-content:start;align-items:start;gap:8px;display:grid;position:relative}.variation-index{color:var(--text);font-family:var(--mono);letter-spacing:.02em;grid-column:1/-1;margin-top:2px;font-size:22px;font-weight:800;line-height:1;display:block}.ed-topbar h1{letter-spacing:-.015em;margin:0 0 8px;font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.12}.ed-topbar .eyebrow{display:block}.ed-topbar p{color:var(--muted);max-width:760px;margin:0;font-size:13px}.ed-title-block{align-items:flex-start;min-width:0;display:flex}.ed-task-title-input{width:min(100%,720px);min-width:0;height:auto;color:var(--text-2);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;outline:none;padding:0 0 4px;font-size:clamp(16px,1.8vw,22px);font-weight:600;line-height:1.35;overflow:hidden}.ed-task-title-input::placeholder{color:var(--text-2);opacity:1}.ed-task-title-input:hover,.ed-task-title-input:focus{border-bottom-color:var(--line-strong)}.ed-task-title-input:focus{color:var(--text)}.ed-cmd{--ed-action-small:68px;--ed-action-large:136px;--ed-action-gap:8px;--ed-user-width:38px;--ed-actions-width:calc((var(--ed-action-small) * 2) + var(--ed-action-large) + (var(--ed-action-gap) * 2));--ed-action-row-width:calc(var(--ed-actions-width) + var(--ed-user-width) + var(--ed-action-gap));grid-template-columns:minmax(0,1fr);justify-content:end;align-self:start;justify-items:end;gap:8px;display:grid}.ed-action-row{width:var(--ed-action-row-width);grid-template-columns:var(--ed-actions-width) var(--ed-user-width);gap:var(--ed-action-gap);justify-content:end;align-items:center;display:grid}.ed-cmd .user-action-cluster{justify-self:end}.ed-cmd .lock{width:var(--ed-action-row-width);border-radius:var(--radius);background:var(--grad-accent);height:38px;color:var(--on-grad);border:0;font-size:13px;font-weight:700;box-shadow:0 8px 22px #6487fa4d}.ed-cmd .lock:hover{filter:brightness(1.08)}.ed-cmd .variation-export-actions{width:var(--ed-actions-width);grid-template-columns:var(--ed-action-small) var(--ed-action-small) var(--ed-action-large);justify-self:end;gap:var(--ed-action-gap);justify-content:flex-end;display:grid}.ed-cmd .variation-export-actions .btn{white-space:nowrap;width:auto;padding-inline:6px}.variation-action-menu{z-index:30;position:relative}.variation-action-trigger{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:42px;height:38px;color:var(--text-2);justify-content:center;align-items:center;gap:0;font-size:12.5px;font-weight:650;display:inline-flex}.variation-action-trigger:hover,.variation-action-trigger[aria-expanded=true]{border-color:var(--line-strong);background:var(--surface-2);color:var(--text)}.variation-action-dropdown{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(160%);width:260px;box-shadow:var(--shadow-3);gap:4px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.variation-action-item,.variation-action-reserved{border-radius:var(--radius);min-height:34px;color:var(--text);text-align:left;background:0 0;border:0;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;font-weight:600;display:grid}.variation-action-item:hover{background:var(--surface-2)}.variation-action-item.static{cursor:default}.variation-action-item.static:hover{background:0 0}.variation-action-item .user-action-button{background:var(--surface-2);justify-self:end;width:28px;height:28px}.variation-action-submenu{gap:4px;padding:4px 0 6px 26px;display:grid}.variation-action-reserved{opacity:.62;cursor:not-allowed;grid-template-columns:18px minmax(0,1fr)}.variation-action-reserved.no-icon{grid-template-columns:minmax(0,1fr);padding-left:10px}.variation-action-reserved span{min-width:0}.variation-action-reserved small{color:var(--muted);grid-column:1/-1;font-size:11px;font-weight:500;line-height:1.35}.variation-action-reserved.danger{color:var(--danger-on)}.variation-action-divider{background:var(--line);height:1px;margin:4px 0}.variation-language-switcher{gap:6px;padding:7px 10px;display:grid}.variation-language-switcher>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:700}.variation-language-switcher>div{border:1px solid var(--line);border-radius:var(--pill);background:var(--surface-2);grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.variation-language-switcher button{border-radius:var(--pill);height:26px;color:var(--muted);background:0 0;border:0;font-size:11.5px;font-weight:650}.variation-language-switcher button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.ed-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;margin-top:22px;display:grid}.device{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);grid-template-rows:auto minmax(0,1fr);min-height:660px;padding:18px;display:grid;overflow:auto}.device-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.view-tabs{gap:4px;display:inline-flex}.view-tabs button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);height:32px;color:var(--muted);padding:0 13px;font-size:12.5px;font-weight:600}.view-tabs button.active{background:var(--text);border-color:var(--text);color:var(--on-grad)}.device-toggle{flex-wrap:nowrap;gap:4px;display:inline-flex;position:relative}.device-toggle>button,.device-toggle>.preview-other-menu>button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);height:32px;color:var(--muted);white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.device-toggle button.active{background:var(--surface-3);color:var(--text);border-color:var(--line-strong)}.preview-other-menu{display:inline-flex;position:relative}.preview-other-list{z-index:40;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(160%);min-width:200px;box-shadow:var(--shadow-2);gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.preview-other-list button{border-radius:var(--radius);text-align:left;width:100%;height:auto;min-height:54px;color:var(--text);white-space:normal;background:0 0;align-content:center;gap:2px;padding:8px 10px;font-size:13px;font-weight:600;line-height:1.25;display:grid}.preview-other-list button:hover{background:var(--surface-2)}.preview-other-list button.active{background:var(--accent-soft);color:var(--accent-on)}.preview-other-list button small{color:var(--muted);font-size:11px;font-weight:500;line-height:1.2}.canvas{place-items:start center;width:100%;display:grid;position:relative}.frame{border-radius:var(--radius);width:100%;box-shadow:var(--frame-shadow);background:#fff;position:relative;overflow:hidden}.annotated-preview-wrap{border-radius:var(--radius);width:100%;min-height:560px;box-shadow:var(--frame-shadow);background:#fff;position:relative;overflow:hidden}.device.mobile .annotated-preview-wrap{width:min(390px,100%);min-height:640px}.device.pc-medium .annotated-preview-wrap{width:min(788px,100%);height:492px;min-height:492px}.device.mobile-medium .annotated-preview-wrap{width:min(396px,100%);height:475px;min-height:475px}.device.mobile-mini .annotated-preview-wrap{width:min(300px,100%);height:360px;min-height:360px}.annotated-preview-wrap iframe{width:100%;height:100%;min-height:inherit;background:#fff;border:0;display:block}.version-compare-canvas{place-items:stretch stretch}.version-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.version-compare-pane{border:1px solid var(--line);border-radius:var(--radius);min-width:0;min-height:560px;box-shadow:var(--frame-shadow);background:#fff;grid-template-rows:38px minmax(0,1fr);display:grid;overflow:hidden}.version-compare-pane header{border-bottom:1px solid var(--line);background:var(--surface);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:0 11px;font-size:11px;font-weight:650;display:flex}.version-compare-pane header strong{color:var(--text);font-family:var(--mono);font-size:11px}.version-compare-pane.updated{border-color:var(--accent-line)}.version-compare-pane.updated header{background:var(--accent-soft);color:var(--accent-on)}.version-compare-pane iframe{background:#fff;border:0;width:100%;height:100%;min-height:522px;display:block}.preview-placeholder{min-height:420px;color:var(--muted);background:var(--surface-3);text-align:center;place-items:center;padding:24px;font-size:13px;display:grid}.editor-code-view{border:1px solid var(--line);border-radius:var(--radius);background:#f6f8fc;overflow:hidden}[data-theme=dark] .editor-code-view{background:#0e1016}.anno-overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.anno-overlay.active{pointer-events:auto;cursor:crosshair}.anno-rect{border:2px solid var(--accent);background:#6487fa24;border-radius:4px;position:absolute}.anno-rect.draft{border-style:dashed}.anno-rect .n{background:var(--accent);color:#fff;border-radius:999px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-12px;left:-12px;box-shadow:0 4px 12px #6487fa80}.anno-rect.selected{border-color:var(--accent-2);background:#0891b224;box-shadow:0 0 0 4px #0891b22e}.annotation-circle{border:2px solid var(--accent);background:#6487fa1f;border-radius:999px;position:absolute}.annotation-circle.draft{border-style:dashed}.annotation-circle.selected{border-color:var(--accent-2);background:#0891b21f}.anno-text{background:var(--accent);color:#fff;border-radius:7px;max-width:220px;padding:7px 10px;font-size:12px;font-weight:600;position:absolute;transform:translate(-6px,-100%);box-shadow:0 10px 26px #0f172a2e}.annotation-empty{color:var(--muted);pointer-events:none;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.annotation-hit-line{pointer-events:auto;cursor:pointer;position:absolute}.annotation-actions{z-index:3;gap:6px;display:inline-flex;position:absolute;top:8px;right:8px}.annotation-actions button{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);height:28px;color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0 10px;font-size:12px;font-weight:600}.annotation-actions button.danger{color:var(--danger-on);border-color:#dc26264d}.refine{align-content:start;gap:12px;display:grid;position:sticky;top:22px}.refine-workspace{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-2);overflow:hidden}.refine-chat-container{padding:12px}.refine-status-container{border-bottom:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:10px 12px;display:flex}.refine-version-meta{align-items:center;gap:9px;min-width:0;display:flex}.refine-status-container .variation-index{color:var(--text);flex:none;margin:0;font-size:16px;font-weight:800;line-height:1}.refine-version-copy{align-items:center;min-width:0;display:inline-flex}.refine-version-copy strong{color:var(--text);font-size:11.5px;line-height:1.1}.refine-status-container .lock{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;height:30px;color:var(--text-2);white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:11.5px;font-weight:700;line-height:1;display:inline-flex}.refine-status-container .lock:hover{border-color:var(--line-strong);color:var(--text)}.refine-status-container .lock.active{border-color:color-mix(in srgb, var(--success) 32%, var(--line));background:var(--success-soft);color:var(--success-on)}.refine-status-container .lock:disabled{opacity:.5;cursor:not-allowed}.refine-tool-container{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-1);overflow:hidden}.refine-tabs{border-bottom:1px solid var(--line);background:var(--surface);border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr)) 34px;gap:3px;padding:7px;display:grid}.refine-tabs button.secondary{place-items:center;width:34px;padding:0;display:grid}.refine-tabs button{border-radius:var(--radius);min-width:0;height:30px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;font-size:12px;font-weight:600;overflow:hidden}.refine-tabs button:hover{background:var(--surface-2);color:var(--text-2)}.refine-tabs button.active{background:var(--surface-2);color:var(--text);border-color:var(--line);box-shadow:var(--shadow-1)}.refine-body{background:var(--surface);border:0;border-radius:0;gap:12px;margin-top:0;padding:12px;display:grid}.side-panel-section{gap:8px;display:grid}.capability-snapshot{gap:12px;display:grid}.capability-snapshot>strong{color:var(--text);font-size:14px;font-weight:750;line-height:1.2}.capability-snapshot>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.capability-snapshot span{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:4px;min-width:0;padding:10px 11px;display:grid}.capability-snapshot span small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;font-weight:750;line-height:1.1}.capability-snapshot span{color:var(--text);overflow-wrap:anywhere;font-size:13px;font-weight:700;line-height:1.25}.capability-snapshot.compact>div{grid-template-columns:1fr}.capability-snapshot.inline{align-items:baseline;gap:14px;min-width:0;display:flex}.capability-snapshot.inline>strong{white-space:nowrap;flex:none;font-size:13px}.capability-snapshot.inline>div{flex-wrap:wrap;flex:auto;align-items:center;gap:8px 14px;min-width:0;display:flex}.capability-snapshot.inline span{overflow-wrap:normal;background:0 0;border:0;border-radius:0;align-items:baseline;gap:6px;min-width:0;padding:0;font-size:12px;font-weight:650;line-height:1.3;display:inline-flex}.capability-snapshot.inline span small{letter-spacing:0;text-transform:none;font-size:11px;font-weight:700}.capability-snapshot.inline span:not(:last-child):after{content:"/";color:var(--muted);opacity:.45;margin-left:6px}.variation-export-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.variation-export-actions .btn{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);min-width:0;height:38px;color:var(--text);text-align:center;white-space:normal;justify-content:center;gap:6px;padding:0 9px;font-size:11.5px;font-weight:700;line-height:1.15}.variation-export-actions .btn:hover{border-color:var(--line-strong);background:var(--surface)}.variation-export-actions .btn:disabled{opacity:.5;cursor:not-allowed}.variation-export-actions .btn svg{flex:none}.annotation-tool-heading{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.annotation-tool-heading>span{gap:3px;min-width:0;display:grid}.annotation-tool-heading strong{color:var(--text);font-size:12.5px;line-height:1.2}.annotation-tool-heading small{color:var(--muted);font-size:11px;line-height:1.35}.annotation-exit{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);height:27px;color:var(--text-2);flex:none;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:650;display:inline-flex}.annotation-exit:hover{border-color:var(--line-strong);color:var(--text)}.anno-tools{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.anno-tools button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);height:36px;color:var(--text-2);font-size:14px;transition:border-color .16s,background .16s,color .16s,transform .16s}.anno-tools button:hover{border-color:var(--line-strong);transform:translateY(-1px)}.anno-tools button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-on);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent)}.anno-list{gap:7px;max-height:200px;padding-right:2px;display:grid;overflow:auto}.anno-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;grid-template-columns:26px minmax(0,1fr) 22px;align-items:start;gap:10px;padding:9px 10px;display:grid}.anno-row:hover{border-color:var(--line-strong)}.anno-row.active{border-color:var(--accent-line);background:var(--accent-soft)}.anno-row .n{background:var(--accent);color:#fff;border-radius:999px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:grid}.annotation-note-field{gap:3px;min-width:0;display:grid}.annotation-note-field>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:650;line-height:1.2;overflow:hidden}.annotation-note-field textarea{resize:vertical;width:100%;min-height:24px;max-height:96px;color:var(--text);white-space:pre-wrap;word-break:break-word;background:0 0;border:0;outline:0;padding:0;font-size:13px;font-weight:600;line-height:1.45}.annotation-note-field textarea::placeholder{color:var(--muted);opacity:.72;font-weight:500}.anno-row .x{color:var(--muted);justify-content:flex-end;font-size:12px;display:inline-flex}.anno-row .x button{width:22px;height:22px;color:var(--muted);background:0 0;border:0;border-radius:999px;place-items:center;font-size:16px;line-height:1;display:grid}.anno-row .x button:hover{background:var(--surface-3);color:var(--text)}.anno-empty-row{border:1px dashed var(--line-strong);border-radius:var(--radius);min-height:58px;color:var(--muted);text-align:center;place-items:center;padding:10px;font-size:12px;display:grid}.field{gap:7px;display:grid}.field label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.field textarea{resize:vertical;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);width:100%;min-height:88px;color:var(--text);padding:12px;font-size:13px;line-height:1.55}.field textarea:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.field input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);width:100%;height:36px;color:var(--text);padding:0 12px;font-size:13px}.field input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.chat-refine-box{gap:8px;display:grid}.refine-chat-heading{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.refine-chat-heading label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.refine-live-status{min-width:0;color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:10.5px;font-weight:650;line-height:1;display:inline-flex}.refine-live-status i{background:var(--muted);border-radius:999px;flex:none;width:6px;height:6px}.refine-live-status.refining{color:var(--accent-on)}.refine-live-status.refining i{background:var(--accent);animation:1.15s ease-in-out infinite refine-status-pulse}.refine-live-status.cancelling{color:var(--warning-on)}.refine-live-status.cancelling i{background:var(--warning);animation:1.15s ease-in-out infinite refine-status-pulse}.refine-live-status.cancelled{color:var(--muted)}.refine-live-status.cancelled i{background:var(--muted)}.refine-live-status.error{color:var(--danger-on)}.refine-live-status.error i{background:var(--danger)}.chat-refine-input{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);grid-template-columns:minmax(0,1fr) 34px;align-items:end;gap:8px;min-height:76px;padding:10px;display:grid}.chat-refine-input:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.chat-refine-input textarea{resize:none;width:100%;min-width:0;min-height:44px;max-height:104px;color:var(--text);background:0 0;border:0;outline:0;padding:4px 2px;font-size:13px;line-height:1.5}.chat-refine-input button{background:var(--grad-accent);width:34px;height:34px;color:var(--on-grad);border:0;border-radius:999px;place-items:center;display:grid;box-shadow:0 8px 18px #6487fa3d}.chat-refine-input button:hover{filter:brightness(1.08)}.chat-refine-input button.stop{border:1px solid color-mix(in srgb, var(--danger) 28%, var(--line));background:var(--danger-soft);color:var(--danger-on);box-shadow:none}.chat-refine-input button.stop:hover{border-color:color-mix(in srgb, var(--danger) 48%, var(--line));filter:none}.chat-refine-input button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.2)}.refine-button-progress{border:2px solid color-mix(in srgb, var(--on-grad) 38%, transparent);border-top-color:var(--on-grad);border-radius:999px;width:12px;height:12px;animation:.8s linear infinite refine-button-spin}.refine-context-row{min-width:0;min-height:20px;color:var(--muted);align-items:center;gap:8px;font-size:10.5px;display:flex}.refine-context-row>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;min-width:0;display:inline-flex;overflow:hidden}.refine-context-row .accent{color:var(--accent-on);font-weight:650}.refine-context-row kbd{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:5px;margin-left:auto;padding:2px 5px;font-family:inherit;font-size:9.5px;line-height:1.2}.refine-operation-slot{min-width:0;height:32px}.refine-version-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;height:32px;display:grid}.refine-version-actions button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);min-width:0;height:32px;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;padding:0 7px;font-size:10.5px;font-weight:700;overflow:hidden}.refine-version-actions button:hover{border-color:var(--line-strong);color:var(--text)}.refine-version-actions button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-on)}.refine-version-actions button.danger{color:var(--danger-on)}.refine-version-actions button:disabled{opacity:.5;cursor:not-allowed}.refine-preview-state,.refine-recovery{border-radius:var(--radius);align-items:center;gap:8px;height:32px;padding:7px 9px;font-size:11px;line-height:1.35;display:flex}.refine-preview-state{background:var(--accent-soft);color:var(--accent-on)}.refine-cancelling .refine-preview-state{background:var(--warning-soft);color:var(--warning-on)}.refine-preview-state>span:last-child,.refine-recovery>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.refine-progress-dot{background:var(--accent);border-radius:999px;flex:none;width:7px;height:7px;animation:1.15s ease-in-out infinite refine-status-pulse}.refine-recovery{border:1px solid color-mix(in srgb, var(--danger) 22%, var(--line));background:var(--danger-soft);color:var(--danger-on);justify-content:space-between}.refine-recovery button{border:1px solid color-mix(in srgb, var(--danger) 28%, var(--line));border-radius:var(--radius);background:var(--surface);height:25px;color:var(--danger-on);flex:none;padding:0 8px;font-size:10.5px;font-weight:700}.refine-feedback{overscroll-behavior:contain;scrollbar-gutter:stable;align-content:start;gap:8px;height:116px;padding-right:2px;display:grid;overflow-y:auto}.refine-feedback.is-empty{height:0;min-height:0;padding:0;overflow:hidden}.refine-feedback-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:8px minmax(0,1fr);align-items:start;gap:9px;min-width:0;padding:9px 10px;display:grid}.refine-feedback-row.assistant{background:var(--surface)}.refine-feedback-row.running{border-color:var(--accent-line);background:var(--accent-soft)}.refine-feedback-row.done{background:var(--success-soft);border-color:#05966940}.refine-feedback-row.failed{background:var(--danger-soft);border-color:#dc262647}.refine-feedback-row.cancelled{border-color:var(--line-strong);background:var(--surface-2)}.refine-feedback-dot{background:var(--muted);border-radius:999px;width:8px;height:8px;margin-top:5px}.refine-feedback-row.running .refine-feedback-dot{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);animation:1.15s ease-in-out infinite refine-status-pulse}.refine-feedback-row.done .refine-feedback-dot{background:var(--success)}.refine-feedback-row.failed .refine-feedback-dot{background:var(--danger)}.refine-feedback-row.cancelled .refine-feedback-dot{background:var(--muted)}.refine-feedback-row strong{color:var(--text);font-size:12px;font-weight:750;line-height:1.25;display:block}.refine-feedback-row p{color:var(--text-2);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:3px 0 0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}@keyframes refine-status-pulse{0%,to{opacity:.48;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}@keyframes refine-button-spin{to{transform:rotate(360deg)}}.refine-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.refine-actions button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);height:36px;color:var(--text);font-size:12.5px;font-weight:600}.refine-actions button:hover{border-color:var(--line-strong)}.refine-actions button.primary{background:var(--grad-accent);color:var(--on-grad);border:0;font-weight:700}.refine-actions button.primary:hover{filter:brightness(1.08)}.refine-actions button:disabled{opacity:.5;cursor:not-allowed}.anno-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.anno-actions button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);height:38px;color:var(--text);justify-content:center;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:inline-flex}.anno-actions button:hover{border-color:var(--line-strong);background:var(--surface)}.anno-actions button.primary{background:var(--grad-accent);color:var(--on-grad);border:0;box-shadow:0 8px 22px #6487fa38}.anno-actions button.primary:hover{filter:brightness(1.08)}.anno-actions button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.refine-fixed-area{gap:8px;display:grid}.cap-snap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:8px;padding:12px;display:grid}.cap-snap .row{grid-template-columns:96px 1fr;align-items:center;gap:10px;display:grid}.cap-snap .row small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.cap-snap .row span{color:var(--text);font-size:13px;font-weight:600}.versions{gap:7px;display:grid}.ver-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:9px 10px;display:grid}.ver-row:hover{border-color:var(--line-strong)}.ver-row.active{border-color:var(--accent-line);background:var(--accent-soft)}.ver-row .v{background:var(--surface-3);width:26px;height:26px;color:var(--muted);font-family:var(--mono);border-radius:7px;place-items:center;font-size:11px;font-weight:700;display:grid}.ver-row.active .v{background:var(--accent);color:#fff}.ver-row .info{min-width:0}.ver-row .info strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:block;overflow:hidden}.ver-row .info small{color:var(--muted);font-size:11px;display:block}.ver-row .rest{color:var(--muted);background:0 0;border:0;padding:0;font-size:11px}.ver-row .rest:hover{color:var(--accent)}.ver-row .rest:disabled{opacity:.5;cursor:not-allowed}.lock-card{border:1px solid var(--accent-line);border-radius:var(--radius);background:var(--grad-accent-soft), var(--surface-2);gap:4px;padding:12px;display:grid}.lock-card strong{color:var(--accent-on);font-size:12.5px}.lock-card span{color:var(--text-2);font-size:12px}.runtime-summary-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:6px;padding:12px;display:grid}.runtime-summary-panel span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.runtime-summary-panel strong{color:var(--text);font-size:13px}.runtime-summary-panel small{color:var(--muted);font-size:11px}.export-summary{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:4px;padding:10px 12px;font-size:12px;display:grid}.export-summary strong{color:var(--text)}.export-summary span{color:var(--muted)}.generate-button{border-radius:var(--radius);background:var(--grad-accent);height:38px;color:var(--on-grad);border:0;font-size:13px;font-weight:700;box-shadow:0 8px 22px #6487fa4d}.generate-button:hover{filter:brightness(1.08)}.generate-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.popover.popover-template{flex-direction:column;display:flex}.design-direction-picker{flex-direction:column;gap:10px;min-width:0;height:100%;min-height:0;display:flex}.design-direction-picker .direction-tabs{border:1px solid var(--line);border-radius:var(--pill);background:var(--surface-2);flex-wrap:wrap;flex:none;gap:2px;padding:3px;display:inline-flex}.design-direction-picker .direction-tabs button{border-radius:var(--pill);height:30px;color:var(--muted);align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.design-direction-picker .direction-tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1), inset 0 0 0 1px var(--line-strong)}.design-direction-picker .direction-tabs button small{color:var(--muted);font-size:11px;font-weight:500}.design-direction-picker .direction-tabs button.active small{color:var(--accent-on)}.design-direction-picker .direction-search{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);flex:none;grid-template-columns:18px 1fr;align-items:center;gap:8px;height:38px;padding:0 12px;display:grid}.design-direction-picker .direction-search input{color:var(--text);background:0 0;border:0;outline:0;font-size:13px}.design-direction-picker .direction-body{flex:1 1 0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 200px;gap:14px;min-height:0;display:grid}.design-direction-picker .direction-list{align-content:start;gap:6px;min-width:0;min-height:0;display:grid;overflow:auto}.design-direction-picker .direction-options{align-content:start;gap:2px;display:grid}.design-direction-picker .direction-options button{border-radius:var(--radius);width:100%;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;gap:2px;padding:9px 10px;display:grid}.design-direction-picker .direction-options button:hover{background:var(--surface-2);border-color:var(--line)}.design-direction-picker .direction-options button.active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-on)}.design-direction-picker .direction-options strong{color:inherit;font-size:13px;font-weight:600}.design-direction-picker .direction-options span,.design-direction-picker .direction-options small{color:var(--muted);font-size:11.5px;font-weight:500}.design-direction-picker .direction-options button.active span,.design-direction-picker .direction-options button.active small{color:var(--accent-on);opacity:.85}.design-direction-picker .direction-detail{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);align-content:start;gap:6px;min-height:0;padding:12px;display:grid;overflow:auto}.design-direction-picker .direction-detail>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.design-direction-picker .direction-detail>strong{color:var(--text);font-size:14px;font-weight:700}.design-direction-picker .direction-detail p{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.design-direction-picker .direction-detail dl{gap:6px;margin:6px 0 0;display:grid}.design-direction-picker .direction-detail dl div{grid-template-columns:84px 1fr;align-items:baseline;gap:8px;display:grid}.design-direction-picker .direction-detail dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.design-direction-picker .direction-detail dd{color:var(--text);margin:0;font-size:12px;font-weight:500}.design-direction-picker .direction-advanced{gap:12px;display:grid}.design-direction-picker .direction-advanced>section,.design-direction-picker .direction-advanced>label{gap:6px;display:grid}.design-direction-picker .direction-advanced>section>strong,.design-direction-picker .direction-advanced>label>strong{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.design-direction-picker .direction-advanced input,.design-direction-picker .direction-advanced textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);width:100%;color:var(--text);padding:10px;font-size:13px}.design-direction-picker .direction-advanced input{height:38px}.design-direction-picker .direction-advanced textarea{resize:vertical;min-height:70px}.design-direction-picker .direction-advanced input:focus,.design-direction-picker .direction-advanced textarea:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.design-direction-picker .direction-palette-grid,.design-direction-picker .direction-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.design-direction-picker .direction-palette-grid button,.design-direction-picker .direction-brand-grid button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);text-align:left;padding:8px 10px;font-size:12px;font-weight:600}.design-direction-picker .direction-palette-grid button:hover,.design-direction-picker .direction-brand-grid button:hover{border-color:var(--line-strong);background:var(--surface-2)}.design-direction-picker .direction-palette-grid button.active,.design-direction-picker .direction-brand-grid button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-on)}.design-direction-picker .direction-palette-grid i{gap:3px;margin-top:6px;display:inline-flex}.design-direction-picker .direction-palette-grid i b{border:1px solid #0f172a1a;border-radius:4px;width:14px;height:14px;display:inline-block}.design-direction-picker .design-system-reserve{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--muted);gap:4px;padding:10px 12px;font-size:11.5px;display:grid}.design-direction-picker .design-system-reserve strong{color:var(--text);font-size:12px}.design-direction-picker .design-system-reserve ul{flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.design-direction-picker .design-system-reserve li{border:1px solid var(--line);border-radius:var(--pill);padding:2px 8px;font-size:10.5px}@media (max-width:720px){.design-direction-picker .direction-body{grid-template-columns:1fr}}.popover.popover-templateLibrary{flex-direction:column;display:flex}.template-library-picker{--tpl-detail-width:260px;--tpl-column-gap:14px;flex-direction:column;gap:10px;min-width:0;height:100%;min-height:0;display:flex}.tpl-filter-bar{grid-template-columns:minmax(0, calc(100% - var(--tpl-column-gap) - var(--tpl-detail-width))) var(--tpl-detail-width);gap:var(--tpl-column-gap);flex:none;align-items:center;display:grid}.template-library-picker .direction-search{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:18px 1fr;align-items:center;gap:8px;height:38px;padding:0 12px;display:grid}.template-library-picker .direction-search input{color:var(--text);background:0 0;border:0;outline:0;font-size:13px}.tpl-source-filters{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px;min-width:0;display:inline-flex;overflow:hidden}.tpl-source-filters button{border:1px solid var(--line);border-radius:var(--pill);background:var(--surface);height:30px;color:var(--muted);white-space:nowrap;align-items:center;gap:4px;padding:0 8px;font-size:11.5px;font-weight:600;display:inline-flex}.tpl-source-filters button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-on)}.tpl-source-filters button small{color:inherit;opacity:.75;font-size:10.5px}.tpl-autodistribute{border:1px solid var(--accent-line);border-radius:var(--radius);background:var(--accent-soft);cursor:pointer;flex:none;grid-template-columns:16px 1fr;align-items:center;gap:8px;padding:8px 12px;display:grid}.tpl-autodistribute input{accent-color:var(--accent)}.tpl-autodistribute span{color:var(--accent-on);font-size:12.5px;font-weight:600}.tpl-autodistribute small{color:var(--accent-on);opacity:.8;grid-column:2;font-size:11px}.template-library-picker .direction-body{grid-template-columns:minmax(0, calc(100% - var(--tpl-column-gap) - var(--tpl-detail-width))) var(--tpl-detail-width);gap:var(--tpl-column-gap);flex:1 1 0;grid-template-rows:minmax(0,1fr);min-height:0;display:grid}.template-library-picker .direction-list{align-content:start;gap:6px;min-width:0;min-height:0;display:grid;overflow:auto}.tpl-empty{color:var(--muted);text-align:center;margin:0;padding:16px;font-size:12.5px}.tpl-cards{align-content:start;gap:6px;display:grid}.tpl-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left;cursor:pointer;grid-template-columns:56px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.tpl-card:hover{border-color:var(--line-strong);background:var(--surface-2)}.tpl-card.active{border-color:var(--accent-line);background:var(--accent-soft)}.tpl-card-body{gap:2px;min-width:0;display:grid}.tpl-card-body strong{color:var(--text);font-size:13px;font-weight:650}.tpl-card.active .tpl-card-body strong{color:var(--accent-on)}.tpl-scenarios{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:500;overflow:hidden}.tpl-font{color:var(--muted);opacity:.85;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.tpl-card-meta{align-items:center;gap:6px;display:inline-flex}.tpl-star{border-radius:var(--pill);color:var(--muted);cursor:pointer;align-items:center;padding:3px;display:inline-flex}.tpl-star:hover{background:var(--surface-3);color:var(--text)}.tpl-star.active{color:var(--warning-on)}.tpl-star.active svg{fill:currentColor}.tpl-check{border-radius:var(--pill);width:20px;height:20px;color:var(--accent);opacity:0;justify-content:center;align-items:center;display:inline-flex}.tpl-check.active{opacity:1}.tpl-thumb{background:var(--surface-3);border-radius:6px;grid-template-rows:1fr auto;gap:4px;width:56px;height:56px;padding:4px;display:grid;overflow:hidden}.tpl-thumb-sample{color:var(--text);place-items:center;display:grid}.tpl-thumb-sample .big{font-size:18px;font-weight:650;line-height:1}.tpl-thumb-sample .small{color:var(--muted);font-size:8px}.tpl-thumb-strip{gap:2px;display:flex}.tpl-thumb-strip b{border:1px solid #0f172a14;border-radius:2px;flex:1 1 0;height:8px}.tpl-import{gap:6px;display:grid}.tpl-import-toggle{border:1px dashed var(--line-strong);border-radius:var(--pill);background:var(--surface-2);height:30px;color:var(--text);align-self:start;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.tpl-import-toggle:hover{border-color:var(--accent-line);color:var(--accent-on)}.tpl-import-form{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:6px;padding:8px;display:grid}.tpl-import-name,.tpl-import-textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);padding:8px 10px;font-size:12.5px}.tpl-import-name{height:34px}.tpl-import-textarea{resize:vertical;min-height:80px;font-family:var(--font-mono);font-size:11.5px}.tpl-import-name:focus,.tpl-import-textarea:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.template-library-picker .direction-detail{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);align-content:start;gap:6px;min-height:0;padding:12px;display:grid;overflow:auto}.template-library-picker .direction-detail>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.template-library-picker .direction-detail>strong{color:var(--text);font-size:14px;font-weight:700}.template-library-picker .direction-detail p{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.template-library-picker .direction-detail dl{gap:6px;margin:6px 0 0;display:grid}.template-library-picker .direction-detail dl div{grid-template-columns:84px 1fr;align-items:baseline;gap:8px;display:grid}.template-library-picker .direction-detail dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.template-library-picker .direction-detail dd{color:var(--text);margin:0;font-size:12px;font-weight:500}.tpl-meta-line{display:block}.tpl-detail-swatches{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.tpl-swatch{border:1px solid #0f172a1f;border-radius:4px;width:18px;height:18px}.tpl-preview-badge{align-self:start}@media (max-width:720px){.template-library-picker .direction-body,.tpl-filter-bar{grid-template-columns:1fr}.tpl-source-filters{justify-content:flex-start}}.design-system-picker .ds-visual{flex-direction:column;flex:1 1 0;gap:10px;min-height:0;display:flex}.design-system-picker .ds-mode-header{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 0;display:flex}.design-system-picker .ds-mode-header div{gap:2px;min-width:0;display:grid}.design-system-picker .ds-mode-header strong{color:var(--text);font-size:13px;font-weight:700}.design-system-picker .ds-mode-header span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;line-height:1.35;overflow:hidden}.design-system-picker .ds-mode-header button{border:1px solid var(--line);border-radius:var(--pill);background:var(--surface);height:30px;color:var(--text-2);flex:none;padding:0 12px;font-size:12px;font-weight:650}.design-system-picker .ds-mode-header button:hover{border-color:var(--accent-line);color:var(--accent-on)}.design-system-picker .ds-pack-wrap{flex:1 1 0;min-height:0;display:flex}.design-system-picker .ds-pack-wrap .template-library-picker{flex:1 1 0;min-height:0}.design-system-picker .ds-scene-drawer{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex:none;overflow:hidden}.design-system-picker .ds-scene-toggle{width:100%;min-height:38px;color:var(--text);text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 12px;display:grid}.design-system-picker .ds-scene-toggle:hover{background:var(--surface-2)}.design-system-picker .ds-scene-toggle span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11.5px;font-weight:700}.design-system-picker .ds-scene-toggle strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:650;overflow:hidden}.design-system-picker .ds-scene-toggle svg{color:var(--muted)}.design-system-picker .ds-scene-panel{border-top:1px solid var(--line);gap:10px;min-height:0;max-height:280px;padding:10px;display:grid}.design-system-picker .ds-scene-panel .direction-body{min-height:0;max-height:210px}.popover.popover-skills{padding:8px}.skills-picker{gap:8px;min-width:340px;max-height:420px;display:grid;overflow:auto}.plugins-picker-top{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.skills-hint{color:var(--muted);margin:0;padding:2px 6px;font-size:11.5px}.plugin-filter-tabs{border:1px solid var(--line);border-radius:var(--pill);background:var(--surface-2);gap:2px;padding:3px;display:inline-flex}.plugin-filter-tabs button{border-radius:var(--pill);height:28px;color:var(--muted);align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:650;display:inline-flex}.plugin-filter-tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1), inset 0 0 0 1px var(--line-strong)}.plugin-filter-tabs button small{color:inherit;opacity:.72;font-size:10.5px}.skill-cards{gap:6px;display:grid}.skill-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left;cursor:pointer;gap:6px;padding:10px 12px;display:grid}.skill-card:hover{border-color:var(--line-strong);background:var(--surface-2)}.skill-card.active{border-color:var(--accent-line);background:var(--accent-soft)}.skill-head{align-items:center;gap:8px;display:flex}.skill-head strong{color:var(--text);font-size:13px;font-weight:650}.skill-card.active .skill-head strong{color:var(--accent-on)}.skill-check{border-radius:var(--pill);width:18px;height:18px;color:var(--accent);opacity:0;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.skill-check.active{opacity:1}.skill-desc{color:var(--muted);font-size:12px;line-height:1.4}.skill-block{gap:3px;display:grid}.skill-block small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:10.5px;font-weight:700}.skill-rule-line{color:var(--text);padding-left:10px;font-size:11.5px;line-height:1.4;position:relative}.skill-rule-line:before{content:"·";color:var(--muted);position:absolute;left:2px}.skill-chips{flex-wrap:wrap;gap:4px;display:flex}.skill-mini{height:auto;min-height:0;padding:1px 7px;font-size:10.5px;line-height:1.5}.user-action-menu-item{border-radius:var(--radius);text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;gap:2px;padding:8px 10px;font-size:12.5px;font-weight:600;display:grid}.user-action-menu-item:hover{background:var(--surface-2)}.user-action-menu-item small{color:var(--muted);font-size:11px;font-weight:500}.preferences-overlay{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a52;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.preferences-overlay-card{width:min(520px,100%);max-height:84vh;overflow:auto}.session-dialog-overlay{z-index:70;-webkit-backdrop-filter:blur(3px);background:#0f172a42;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.session-dialog{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--glass);width:min(380px,100%);box-shadow:var(--shadow-3);-webkit-backdrop-filter:blur(18px)saturate(160%);gap:14px;padding:16px;display:grid}.session-dialog header{justify-content:space-between;align-items:center;gap:12px;display:flex}.session-dialog header strong{color:var(--text);font-size:15px;font-weight:700}.session-dialog header button{border-radius:var(--pill);width:28px;height:28px;color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.session-dialog header button:hover{color:var(--text);background:var(--surface-3)}.session-dialog input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;height:40px;color:var(--text);outline:0;padding:0 11px;font-size:13px}.session-dialog input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.session-dialog p{color:var(--text-2);margin:0;font-size:13px;line-height:1.5}.session-dialog footer{justify-content:flex-end;gap:8px;display:flex}.session-dialog footer button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:72px;height:34px;color:var(--text);padding:0 12px;font-size:12px;font-weight:700}.session-dialog footer button.primary{background:var(--grad-accent);color:var(--on-grad);border-color:#0000}.session-dialog footer button.danger{background:var(--danger);color:#fff;border-color:#0000}.session-dialog footer button:disabled,.session-dialog header button:disabled{opacity:.55;cursor:not-allowed}.preferences-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(160%);box-shadow:var(--shadow-3);gap:12px;padding:18px;display:grid}.preferences-panel header{justify-content:space-between;align-items:center;display:flex}.preferences-panel header strong{font-size:15px;font-weight:700}.preferences-close{border-radius:var(--pill);width:28px;height:28px;color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.preferences-close:hover{background:var(--surface-3);color:var(--text)}.preferences-close svg{transform:rotate(45deg)}.pref-field{gap:4px;display:grid}.pref-field span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.pref-field select,.pref-field input,.pref-field textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);padding:9px 10px;font-size:13px}.pref-field select{height:38px}.pref-field textarea{resize:vertical;min-height:56px}.pref-field select:focus,.pref-field input:focus,.pref-field textarea:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.pref-divider{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:700}.pref-actions{justify-content:flex-end;display:flex}.code-file-viewer{grid-template-rows:minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.code-stream-header{border-bottom:1px solid var(--line);background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.code-stream-header .file-tabs{flex-wrap:wrap;gap:6px;display:inline-flex}.code-stream-header .file-tabs button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);height:26px;color:var(--text-2);font-family:var(--mono);padding:0 10px;font-size:11px}.code-stream-header .file-tabs button.active{background:var(--accent-soft);color:var(--accent-on);border-color:var(--accent-line)}.code-stream-header .status{color:var(--muted);font-size:11px}.code-copy-button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);height:26px;color:var(--text-2);padding:0 10px;font-size:11px;font-weight:600}.code-stream-pane{color:#1f2330;min-height:0;font-family:var(--mono);white-space:pre;background:#f6f8fc;grid-template-rows:auto auto minmax(0,1fr) auto;font-size:12px;line-height:1.6;display:grid;overflow:hidden}[data-theme=dark] .code-stream-pane{color:#c2c6d1;background:#0e1016}.code-stream-pane pre{white-space:pre;min-height:0;margin:0;padding:14px 16px;overflow:auto}.code-stream-pane code{font:inherit}.code-cursor{vertical-align:-2px;background:var(--accent);width:7px;height:14px;margin-left:2px;animation:1s steps(2,start) infinite blink;display:inline-block}.code-tail-notice{color:var(--muted);border-top:1px solid var(--line);background:var(--surface-2);padding:8px 14px;font-size:11px}.code-stream-trace{border-top:1px solid var(--line);background:var(--surface-2);gap:4px;padding:10px 14px;display:grid}.code-stream-trace span{color:var(--muted);font-size:11px}.user-action-button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:38px;height:38px;color:var(--text-2);place-items:center;display:grid}.user-action-button:hover,.user-action-button.active{border-color:var(--line-strong);color:var(--text);background:var(--surface-2)}.user-action-button>span{justify-content:center;align-items:center;line-height:0;display:inline-flex}.user-avatar-button{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:600;display:inline-flex}.user-avatar-button:hover,.user-avatar-button[aria-expanded=true]{border-color:var(--line-strong)}.user-avatar-button .avatar{width:24px;height:24px;font-size:10px}.user-action-menu{z-index:50;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(160%);min-width:240px;box-shadow:var(--shadow-3);padding:8px;position:absolute;top:calc(100% + 8px);right:0}.user-action-menu>strong{color:var(--text);font-size:13px}.user-action-menu button{border-radius:var(--radius);text-align:left;width:100%;color:var(--text);background:0 0;gap:2px;padding:9px 10px;font-size:13px;font-weight:600;display:grid}.user-action-menu button:hover{background:var(--surface-2)}.user-action-menu button small{color:var(--muted);font-size:11.5px;font-weight:500}.user-action-menu button:disabled{opacity:.5;cursor:not-allowed}.user-profile-card{border-bottom:1px solid var(--line);gap:4px;margin-bottom:6px;padding:6px 10px 10px;display:grid}.user-profile-card>span{place-items:center;display:grid}.user-profile-card strong{color:var(--text);font-size:13px}.user-profile-card small{color:var(--muted);font-size:11.5px;font-weight:500}.language-switcher{gap:4px;display:grid}.language-switcher>span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;font-size:11px;font-weight:700}.language-options{grid-template-columns:1fr 1fr;gap:4px;display:grid}.language-options button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--text-2);padding:8px 10px;font-size:12px;font-weight:600}.language-options button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-on)}.workspace-selector-trigger{border:1px solid var(--line);border-radius:var(--pill);background:var(--surface);width:max-content;max-width:min(330px,36vw);height:38px;box-shadow:var(--shadow-1);align-items:center;gap:10px;padding:0 13px;font-size:13px;display:inline-flex}.workspace-selector-trigger:hover{border-color:var(--line-strong)}.workspace-selector-trigger>span:nth-of-type(2){white-space:nowrap;flex:0 auto;align-items:baseline;min-width:0;display:inline-flex;overflow:hidden}.workspace-selector-trigger .ws-name{text-overflow:ellipsis;min-width:0;max-width:210px;display:inline-block;overflow:hidden}.workspace-menu{z-index:50;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(160%);min-width:280px;box-shadow:var(--shadow-3);padding:8px;position:absolute;top:calc(100% + 8px);right:0}.workspace-menu button{border-radius:var(--radius);text-align:left;width:100%;color:var(--text);background:0 0;gap:2px;padding:9px 10px;font-size:13px;font-weight:600;display:grid}.workspace-menu button:hover{background:var(--surface-2)}.workspace-menu button.active{background:var(--accent-soft);color:var(--accent-on)}.workspace-menu button span{color:var(--muted);font-size:11.5px;font-weight:500}.workspace-menu p{color:var(--muted);margin:6px 4px 0;padding:4px;font-size:11px}.share-shell{max-width:1280px;min-height:100vh;margin:0 auto;padding:26px clamp(24px,4vw,56px) 60px}.share-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:4px 0 18px;display:flex}.share-topbar .left{align-items:center;gap:14px;min-width:0;display:flex}.share-topbar .left .meta{min-width:0;display:grid}.share-topbar .left .meta .eyebrow{display:block}.share-topbar .left .meta h1{letter-spacing:-.02em;margin:6px 0 4px;font-size:clamp(26px,3.6vw,40px);font-weight:700;line-height:1.05}.share-topbar .left .meta p{color:var(--muted);margin:0;font-size:13px}.share-actions{flex:none;align-items:center;gap:10px;display:flex}.share-brand{align-items:center;gap:14px;min-width:0;display:flex}.share-health{border-radius:var(--pill);background:var(--success-soft);color:var(--success-on);border:1px solid #05966947;align-items:center;gap:10px;margin:18px 0 -4px;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex}.share-health .dot{background:var(--success);box-shadow:0 0 0 4px #05966929}.share-health.loading{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-on)}.share-health.error{background:var(--danger-soft);color:var(--danger-on);border-color:#dc262647}.share-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.share-stat{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:14px 16px}.share-stat .k{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.share-stat .v{color:var(--text);letter-spacing:-.01em;margin-top:6px;font-size:22px;font-weight:700}.share-stat .v small{color:var(--muted);font-size:12px;font-weight:500}.share-preview{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);place-items:center;min-height:640px;margin-top:8px;padding:28px;display:grid}.share-preview .frame{width:min(1024px,100%);height:640px;box-shadow:var(--share-frame-shadow);border-radius:var(--radius);background:#fff;overflow:hidden}.share-preview .frame iframe{background:#fff;border:0;width:100%;height:100%;display:block}.share-foot{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:28px;font-size:12px;display:flex}.share-foot .meta{align-items:center;gap:10px;display:inline-flex}.share-foot code{font-family:var(--mono);color:var(--text-2);font-size:11px}.annotation-overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.annotation-overlay.active{pointer-events:auto;cursor:crosshair}.annotation-rect{border:2px solid var(--accent);border-color:var(--accent);background:#6487fa24;border-radius:4px;padding:0;position:absolute;overflow:visible}.annotation-rect>span{background:var(--accent);color:#fff;border-radius:999px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-12px;left:-12px;box-shadow:0 4px 12px #6487fa80}.annotation-rect>strong{width:100%;max-height:100%;color:var(--accent-on);text-align:left;white-space:pre-wrap;word-break:break-word;pointer-events:none;padding:6px 7px;font-size:clamp(10px,1.4vw,12px);font-weight:700;line-height:1.25;display:block;overflow:hidden}.annotation-rect.selected{border-color:var(--accent-2);background:#0891b224;box-shadow:0 0 0 4px #0891b22e}.annotation-text{background:var(--accent);color:#fff;text-align:left;border-radius:7px;max-width:220px;padding:7px 10px;font-size:12px;font-weight:600;position:absolute;transform:translate(-6px,-100%);box-shadow:0 10px 26px #0f172a2e}.annotation-text.selected{background:var(--accent-2)}.annotation-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.annotation-svg.selectable{pointer-events:auto;cursor:pointer}.annotation-svg line{stroke:var(--accent);stroke-width:.6px;vector-effect:non-scaling-stroke}.annotation-svg polyline{stroke:var(--accent);stroke-width:.6px;fill:none;vector-effect:non-scaling-stroke}.annotation-svg.selected line,.annotation-svg.selected polyline{stroke:var(--accent-2)}.annotation-svg text{fill:var(--accent);font-size:4px;font-weight:800;font-family:var(--mono)}.annotation-svg.selected text{fill:var(--accent-2)}.annotation-svg.draft line,.annotation-svg.draft polyline{stroke-dasharray:1.2 1.2}.annotation-svg .annotation-hit-line{stroke:#0000;stroke-width:3px}.annotation-panel{gap:10px;display:grid}.annotation-panel-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.annotation-panel-header strong{color:var(--text);font-size:13px}.annotation-panel-header label{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:inline-flex}.annotation-list{gap:7px;max-height:220px;padding-right:2px;display:grid;overflow:auto}.annotation-list-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:8px 10px;display:grid}.annotation-list-row.active{border-color:var(--accent-line);background:var(--accent-soft)}.annotation-list-row>button:first-child{text-align:left;color:var(--text);background:0 0;border:0;gap:2px;padding:0;font-size:12.5px;font-weight:600;display:grid}.annotation-list-row>button:first-child small{color:var(--muted);font-size:11px;font-weight:500}.annotation-list-row>button{color:var(--muted);font-size:11px}.annotation-list-row>button:hover{color:var(--accent)}.annotation-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.annotation-actions button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);height:36px;color:var(--text);font-size:12.5px;font-weight:600}.annotation-actions button:hover{border-color:var(--line-strong)}.annotation-actions button:disabled{opacity:.5;cursor:not-allowed}.annotation-actions button.primary,.annotation-actions button:last-child:not(:disabled){background:var(--grad-accent);color:var(--on-grad);border:0;font-weight:700}.device-preview{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);grid-template-rows:auto minmax(0,1fr);min-height:660px;padding:18px;display:grid;overflow:auto}.device-preview.mobile .annotated-preview-wrap,.device-preview.mobile .frame{max-width:min(390px,100%);margin:0 auto}.editor-preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.editor-view-tabs{gap:4px;display:inline-flex}.editor-view-tabs button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);height:32px;color:var(--muted);padding:0 13px;font-size:12.5px;font-weight:600}.editor-view-tabs button.active{background:var(--text);border-color:var(--text);color:var(--on-grad)}.editor-view-tabs button:disabled{opacity:.5;cursor:not-allowed}.editor-device-toggle{gap:4px;display:inline-flex;position:relative}.editor-device-toggle button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);height:32px;color:var(--muted);padding:0 12px;font-size:12.5px;font-weight:600}.editor-device-toggle button.active{background:var(--surface-3);color:var(--text);border-color:var(--line-strong)}.editor-command-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-command-bar button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);height:38px;color:var(--text);padding:0 14px;font-size:13px;font-weight:600}.editor-command-bar button:hover{border-color:var(--line-strong);background:var(--surface-2)}.editor-command-bar button:disabled{opacity:.5;cursor:not-allowed}.editor-command-bar .lock-variation-button{background:var(--grad-accent);color:var(--on-grad);border:0;font-weight:700;box-shadow:0 8px 22px #6487fa4d}.editor-command-bar .lock-variation-button:hover{filter:brightness(1.08)}.variation-editor-shell{max-width:1480px;min-height:100vh;margin:0 auto;padding:22px clamp(24px,4vw,56px) 48px}.variation-editor-header{border-bottom:1px solid var(--line);grid-template-columns:150px minmax(0,1fr) auto;align-items:start;gap:24px;padding-bottom:18px;display:grid}.variation-editor-header h1{letter-spacing:-.02em;margin:6px 0;font-size:clamp(24px,3.2vw,36px);font-weight:700;line-height:1.1}.variation-editor-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;margin-top:22px;display:grid}.refine-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-2);position:sticky;top:22px;overflow:hidden}.refine-fixed-area{border-bottom:1px solid var(--line);gap:10px;padding:14px;display:grid}.refine-field{gap:7px;display:grid}.refine-field textarea{resize:vertical;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);width:100%;min-height:80px;color:var(--text);padding:12px;font-size:13px;line-height:1.55}.refine-field textarea:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.side-panel-tabs{border-bottom:1px solid var(--line);background:var(--surface-2);grid-template-columns:repeat(3,1fr);gap:4px;padding:10px 10px 0;display:grid}.side-panel-tabs button{border-radius:var(--radius) var(--radius) 0 0;height:34px;color:var(--muted);background:0 0;border:1px solid #0000;border-bottom:0;font-size:12.5px;font-weight:600}.side-panel-tabs button.active{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:0 -2px 0 var(--accent)}.side-panel-body{gap:14px;padding:14px;display:grid}.runtime-summary-panel dl{gap:6px;margin:8px 0 0;display:grid}.runtime-summary-panel dl>div{grid-template-columns:96px 1fr;align-items:center;gap:10px;display:grid}.runtime-summary-panel dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.runtime-summary-panel dd{color:var(--text);margin:0;font-size:13px;font-weight:600}.variation-exploration-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:10px;padding:12px;display:grid}.variation-exploration-panel>header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.variation-exploration-panel>header>div{gap:3px;min-width:0;display:grid}.variation-exploration-panel>header>div span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.variation-exploration-panel>header>div strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.variation-exploration-plan-meta{gap:6px;display:grid}.variation-exploration-plan-meta>span{grid-template-columns:92px minmax(0,1fr);align-items:start;gap:8px;display:grid}.variation-exploration-plan-meta small{color:var(--muted);font-size:10px}.variation-exploration-plan-meta strong{overflow-wrap:anywhere;color:var(--text-2);font-size:10.5px;font-weight:650}.variation-exploration-module-group{gap:5px;display:grid}.variation-exploration-module-group>small{color:var(--muted);font-size:10px;font-weight:700}.variation-exploration-module-group>div{flex-wrap:wrap;gap:4px;display:flex}.variation-exploration-module-group .chip{white-space:normal;height:auto;min-height:20px;padding:3px 6px;line-height:1.2}.artifact-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:8px;padding:12px;display:grid}.artifact-panel>strong{color:var(--text);font-size:12.5px}.artifact-panel>p{color:var(--text-2);margin:0;font-size:12px}.artifact-version-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:1fr auto;align-items:center;gap:6px;padding:8px 10px;display:grid}.artifact-version-row.active{border-color:var(--accent-line);background:var(--accent-soft)}.artifact-version-row>button:first-child{text-align:left;color:var(--text);background:0 0;border:0;gap:2px;padding:0;font-size:12px;font-weight:600;display:grid}.artifact-version-row>button:first-child span{color:var(--muted);font-size:11px;font-weight:500}.artifact-version-row .restore-version-button{color:var(--muted);border:1px solid var(--line);border-radius:var(--radius);background:0 0;padding:4px 8px;font-size:11px}.artifact-version-row .restore-version-button:hover{color:var(--accent);border-color:var(--accent-line)}.artifact-version-row .restore-version-button:disabled{opacity:.5;cursor:not-allowed}.locked-version-summary{border:1px solid var(--accent-line);border-radius:var(--radius);background:var(--accent-soft);gap:4px;padding:10px;display:grid}.locked-version-summary.current{background:var(--success-soft);border-color:#0596694d}.locked-version-summary strong{color:var(--text);font-size:12px}.locked-version-summary span{color:var(--muted);font-size:11px}.quality-banner{border-radius:var(--radius);background:var(--warning-soft);gap:4px;padding:10px 12px;display:grid}.quality-banner.fail{background:var(--danger-soft)}.quality-banner strong{color:var(--text);font-size:12px}.quality-banner span{color:var(--muted);font-size:11px}.export-summary dl{gap:4px;margin:6px 0 0;display:grid}.export-summary dl>div{grid-template-columns:64px 1fr;gap:8px;display:grid}.export-summary dt{color:var(--muted);font-size:11px}.export-summary dd{color:var(--text);font-size:11px;font-family:var(--mono);margin:0}.workspace-shell{min-height:100vh}.auth-shell{background:var(--bg);place-items:center;min-height:100vh;padding:32px;display:grid}.auth-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow);gap:24px;padding:28px;display:grid}.auth-brand{align-items:center;gap:12px;display:flex}.auth-brand>div{gap:2px;display:grid}.auth-brand strong{color:var(--text);font-size:16px}.auth-brand span{color:var(--muted);font-size:12px}.auth-heading{gap:8px;display:grid}.auth-heading h1{color:var(--text);letter-spacing:0;margin:0;font-size:30px;line-height:1.05}.auth-heading p{color:var(--text-2);margin:0;font-size:14px;line-height:1.55}.auth-oauth{gap:10px;display:grid}.auth-oauth button,.auth-submit,.auth-switch{border-radius:var(--radius);min-height:42px;font-weight:700}.auth-oauth button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);justify-content:center;align-items:center;gap:8px;display:flex}.auth-oauth button:hover{border-color:var(--accent-line);color:var(--accent)}.auth-oauth button:disabled,.auth-submit:disabled{opacity:.65;cursor:wait}.auth-oauth button:disabled{cursor:not-allowed}.auth-oauth-note{color:var(--text-2);margin:0;font-size:12px;line-height:1.45}.auth-divider{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-form{gap:14px;display:grid}.auth-form label{color:var(--text-2);gap:7px;font-size:12px;font-weight:700;display:grid}.auth-form input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);width:100%;min-height:42px;color:var(--text);padding:0 12px;font-size:14px}.auth-form input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.auth-submit{background:var(--accent);color:#fff;border:0}.auth-error{color:var(--danger);margin:0;font-size:12px;line-height:1.45}.auth-switch{color:var(--accent);background:0 0;border:0;font-size:13px}@media (max-width:1180px){.stream-grid{grid-template-columns:1fr}.stream-code{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:980px){.home-shell,.ed-grid{grid-template-columns:1fr}.home-side{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.dynamic-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.ed-topbar,.share-topbar{grid-template-columns:1fr}.ed-topbar .ed-cmd,.share-topbar .share-actions{grid-column:1}.var-grid,.share-stats,.job-run-card .capability-snapshot:not(.inline)>div{grid-template-columns:1fr}.capability-snapshot.inline{flex-direction:column;align-items:flex-start;gap:8px}.job-progress{grid-template-columns:1fr}.job-progress .rt{text-align:left}.runtime-status-grid,.runtime-overview{grid-template-columns:1fr}.refine{position:static}}@media (max-width:720px){.version-compare-grid{grid-template-columns:1fr}.version-compare-pane{min-height:460px}.version-compare-pane iframe{min-height:422px}}@media (max-width:560px){.home-main,.job-shell,.ed-shell,.share-shell{padding:18px}.home-topbar,.composer-head{flex-direction:column;align-items:stretch}.dynamic-flow{grid-template-columns:1fr}.composer-card{grid-template-rows:minmax(150px,1fr) auto}.composer-tools{flex-wrap:wrap}.composer-head-actions{flex-direction:column;align-items:stretch}.tool.send{margin-left:0}.job-topbar{flex-direction:column;align-items:stretch}.ed-cmd{grid-template-columns:1fr}}@media (max-width:767px){.capability-drawer{border-left:0;width:100vw}.capability-drawer-header{padding:18px 16px 14px}.capability-drawer-body{padding:14px 16px 22px}}.tpl-bundle-workbench{border-top:1px solid var(--line);gap:10px;margin-top:10px;padding-top:10px;display:grid}.tpl-bundle-heading{gap:3px;display:grid}.tpl-bundle-heading strong,.tpl-bundle-export>strong{color:var(--text);font-size:12px;font-weight:750}.tpl-bundle-heading span,.tpl-bundle-export>span,.tpl-bundle-empty{color:var(--muted);font-size:11px;line-height:1.4}.tpl-bundle-file{border:1px dashed var(--line-strong,var(--line));border-radius:var(--radius);background:var(--surface-2);color:var(--text-2);cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 8px;padding:9px 10px;display:grid}.tpl-bundle-file input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.tpl-bundle-file span{align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.tpl-bundle-file small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:10px;overflow:hidden}.tpl-bundle-file:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.tpl-bundle-workbench .btn{justify-self:start}.tpl-bundle-review,.tpl-bundle-export{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:7px;padding:10px;display:grid}.tpl-bundle-review header{justify-content:space-between;align-items:center;gap:8px;display:flex}.tpl-bundle-review header small{color:var(--muted);font-size:10px}.tpl-bundle-review>strong{color:var(--text);font-size:12px}.tpl-bundle-review p{color:var(--muted);margin:0;font-size:11px}.tpl-bundle-review>small{color:var(--text-2);font-size:10px;line-height:1.35}.tpl-bundle-counts{flex-wrap:wrap;gap:5px;display:flex}.tpl-bundle-counts span{background:var(--surface-3);color:var(--text-2);border-radius:999px;padding:3px 6px;font-size:10px}.tpl-bundle-success{color:var(--success,#248a5a);align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.tpl-bundle-export{margin-top:2px}.tpl-bundle-export select,.tpl-bundle-export textarea{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--text);font:inherit;border-radius:6px;font-size:11px}.tpl-bundle-export select{min-height:30px;padding:0 8px}.tpl-bundle-export textarea{resize:vertical;min-height:48px;padding:7px 8px}.tpl-bundle-export label{color:var(--muted);gap:5px;font-size:10px;display:grid}.tpl-bundle-export select:focus,.tpl-bundle-export textarea:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft);outline:none}@media (max-width:720px){.design-direction-picker .template-library-picker .direction-body{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr)}.design-direction-picker .template-library-picker .direction-detail{min-height:120px;max-height:180px}}
