.codex-app{height:100dvh;color:var(--text);background:var(--bg);flex-direction:column;display:flex}.codex-topbar{border-bottom:1px solid var(--stroke);background:var(--surface);flex:none;align-items:center;gap:16px;height:58px;padding:0 22px;display:flex}.codex-back{color:var(--text-2);align-items:center;gap:8px;font-size:13px;text-decoration:none;display:flex}.codex-topbar>strong{border-left:1px solid var(--stroke);padding-left:18px;font-size:16px}.codex-account{color:var(--text-3);margin-left:auto;font-size:12px}.codex-layout{flex:1;min-height:0;display:flex}.codex-tasks{border-right:1px solid var(--stroke);background:var(--bg-raised);flex-direction:column;flex:none;width:240px;padding:20px 14px 12px;display:flex}.codex-tasks>.primary-button{justify-content:center;min-height:40px}.codex-list-heading{color:var(--text-3);text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;align-items:center;margin:22px 6px 8px;font-size:11px;display:flex}.codex-tasks nav{flex:1;min-height:0;overflow-y:auto}.codex-tasks nav button{text-align:left;width:100%;color:var(--text-2);background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;margin-bottom:4px;padding:12px 10px;display:flex}.codex-tasks nav button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.codex-tasks nav button svg{flex:none}.codex-tasks nav button:hover,.codex-tasks nav button.selected{background:var(--surface-3);color:var(--text)}.codex-sidebar-note,.codex-muted{color:var(--text-3);font-size:12px;line-height:1.7}.codex-sidebar-note{border-top:1px solid var(--stroke);margin-bottom:0;padding:14px 8px 0}.codex-welcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;padding:30px;display:flex}.codex-welcome h1{letter-spacing:-.04em;margin:22px 0 8px;font-size:clamp(24px,3vw,34px)}.codex-welcome p{max-width:410px;color:var(--text-3);margin-bottom:24px;line-height:1.75}.codex-emblem{background:var(--violet-soft);width:60px;height:60px;color:var(--violet);border:1px solid var(--stroke);border-radius:18px;place-items:center;display:grid}.codex-task{flex-direction:column;flex:1;min-width:0;display:flex}.codex-task-header{border-bottom:1px solid var(--stroke);align-items:center;gap:7px;min-height:66px;padding:12px 24px;display:flex}.codex-task-header h1{text-overflow:ellipsis;white-space:nowrap;margin:0 6px 0 0;font-size:14px;font-weight:550;overflow:hidden}.codex-task-header form{gap:6px;min-width:0;display:flex}.codex-task-header input{width:220px;min-width:0}.codex-task-header .codex-open-panel{flex:none;margin-left:auto}.codex-task-back{display:none}.codex-task-body{flex:1;min-height:0;display:flex;position:relative}.codex-conversation{flex-direction:column;flex:1;min-width:0;display:flex}.codex-transcript{overscroll-behavior:contain;flex:1;min-height:0;padding:28px max(24px,50% - 390px);overflow:auto}.codex-task-intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:28px 0;display:flex}.codex-task-intro h2{letter-spacing:-.03em;margin:20px 0 6px;font-size:24px}.codex-task-intro p{max-width:440px;color:var(--text-3);font-size:14px;line-height:1.8}.codex-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.codex-suggestions .quiet-button{white-space:normal;text-align:left;font-size:12px}.codex-message{overflow-wrap:anywhere;max-width:732px;margin:0 auto 24px}.codex-message>span{color:var(--text-3);margin-bottom:9px;font-size:11px;display:block}.codex-message.user{border:1px solid var(--stroke);background:var(--surface-2);border-radius:14px;padding:16px 20px}.codex-message .chat-markdown{font-size:14px;line-height:1.85}.codex-message .chat-markdown p:last-child{margin-bottom:0}.codex-message .chat-markdown p:first-child{margin-top:0}.codex-composer{border:1px solid var(--stroke-strong);background:var(--chat-composer-bg);border-radius:18px;flex:none;width:calc(100% - 48px);max-width:732px;margin:0 auto 20px;padding:14px;box-shadow:0 8px 36px #00000012}.codex-composer textarea{resize:vertical;width:100%;min-height:76px;max-height:190px;color:var(--text);font:inherit;background:0 0;border:0;outline:none;padding:4px 5px 12px;font-size:14px;line-height:1.6;display:block}.codex-composer-tools{align-items:center;gap:6px;display:flex}.codex-app select{background:var(--surface-2);color:var(--text-2);border:1px solid var(--stroke);border-radius:7px;min-width:0;max-width:100%;padding:7px 8px;font-size:11px}.codex-send{flex:none;min-height:36px;margin-left:auto}.codex-run-status{color:var(--text-3);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-size:10px;display:flex}.codex-run-status span{align-items:center;gap:6px;display:flex}.codex-run-status button{color:var(--text-2);background:0 0;border:0;padding:0;font-size:10px}.codex-error{background:var(--surface-2);border-bottom:1px solid var(--danger);color:var(--danger);overflow-wrap:anywhere;justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;display:flex}.codex-run-error{color:var(--danger);max-height:150px;font-size:12px;overflow-y:auto}.codex-inspector{border-left:1px solid var(--stroke);background:var(--surface);flex:none;width:min(420px,42%);overflow:auto}.codex-inspector-tabs{border-bottom:1px solid var(--stroke);background:var(--surface);z-index:1;align-items:center;gap:4px;padding:12px;display:flex;position:sticky;top:0}.codex-inspector-tabs>button:not(.icon-button){color:var(--text-3);background:0 0;border:0;border-radius:6px;padding:8px;font-size:12px}.codex-inspector-tabs>button.selected{color:var(--text);background:var(--surface-3)}.codex-inspector-tabs .icon-button{margin-left:auto}.codex-file-list{padding:10px 12px}.codex-file-list button{width:100%;color:var(--text-2);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:10px 8px;font-size:12px;display:flex}.codex-file-list button span{overflow-wrap:anywhere;flex:1;min-width:0}.codex-file-list button small{color:var(--text-3);flex:none;font-size:10px}.codex-file-list button.selected{background:var(--violet-soft)}.codex-file-content{border-top:1px solid var(--stroke);padding:12px 18px}.codex-file-content>div{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.codex-file-content small{color:var(--text-3)}.codex-file-content pre,.codex-command-list pre{background:var(--bg-raised);tab-size:2;border-radius:8px;max-height:440px;padding:14px;font-size:11px;line-height:1.7;overflow:auto}.codex-command-list{padding:16px}.codex-command-list article{border:1px solid var(--stroke);overflow-wrap:anywhere;border-radius:8px;margin-top:16px;padding:12px;font-size:11px}.codex-command-list article strong{font-family:monospace;font-weight:500}.codex-snapshots{border-bottom:1px solid var(--stroke);padding:14px}.codex-snapshots label{color:var(--text-3);flex-direction:column;gap:8px;font-size:11px;display:flex}.codex-snapshots button{margin-top:10px;font-size:11px}@media (width<=1100px){.codex-tasks{width:200px}.codex-inspector{z-index:4;width:360px;max-width:100%;box-shadow:var(--shadow-lg);position:absolute;top:0;bottom:0;right:0}}@media (width<=700px){.codex-topbar{gap:6px;height:52px;padding:0 8px}.codex-account{display:none}.codex-topbar>strong{margin-right:auto;padding-left:8px;font-size:14px}.codex-layout.has-task>.codex-tasks{display:none}.codex-layout:not(.has-task)>.codex-tasks{width:100%}.codex-layout:not(.has-task)>.codex-welcome{display:none}.codex-task-back{display:inline-flex}.codex-task-header{gap:4px;min-height:56px;padding:10px}.codex-task-header h1{flex:1}.codex-task-header .codex-open-panel{padding:8px;font-size:0}.codex-task-header form{flex:1}.codex-task-header form input{width:90px}.codex-task-header:has(form)>.icon-button:not(.codex-task-back){display:none}.codex-transcript{padding:20px 16px}.codex-task-intro{padding:12px 0}.codex-task-intro h2{font-size:21px}.codex-task-intro p{font-size:12px}.codex-suggestions{display:none}.codex-composer{width:calc(100% - 20px);margin-bottom:max(10px, env(safe-area-inset-bottom));border-radius:14px;padding:10px}.codex-composer textarea{min-height:66px}.codex-composer-tools{flex-wrap:wrap}.codex-composer-tools select{max-width:145px;font-size:10px}.codex-send{min-width:34px;padding:8px;font-size:0}.codex-message .chat-markdown{font-size:13px}.codex-inspector{width:100%}.codex-run-status{font-size:9px}}.code-import{z-index:100;background:var(--panel,#fff);color:var(--text,#222);border:1px solid #888;border-radius:12px;padding:24px;position:fixed;inset:5vh max(1rem,50vw - 320px);overflow:auto;box-shadow:0 20px 100px #0005}.code-import form,.code-import label{gap:8px;display:grid}.code-import form{gap:16px}.code-import input,.code-candidates select{max-width:100%;padding:8px}.code-candidates{border-bottom:1px solid #8885;max-height:45vh;padding:12px 20px;overflow:auto}.code-candidates p{font-size:12px}.code-candidates pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.code-candidates button{margin:4px}.code-preview iframe{background:#fff;border:1px solid #8885;width:100%;height:55vh}.code-preview input{max-width:100%}.code-candidates:has(.code-preview iframe){max-height:70vh}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f3ff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#08080d;--bg-raised:#0d0d14;--surface:#111119;--surface-2:#171720;--surface-3:#1e1d29;--stroke:#ffffff16;--stroke-strong:#ffffff26;--text:#f6f4ff;--text-2:#b9b5c8;--text-3:#777383;--accent:#c7ff62;--accent-strong:#b4f23e;--accent-ink:#101507;--violet:#9676ff;--violet-soft:#9676ff21;--success:#63d9ad;--danger:#ff8f83;--warning:#ffc26c;--shadow-lg:0 32px 90px #0000007a;--shadow-md:0 14px 40px #0000004d;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--input-bg:#ffffff09;--input-focus-bg:#ffffff0e;--btn-quiet-bg:#ffffff09;--btn-quiet-hover:#ffffff12;--btn-icon-bg:#ffffff06;--btn-icon-hover:#ffffff12;--topbar-bg:#0b0b11eb;--canvas-bg:#0b0b11;--canvas-surface:#0d0d13;--canvas-dot:#ffffff14;--canvas-header-bg:#0f0f16f5;--modal-bg:#111119fa;--modal-overlay:#040408c7;--modal-footer-bg:#0000001f;--card-gradient:linear-gradient(145deg, #ffffff0b, #ffffff05);--card-hover-gradient:linear-gradient(145deg, #c7ff620e, #ffffff06);--scrollbar-thumb:#ffffff29;--scrollbar-thumb-hover:#ffffff47;--diff-text:#e8c791;--chat-dialog-bg:#111116;--chat-composer-bg:#19191f;--chat-bubble-user-bg:#ffffff07;--chat-bubble-user-border:#ffffff08;--chat-code-block-bg:#0c0c12;--chat-code-inline-bg:#ffffff06;--auth-shell-bg:#0d0d14db;--auth-story-bg:#0c0c13;--auth-card-bg:#111119eb;background:#08080d;font-family:Inter,SF Pro Display,Segoe UI Variable,Segoe UI,ui-sans-serif,system-ui,sans-serif}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#101828;--bg:#f8f9fa;--bg-raised:#fff;--surface:#fff;--surface-2:#f2f4f7;--surface-3:#eaecf0;--stroke:#10182817;--stroke-strong:#1018282e;--text:#101828;--text-2:#344054;--text-3:#667085;--accent:#488000;--accent-strong:#3d6e00;--accent-ink:#fff;--violet:#7c3aed;--violet-soft:#7c3aed17;--success:#059669;--danger:#dc2626;--warning:#d97706;--shadow-lg:0 20px 48px #1018281a, 0 1px 3px #1018280f;--shadow-md:0 8px 24px #10182812, 0 1px 2px #1018280a;--input-bg:#fff;--input-focus-bg:#fff;--btn-quiet-bg:#00000009;--btn-quiet-hover:#00000012;--btn-icon-bg:#00000008;--btn-icon-hover:#0000000f;--topbar-bg:#fffffff0;--canvas-bg:#e8ebf0;--canvas-surface:#edf0f5;--canvas-dot:#00000017;--canvas-header-bg:#fffffff5;--modal-bg:#fff;--modal-overlay:#0f172a73;--modal-footer-bg:#f8f9fa;--card-gradient:linear-gradient(145deg, #fff, #f9fafb);--card-hover-gradient:linear-gradient(145deg, #fff, #f4faeb);--scrollbar-thumb:#00000029;--scrollbar-thumb-hover:#00000047;--diff-text:#b45309;--chat-dialog-bg:#fff;--chat-composer-bg:#f8f9fa;--chat-bubble-user-bg:#7c3aed12;--chat-bubble-user-border:#7c3aed26;--chat-code-block-bg:#f8fafc;--chat-code-inline-bg:#0000000d;--auth-shell-bg:#fffffff5;--auth-story-bg:#f8f9fc;--auth-card-bg:#fff;background:#f8f9fa}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:0;margin:0;overflow-x:hidden}button,textarea,input,select{font:inherit}button{cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}::selection{color:#11120c;background:var(--accent)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}:where(button,a,input,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-button{border:1px solid var(--stroke);width:34px;height:34px;color:var(--text-2);background:var(--btn-icon-bg);border-radius:10px;flex:0 0 34px;place-items:center;padding:0;transition:color .18s,border-color .18s,background .18s,transform .18s;display:inline-grid}.icon-button:hover:not(:disabled){color:var(--text);border-color:var(--stroke-strong);background:var(--btn-icon-hover);transform:translateY(-1px)}.icon-button:active:not(:disabled){transform:translateY(0)scale(.96)}.icon-button:disabled{opacity:.35;cursor:not-allowed}.primary-button{min-height:36px;color:var(--accent-ink);background:linear-gradient(180deg, #d2ff7f, var(--accent));letter-spacing:-.01em;border:1px solid #c7ff62b3;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 15px;font-size:12px;font-weight:760;transition:transform .18s,filter .18s,box-shadow .18s;display:inline-flex;box-shadow:0 7px 22px #b4f23e21,inset 0 1px #ffffff80}.primary-button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 10px 30px #b4f23e33,inset 0 1px #ffffff8c}.primary-button:active:not(:disabled){transform:translateY(0)scale(.98)}.primary-button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.quiet-button{border:1px solid var(--stroke);min-height:32px;color:var(--text-2);background:var(--btn-quiet-bg);border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:10px;transition:color .16s,background .16s,border-color .16s;display:inline-flex}.quiet-button:hover:not(:disabled){color:var(--text);border-color:var(--stroke-strong);background:var(--btn-quiet-hover)}.quiet-button:disabled{opacity:.36;cursor:not-allowed}.danger-button{color:var(--danger)}.danger-button:hover:not(:disabled){color:#ffd4cf;background:#ff8f8314;border-color:#ff8f8373}.small-button{min-height:32px;padding:7px 11px;font-size:10px}.brand-lockup,.crumbs,.top-actions,.saved,.mode-tabs,.device-tabs,.bottom-bar,.color-row{align-items:center;display:flex}.brand-lockup{gap:11px;min-width:196px}.brand-lockup strong,.brand-lockup>div:last-child>span{display:block}.brand-lockup strong{color:var(--text);letter-spacing:-.02em;font-size:13px;font-weight:750}.brand-lockup>div:last-child>span{color:var(--text-3);margin-top:2px;font-size:9px}.brand-mark{width:36px;height:36px;color:var(--accent-ink);background:linear-gradient(145deg, #dbff95, var(--accent) 58%, #a8dc42);letter-spacing:-.08em;border:1px solid #c7ff62b3;border-radius:11px;flex:0 0 36px;justify-content:center;align-items:center;font-size:10px;font-weight:900;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 26px #c7ff621f,inset 0 1px #fff9}.brand-mark:after{content:"";background:#ffffff4d;width:28px;height:8px;position:absolute;transform:rotate(-45deg)}.brand-mark span{z-index:1;position:relative;transform:skew(-8deg)}.auth-page,.project-home{min-height:100dvh;color:var(--text);background:radial-gradient(circle at 18% 15%, #9676ff29, transparent 30%), radial-gradient(circle at 84% 82%, #c7ff6212, transparent 28%), var(--bg)}.auth-page{isolation:isolate;place-items:center;padding:32px;display:grid;position:relative}.auth-page:before{content:"";z-index:-1;opacity:.36;background-image:radial-gradient(#ffffff21 .7px,#0000 .7px);background-size:24px 24px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.auth-shell{border:1px solid var(--stroke);background:var(--auth-shell-bg);width:min(1080px,100%);min-height:650px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:28px;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);display:grid;position:relative;overflow:hidden}.auth-story{border-right:1px solid var(--stroke);background:linear-gradient(145deg, var(--violet-soft), transparent 42%), linear-gradient(25deg, #c7ff620f, transparent 38%), var(--auth-story-bg);flex-direction:column;justify-content:space-between;padding:46px 48px 44px;display:flex;position:relative;overflow:hidden}.auth-story:before{content:"";width:330px;height:330px;box-shadow:inset 0 0 90px var(--violet-soft), 0 0 80px #c7ff620a;border:1px solid #c7ff6229;border-radius:38% 62% 58% 42%;position:absolute;bottom:28px;right:-84px;transform:rotate(28deg)}.auth-story .auth-brand{z-index:2;margin:0;position:relative}.auth-story-copy{z-index:2;max-width:500px;margin-top:auto;padding:70px 0 54px;position:relative}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:750}.auth-story h2{max-width:520px;color:var(--text);letter-spacing:-.058em;margin:16px 0 18px;font-size:clamp(35px,4vw,54px);line-height:.98}.auth-story-copy p{max-width:450px;color:var(--text-2);margin:0;font-size:14px;line-height:1.7}.auth-proof{z-index:2;flex-wrap:wrap;gap:9px;display:flex;position:relative}.auth-proof span{border:1px solid var(--stroke);color:var(--text-2);background:var(--btn-quiet-bg);border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:inline-flex}.auth-proof svg{color:var(--accent)}.auth-orbit{pointer-events:none;border:1px solid #9676ff2e;border-radius:50%;position:absolute}.auth-orbit-one{background:var(--violet);width:10px;height:10px;box-shadow:0 0 35px var(--violet);top:90px;right:84px}.auth-orbit-two{background:var(--accent);width:5px;height:5px;box-shadow:0 0 28px var(--accent);top:145px;right:145px}.auth-card{background:var(--auth-card-bg);flex-direction:column;justify-content:center;width:100%;padding:56px 48px;display:flex;position:relative}.auth-lang-row{justify-content:flex-end;align-items:center;gap:8px;display:flex;position:absolute;top:28px;right:28px}.auth-card h1{max-width:390px;color:var(--text);letter-spacing:-.052em;margin:13px 0 12px;font-size:32px;line-height:1.04}.auth-copy,.muted-copy{color:var(--text-2);margin:0;font-size:13px;line-height:1.65}.auth-form{gap:17px;margin-top:32px;display:grid}.auth-field{gap:8px;display:grid}.auth-form label,.new-project-card label{color:var(--text-2);font-size:11px;font-weight:650;display:block}.auth-form input,.new-project-card input,.inline-form input,.modal-form-group input,.modal-form-group textarea,.compact-form input,.compact-form textarea,.compact-form select{border:1px solid var(--stroke);width:100%;color:var(--text);background:var(--input-bg);border-radius:10px;outline:none;padding:11px 12px;font-size:12px;transition:border-color .18s,background .18s,box-shadow .18s}.auth-form input:hover,.new-project-card input:hover,.inline-form input:hover,.modal-form-group input:hover,.modal-form-group textarea:hover{border-color:var(--stroke-strong)}.auth-form input:focus,.new-project-card input:focus,.inline-form input:focus,.modal-form-group input:focus,.modal-form-group textarea:focus,.compact-form input:focus,.compact-form textarea:focus,.compact-form select:focus{border-color:var(--accent);background:var(--input-focus-bg);box-shadow:0 0 0 3px #c7ff6214}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:44px}.password-toggle{color:var(--text-3);background:0 0;border:0;border-radius:7px;place-items:center;padding:7px;display:grid;position:absolute;right:7px}.password-toggle:hover{color:var(--text);background:var(--btn-quiet-hover)}.wide-button{width:100%;min-height:44px;margin-top:4px}.auth-footnote{color:var(--text-3);margin:22px 0 0;font-size:10px;line-height:1.55}.form-error{color:#ffaaa1;font-size:11px;line-height:1.5}.loading-card{border:1px solid var(--stroke);border-radius:var(--radius-lg);background:var(--surface);width:min(100%,400px);box-shadow:var(--shadow-lg);text-align:center;justify-items:center;gap:16px;padding:36px;display:grid}.loading-card p{color:var(--text-2);margin:0;font-size:12px}.lang-toggle,.theme-toggle{border:1px solid var(--stroke);background:var(--btn-quiet-bg);border-radius:10px;align-items:center;gap:2px;padding:3px;display:inline-flex}.lang-button{min-width:30px;color:var(--text-3);background:0 0;border:0;border-radius:7px;padding:5px 7px;font-size:10px;font-weight:750;line-height:1;transition:color .15s,background .15s}.lang-button:hover{color:var(--text)}.lang-button.active{color:var(--accent-ink);background:var(--accent)}.theme-button{width:26px;height:22px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;transition:color .15s,background .15s;display:inline-grid}.theme-button:hover{color:var(--text)}.theme-button.active{color:var(--accent-ink);background:var(--accent)}.studio{background:var(--bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.topbar{z-index:10;border-bottom:1px solid var(--stroke);background:var(--topbar-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex:0 0 64px;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex;position:relative}.topbar .auth-brand{margin:0}.topbar-brand-section{flex-shrink:0;align-items:center;gap:14px;display:flex}.topbar-brand-divider{background:var(--stroke);flex-shrink:0;width:1px;height:22px}.codex-nav-button{height:32px;color:var(--text);letter-spacing:-.01em;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#9676ff1f 0%,#9676ff08 100%);border:1px solid #9676ff38;border-radius:9px;align-items:center;gap:7px;padding:0 10px 0 8px;font-size:11px;font-weight:650;text-decoration:none;transition:color .18s,background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 2px 8px #0000002e}.codex-nav-button:hover{color:#fff;background:linear-gradient(135deg,#9676ff38 0%,#9676ff14 100%);border-color:#9676ff7a;transform:translateY(-1px);box-shadow:0 4px 18px #9676ff47,inset 0 1px #ffffff29}.codex-nav-button:active{transform:translateY(0)scale(.98)}.codex-nav-icon-wrap{width:20px;height:20px;color:var(--violet);background:#9676ff29;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:flex}.codex-nav-button:hover .codex-nav-icon-wrap{color:#c4b5fd;background:#9676ff47;transform:scale(1.05)}.codex-nav-label{line-height:1;display:inline-block}.codex-nav-badge{height:16px;color:var(--violet);letter-spacing:.06em;text-transform:uppercase;background:#9676ff1f;border:1px solid #9676ff40;border-radius:5px;justify-content:center;align-items:center;padding:0 5px;font-size:8.5px;font-weight:750;line-height:1;transition:all .18s;display:inline-flex}.codex-nav-button:hover .codex-nav-badge{color:#e0d7ff;background:#9676ff3d;border-color:#9676ff73}[data-theme=light] .codex-nav-button{color:#3b1e77;background:linear-gradient(135deg,#7c3aed14 0%,#7c3aed05 100%);border-color:#7c3aed38;box-shadow:inset 0 1px #fffc,0 2px 6px #7c3aed14}[data-theme=light] .codex-nav-button:hover{color:#240c54;background:linear-gradient(135deg,#7c3aed24 0%,#7c3aed0d 100%);border-color:#7c3aed6b;box-shadow:0 4px 14px #7c3aed2e,inset 0 1px #ffffffe6}[data-theme=light] .codex-nav-icon-wrap{color:#7c3aed;background:#7c3aed1a}[data-theme=light] .codex-nav-button:hover .codex-nav-icon-wrap{color:#6d28d9;background:#7c3aed33}[data-theme=light] .codex-nav-badge{color:#7c3aed;background:#7c3aed14;border-color:#7c3aed38}[data-theme=light] .codex-nav-button:hover .codex-nav-badge{color:#5b21b6;background:#7c3aed29;border-color:#7c3aed61}.crumbs{min-width:0;color:var(--text-3);gap:7px;font-size:11px}.crumb-button{color:var(--text-3);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;font-weight:650;transition:all .16s;display:inline-flex}.crumb-button:hover{color:var(--text);border-color:var(--stroke);background:#ffffff0a}.crumbs-separator{color:#484653;flex-shrink:0}.crumb-current{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.crumb-page{max-width:180px;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top-actions{justify-content:flex-end;gap:8px;min-width:280px}.saved{color:var(--text-3);gap:7px;margin-right:4px;font-size:10px}.saved-dot,.status-pip,.live-dot{background:var(--success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #63d9ad66}.agent-queue-status{cursor:default;outline:none;position:relative}.agent-queue-status:focus-visible{color:var(--text)}.agent-queue-popover{z-index:80;border:1px solid var(--stroke-strong);width:min(340px,100vw - 28px);max-height:min(420px,100dvh - 90px);color:var(--text-2);background:var(--surface-2);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;border-radius:12px;padding:12px;transition:opacity .14s,transform .14s,visibility .14s;display:grid;position:absolute;top:calc(100% + 12px);right:0;overflow:auto;transform:translateY(-4px)}.agent-queue-status:hover .agent-queue-popover,.agent-queue-status:focus-within .agent-queue-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.agent-queue-heading{border-bottom:1px solid var(--stroke);justify-content:space-between;align-items:center;gap:12px;padding-bottom:9px;display:flex}.agent-queue-heading strong{color:var(--text);font-size:11px}.agent-queue-heading b{min-width:20px;height:20px;color:var(--violet);background:var(--violet-soft);border-radius:999px;place-items:center;padding:0 6px;font-size:9px;display:grid}.agent-queue-list{display:grid}.agent-queue-entry{border-bottom:1px solid var(--stroke);grid-template-columns:24px minmax(0,1fr);align-items:start;gap:9px;padding:10px 0;display:grid}.agent-queue-entry:last-child{border-bottom:0;padding-bottom:0}.agent-queue-index{width:22px;height:22px;color:var(--text-3);background:var(--btn-icon-bg);border-radius:7px;place-items:center;font-size:9px;font-weight:750;display:grid}.agent-queue-index.running,.agent-queue-index.validating{color:var(--warning);background:#ffc26c1a}.agent-queue-copy{gap:3px;min-width:0;display:grid}.agent-queue-copy strong{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font:10px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.agent-queue-copy small{color:var(--text-3);font-size:9px}.agent-queue-empty{color:var(--text-3);padding-top:10px;font-size:9px}.workspace{flex:auto;grid-template-columns:340px minmax(480px,1fr) 312px;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.workspace.left-collapsed{grid-template-columns:minmax(480px,1fr) 312px}.workspace.right-collapsed{grid-template-columns:340px minmax(480px,1fr)}.workspace.left-collapsed.right-collapsed{grid-template-columns:minmax(0,1fr)}.workspace.manage,.workspace.code-mode{grid-template-columns:272px minmax(0,1fr)}.workspace.manage.left-collapsed,.workspace.code-mode.left-collapsed{grid-template-columns:minmax(0,1fr)}.left-panel.collapsed,.right-panel.collapsed{display:none!important}.panel{background:var(--bg-raised)}.left-panel,.right-panel{min-height:0;overflow:hidden auto}.left-panel{border-right:1px solid var(--stroke);flex-direction:column;padding:14px;display:flex}.right-panel{border-left:1px solid var(--stroke);padding:21px 17px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-heading-actions{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.panel-heading h1,.panel-heading h2,.panel h1,.panel h2{color:var(--text);letter-spacing:-.025em;margin:6px 0 0;font-size:14px}.left-panel>.panel-heading h1{margin:0}.panel h2{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:15px;overflow:hidden}.element-crumb{color:var(--text-3);align-items:center;gap:4px;margin-top:6px;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.side-tabs{border:1px solid var(--stroke);background:var(--btn-quiet-bg);border-radius:11px;grid-template-columns:repeat(3,1fr);gap:4px;margin:22px 0 17px;padding:4px;display:grid}.side-tabs button{min-width:0;color:var(--text-3);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:8px 5px;font-size:10px;font-weight:650;transition:color .16s,background .16s,box-shadow .16s;display:inline-flex}.side-tabs button:hover{color:var(--text-2)}.side-tabs button.active{color:var(--text);background:var(--surface-3);box-shadow:inset 0 0 0 1px #ffffff0a,0 4px 10px #0003}.side-tabs button.active svg{color:var(--accent)}.left-panel-workspace{flex-direction:column;flex:1;min-height:0;display:flex}.sidebar-tabs{border:1px solid var(--stroke);background:var(--btn-quiet-bg);border-radius:11px;flex-shrink:0;grid-template-columns:repeat(2,1fr);gap:4px;margin:14px 0 12px;padding:4px;display:grid}.sidebar-tabs button{min-width:0;color:var(--text-3);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:11px;font-weight:650;transition:color .16s,background .16s,box-shadow .16s;display:inline-flex;position:relative}.sidebar-tabs button:hover{color:var(--text-2)}.sidebar-tabs button.active{color:var(--text);background:var(--surface-3);box-shadow:inset 0 0 0 1px #ffffff0a,0 4px 10px #0003}.sidebar-tabs button.active svg{color:var(--accent)}.sidebar-tab-status{background:var(--violet);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1s ease-in-out infinite alternate pulse;box-shadow:0 0 8px #9676ffb3}.left-panel-pane{flex:1;min-height:0}.left-panel-pane[hidden]{display:none}.left-panel-structure{overflow-y:auto}.left-panel-structure .layer-list{max-height:none}.left-panel-chat{display:flex;overflow:hidden}.pages-panel{border-bottom:1px solid var(--stroke);flex:none;min-height:0;margin-bottom:12px;padding-bottom:12px;position:relative}.pages-panel-heading,.layers-heading{color:#9792a4;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:28px;padding:0 5px;font-size:9px;font-weight:750;display:flex}.pages-panel-heading .icon-button{width:25px;height:25px}.pages-panel-toggle{min-width:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;display:inline-flex}.pages-panel-toggle small{color:var(--text-3);letter-spacing:0;font:8px ui-monospace,SFMono-Regular,Consolas,monospace}.page-tree[hidden]{display:none}.page-tree{flex-direction:column;gap:3px;max-height:min(250px,30vh);padding:2px;display:flex;overflow:auto}.page-row{border:1px solid #0000;border-radius:9px;flex-wrap:wrap;align-items:center;display:flex;position:relative}.page-row:hover{background:var(--btn-quiet-bg)}.page-row.active{background:#c7ff6212;border-color:#c7ff6226}.page-select{min-width:0;color:var(--text-3);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:7px 4px 7px 8px;display:flex}.page-row.active .page-select{color:var(--accent)}.page-copy{flex:1;gap:2px;min-width:0;display:grid}.page-copy strong,.page-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-copy strong{color:var(--text-2);font-size:10px;font-weight:650}.page-copy small{color:var(--text-3);font:8px ui-monospace,SFMono-Regular,Consolas,monospace}.page-badges{align-items:center;gap:4px;display:flex}.page-badges>span{color:var(--warning);align-items:center;gap:2px;font-size:8px;display:inline-flex}.page-menu-button{opacity:0;width:25px;height:25px;margin-right:3px}.page-row:hover .page-menu-button,.page-row.active .page-menu-button,.page-menu-button[aria-expanded=true]{opacity:1}.page-menu{z-index:20;border:1px solid var(--stroke-strong);background:var(--surface-2);width:calc(100% - 8px);box-shadow:var(--shadow-md);border-radius:9px;margin:0 4px 4px;padding:4px;display:grid;position:relative}.page-menu button{color:var(--text-2);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:8px;font-size:9px;display:flex}.page-menu button:hover:not(:disabled){color:var(--text);background:var(--btn-quiet-hover)}.page-menu button:disabled{opacity:.4}.page-menu .danger-action{color:var(--danger)}.page-empty{color:var(--text-3);margin:4px 5px;font-size:9px;line-height:1.45}.layers-heading{justify-content:flex-start;min-height:25px}.layer-list{flex-direction:column;gap:2px;min-height:80px;max-height:31vh;display:flex;overflow:auto}.layer-item{flex-direction:column;display:flex}.layer-row{color:#9591a3;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;width:100%;min-height:32px;padding:6px 8px;font-size:10px;transition:color .12s,background .12s,border-color .12s;display:flex}.layer-row:hover{color:var(--text-2);background:var(--btn-quiet-bg)}.layer-row.selected{color:var(--text);background:#c7ff6213;border-color:#c7ff6226}.layer-row .layer-lock{color:var(--warning);flex-shrink:0;margin-left:auto}.layer-icon{border:1px solid var(--stroke-strong);color:#aaa4ba;border-radius:6px;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:8px;font-weight:750;display:grid}.layer-row.selected .layer-icon{color:var(--accent);border-color:#c7ff6259}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.layer-toggle{color:#646170;cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:color .15s,background .15s;display:inline-flex}.layer-toggle:hover{color:var(--text);background:var(--surface-3)}.layer-chevron{flex-shrink:0;transition:transform .15s}.layer-chevron.open{transform:rotate(90deg)}.layer-toggle-spacer{flex-shrink:0;width:16px;height:16px}.layer-children{flex-direction:column;gap:2px;display:flex}.side-card{border:1px solid var(--stroke);color:var(--violet);background:linear-gradient(145deg, var(--violet-soft), var(--btn-icon-bg));border-radius:12px;gap:10px;margin-top:18px;padding:13px;display:flex}.side-card strong{color:var(--text-2);font-size:10px}.side-card p{color:var(--text-3);margin:5px 0 0;font-size:9px;line-height:1.55}.run-card{background:linear-gradient(145deg, var(--violet-soft), var(--btn-icon-bg));border:1px solid #9676ff40;border-radius:13px;flex-shrink:0;margin-top:22px;padding:14px;position:relative;overflow:hidden}.run-card:before{content:"";background:var(--violet-soft);filter:blur(22px);pointer-events:none;border-radius:50%;width:95px;height:95px;position:absolute;top:-34px;right:-26px}.run-card-heading,.section-label{align-items:center;gap:7px;display:flex}.run-card-heading{color:var(--violet);position:relative}.run-card-heading strong{color:var(--text);font-size:10px}.run-card p{color:var(--text-3);margin:8px 0 12px;font-size:9px;line-height:1.5;position:relative}.run-card textarea,.property-section textarea{resize:vertical;border:1px solid var(--stroke);width:100%;color:var(--text-2);background:var(--input-bg);border-radius:9px;outline:none;padding:9px 10px;font-size:10px;line-height:1.5;transition:border-color .16s,box-shadow .16s}.run-card textarea:focus,.property-section textarea:focus{box-shadow:0 0 0 3px var(--violet-soft);border-color:#9676ff8c}.run-model,.run-reasoning{color:var(--text-3);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:9px;display:flex;position:relative}.run-model select,.run-reasoning select{border:1px solid var(--stroke);min-width:0;max-width:154px;color:var(--text-2);background:var(--surface-2);border-radius:7px;padding:6px 8px;font-size:9px}.run-actions{align-items:center;gap:7px;margin-top:10px;display:flex;position:relative}.run-state{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:10px;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;display:block;position:relative;overflow:hidden}.run-feedback{color:#ffe1e1;overflow-wrap:anywhere;background:#341f25;border:1px solid #bd6969;border-radius:10px;margin-top:12px;padding:12px;font-size:12px;line-height:1.5;position:relative}.run-feedback p{white-space:pre-wrap;color:inherit;margin:8px 0;font-size:12px}.run-feedback pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.run-feedback summary{cursor:pointer}.run-feedback .run-retry-hint{color:#e1b9bf;font-size:11px}.run-card .run-repair{color:var(--text-2);margin-top:10px;font-size:12px;line-height:1.5;position:relative}.canvas-area{background:var(--canvas-bg);grid-template-rows:minmax(52px,auto) minmax(0,1fr) 36px;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.workspace.manage .canvas-area,.workspace.code-mode .canvas-area{flex-direction:column;display:flex;overflow:hidden}.panel-toggle-btn{border:1px solid var(--stroke);background:var(--btn-quiet-bg);width:28px;height:28px;color:var(--text-3);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.panel-toggle-btn:hover{color:var(--text);background:var(--btn-quiet-hover);border-color:var(--stroke-strong)}.panel-toggle-btn.is-active,.panel-toggle-btn:not(.is-collapsed){color:var(--text-2)}.panel-toggle-btn.is-collapsed{color:var(--accent);background:#c7ff620f;border-color:#c7ff624d}.panel-collapse-btn{opacity:.6;transition:opacity .15s,color .15s}.panel-collapse-btn:hover{opacity:1;color:var(--text)}.canvas-edge-tab{z-index:25;border:1px solid var(--stroke);background:var(--surface-2);width:20px;height:48px;color:var(--text-3);cursor:pointer;opacity:.7;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:0;transition:opacity .15s,background .15s,color .15s,width .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.canvas-edge-tab:hover{opacity:1;width:24px;color:var(--accent);background:var(--surface-3);border-color:#c7ff624d}.canvas-edge-tab-left{border-left:0;border-radius:0 8px 8px 0;left:0}.canvas-edge-tab-right{border-right:0;border-radius:8px 0 0 8px;right:0}.workspace.code-mode .canvas-edge-tab{display:none}.preview-panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.canvas-header{border-bottom:1px solid var(--stroke);background:var(--canvas-header-bg);flex-wrap:wrap;align-items:center;gap:8px 16px;min-width:0;padding:6px 20px;display:flex}.canvas-header>.mode-tabs{height:38px}.mode-tabs{gap:4px;height:100%}.mode-tabs button{height:100%;color:var(--text-3);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:2px 10px 0;font-size:10px;font-weight:650;transition:color .15s,border-color .15s;display:inline-flex}.mode-tabs button:hover{color:var(--text-2)}.mode-tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.device-tabs{border:1px solid var(--stroke);background:var(--btn-quiet-bg);border-radius:10px;gap:3px;margin-left:auto;padding:3px}.device-tabs button{width:31px;height:27px;color:var(--text-3);background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.device-tabs button:hover{color:var(--text-2)}.device-tabs button.active{color:var(--accent);background:var(--surface-3);box-shadow:inset 0 0 0 1px #ffffff0a}.zoom-controls{border:1px solid var(--stroke);background:var(--btn-quiet-bg);border-radius:9px;align-items:center;gap:2px;padding:2px;display:inline-flex}.zoom-controls button{height:25px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:0 7px;font-family:inherit;font-size:9px;font-weight:600;transition:all .15s;display:inline-flex}.zoom-controls button:hover:not(:disabled){color:var(--text-2);background:var(--btn-quiet-hover)}.zoom-controls button:disabled{opacity:.35;cursor:default}.zoom-controls button.active{color:var(--accent);background:var(--surface-3);box-shadow:inset 0 0 0 1px #ffffff0a}.zoom-btn{width:25px;padding:0!important}.zoom-select-wrapper{align-items:center;height:25px;display:inline-flex;position:relative}.zoom-select-wrapper select{opacity:0;cursor:pointer;z-index:2;background:var(--surface-2);width:100%;height:100%;color:var(--text);font-size:11px;position:absolute;inset:0}.zoom-select-wrapper select option{background:var(--surface-2);color:var(--text)}.zoom-value-label{min-width:44px;height:25px;color:var(--text-2);pointer-events:none;background:var(--btn-icon-bg);border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font:600 9px ui-monospace,SFMono-Regular,Consolas,monospace;transition:all .15s;display:inline-flex}.zoom-select-wrapper:hover .zoom-value-label{color:var(--text);background:var(--btn-icon-hover)}.preview-scaler{z-index:1;border-radius:13px;flex-shrink:0;justify-content:flex-start;align-items:flex-start;margin:auto;transition:width .28s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 34px 100px #0000008c,0 0 0 1px #00000059}.preview-scale-wrapper{transform-origin:0 0;flex-shrink:0;transition:transform .28s cubic-bezier(.2,.8,.2,1);position:relative}.preview-scale-wrapper .preview-shell{box-shadow:none;border:0;border-radius:0;margin:0}.revision{color:var(--text-3);font:9px ui-monospace,SFMono-Regular,Consolas,monospace}.page-selector{min-width:0;color:var(--text-3);align-items:center;gap:7px;font-size:8px;display:flex}.page-selector span{text-transform:uppercase;letter-spacing:.08em}.page-selector select{border:1px solid var(--stroke);min-width:0;max-width:190px;color:var(--text-2);background:var(--input-bg);border-radius:8px;padding:6px 8px;font-size:9px}.page-selector+.revision,.page-selector~.device-tabs{margin-left:0}.canvas{background-color:var(--canvas-surface);background-image:radial-gradient(var(--canvas-dot) .65px, transparent .65px), radial-gradient(circle at 50% 35%, var(--violet-soft), transparent 45%);background-size:20px 20px,100% 100%;justify-content:safe center;align-items:safe center;min-width:0;min-height:0;padding:34px;display:flex;position:relative;overflow:auto}.canvas.responsive{padding:18px}.canvas.responsive .preview-scaler,.canvas.responsive .preview-scale-wrapper{flex-shrink:1;min-width:0;min-height:0}.canvas:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 18px 35px #00000047}.canvas.desktop-large .preview-shell{flex-shrink:0;width:1920px;height:1080px}.canvas.desktop .preview-shell{flex-shrink:0;width:1440px;height:900px}.canvas.tablet .preview-shell{flex-shrink:0;width:768px;height:1024px}.canvas.mobile .preview-shell{flex-shrink:0;width:390px;height:844px}.canvas.responsive .preview-shell{flex-shrink:1;width:100%;max-width:none;height:100%;max-height:none}.preview-shell{z-index:1;background:#fff;border:1px solid #ffffff21;border-radius:13px;width:1440px;height:900px;margin:auto;transition:width .28s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:0 34px 100px #0000008c,0 0 0 1px #00000059}.preview-dimension-badge{color:#5a5a68;letter-spacing:.02em;background:#0000000f;border-radius:5px;align-items:center;padding:2px 7px;font-size:9px;font-weight:600;display:inline-flex}.preview-toolbar{color:#777784;background:#f6f6f8;border-bottom:1px solid #dadbe0;justify-content:space-between;align-items:center;gap:8px;height:30px;padding:0 7px 0 11px;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.preview-toolbar>span:first-child{align-items:center;gap:7px;display:flex}.preview-toolbar .preview-error{color:#a53b32;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-toolbar:before{content:"";background:#ff776e;border-radius:50%;width:7px;height:7px;margin-right:25px;box-shadow:12px 0 #ffc45e,24px 0 #61d787}.preview-interaction-tabs{background:#e8e8ec;border-radius:6px;align-items:center;gap:2px;margin-left:auto;padding:2px;display:inline-flex}.preview-interaction-tabs button{color:#767682;font:inherit;background:0 0;border:0;border-radius:4px;padding:3px 6px}.preview-interaction-tabs button.active{color:#24242b;background:#fff;box-shadow:0 1px 3px #0002}.preview-shell iframe{border:0;width:100%;height:calc(100% - 30px);display:block}.version-preview{flex-direction:column;display:flex}.version-preview-toolbar{color:var(--text);background:var(--bg-raised);border-bottom:1px solid var(--stroke);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px;font-size:10px;display:flex}.version-preview-toolbar>span{align-items:center;gap:6px;display:flex}.version-preview iframe{flex:1;height:auto;min-height:0}.version-row.selected{background:var(--violet-soft);outline:1px solid var(--violet);border-radius:6px}.bottom-bar{border-top:1px solid var(--stroke);color:var(--text-3);background:var(--bg-raised);justify-content:space-between;gap:14px;padding:0 20px;font-size:9px}.bottom-bar span:first-child{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.designer-inspector-heading{justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.designer-object-title{min-width:0}.designer-object-title h2{max-width:220px;color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 3px;font-size:15px;line-height:1.25;overflow:hidden}.designer-kind{color:var(--violet);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:750}.designer-parent{max-width:220px;color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.designer-object-menu{position:relative}.designer-object-menu>summary{list-style:none}.designer-object-menu>summary::-webkit-details-marker{display:none}.designer-menu-popover{z-index:5;border:1px solid var(--stroke-strong);background:var(--surface-2);width:205px;box-shadow:var(--shadow-lg);border-radius:10px;padding:6px;display:grid;position:absolute;top:30px;right:0}.designer-menu-popover>button{width:100%;color:var(--text-2);font:inherit;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:8px;font-size:10px;display:flex}.designer-menu-popover>button:hover{color:var(--text);background:var(--surface-3)}.designer-menu-popover>button.danger{color:var(--danger)}.designer-menu-popover details{border-top:1px solid var(--stroke);color:var(--text-3);margin:4px 2px 1px;padding-top:6px;font-size:9px}.designer-menu-popover code{overflow-wrap:anywhere;color:var(--text-3);padding:7px 0 2px;font-size:8px;display:block}.designer-tabs{background:var(--surface-2);border-radius:9px;grid-template-columns:1fr 1fr;gap:4px;margin:0 -4px;padding:4px;display:grid}.designer-tabs button{color:var(--text-3);font:inherit;background:0 0;border:0;border-radius:6px;padding:7px 10px;font-size:10px;font-weight:650}.designer-tabs button.active{color:var(--text);background:var(--surface-3);box-shadow:var(--shadow-sm)}.designer-tabs button span{color:var(--violet);background:#9676ff1f;border-radius:10px;margin-left:5px;padding:1px 5px;font-size:8px}.designer-tab-panel{padding-top:12px}.designer-scope{border:1px solid var(--stroke);background:var(--surface-2);border-radius:9px;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:10px 11px;display:grid}.designer-scope span{color:var(--text-3);font-size:9px}.designer-scope strong{color:var(--text-2);font-size:10px}.designer-scope small{color:var(--text-3);grid-column:1/-1;font-size:8px;line-height:1.45}.designer-section{border-bottom:1px solid var(--stroke)}.designer-section>summary{color:var(--text-2);letter-spacing:.045em;text-transform:uppercase;cursor:pointer;justify-content:space-between;align-items:center;padding:15px 1px;font-size:10px;font-weight:750;list-style:none;display:flex}.designer-section>summary::-webkit-details-marker{display:none}.designer-section>summary:after{content:"›";color:var(--text-3);transition:transform .15s;transform:rotate(90deg)}.designer-section:not([open])>summary:after{transform:rotate(0)}.designer-section-body{gap:11px;padding:0 0 15px;display:grid}.designer-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.designer-field{gap:6px;min-width:0;color:var(--text-2)!important;letter-spacing:0!important;text-transform:none!important;margin:0!important;font-size:9px!important;font-weight:500!important;display:grid!important}.designer-field>span,.designer-field-title>span{color:var(--text-3);font-size:9px}.designer-field input:not([type=range]),.designer-field select,.designer-field textarea,.designer-comments textarea{border:1px solid var(--stroke);width:100%;min-width:0;color:var(--text-2);background:var(--input-bg);font:inherit;border-radius:7px;outline:none;padding:8px 9px;font-size:10px;line-height:1.4}.designer-field textarea,.designer-comments textarea{resize:vertical}.designer-field input:focus,.designer-field select:focus,.designer-field textarea:focus,.designer-comments textarea:focus{border-color:#9676ff99;box-shadow:0 0 0 2px #9676ff14}.designer-field small{color:var(--text-3);font-size:8px;font-weight:400;line-height:1.45}.designer-field-title{justify-content:space-between;align-items:center;display:flex}.designer-field-actions{align-items:center;gap:2px;display:inline-flex}.designer-apply{color:var(--violet);font:inherit;background:#9676ff17;border:0;border-radius:6px;justify-self:end;padding:5px 8px;font-size:9px}.designer-apply:disabled{opacity:.42}.designer-segments{border:1px solid var(--stroke);background:var(--input-bg);border-radius:8px;min-width:0;padding:2px;display:flex}.designer-segments button{min-width:0;color:var(--text-3);font:inherit;background:0 0;border:0;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:8px;display:inline-flex}.designer-segments button span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.designer-segments button.active{color:var(--text);background:var(--surface-3);box-shadow:var(--shadow-sm)}.designer-box-control{grid-template-rows:29px 33px 29px;grid-template-columns:1fr 42px 1fr;align-items:center;gap:4px;display:grid;position:relative}.designer-box-control .box-preview{background:#9676ff0f;border:1px dashed #9676ff8c;border-radius:4px;grid-area:2/2;height:27px}.designer-box-control input{text-align:center;padding:5px!important}.designer-box-control input:first-of-type{grid-area:1/2}.designer-box-control input:nth-of-type(2){grid-area:2/3}.designer-box-control input:nth-of-type(3){grid-area:3/2}.designer-box-control input:nth-of-type(4){grid-area:2/1}.designer-border-row{grid-template-columns:52px 1fr 1.3fr;gap:5px;display:grid}.designer-border-row input,.designer-border-row select{padding:6px!important}.designer-checks{grid-template-columns:1fr 1fr;gap:7px;display:grid}.designer-checks label{color:var(--text-2);letter-spacing:0;text-transform:none;align-items:center;gap:6px;margin:0;font-size:9px;font-weight:500;display:flex}.designer-checks input{accent-color:var(--violet)}.designer-properties>.property-editor>.property-section.responsive{display:none}.designer-properties .typography-section{border-bottom:1px solid var(--stroke)}.designer-properties .property-section{padding:15px 0}.designer-agent-command{border-bottom:1px solid var(--stroke);gap:8px;padding:16px 0;display:grid}.designer-agent-command label,.designer-comments form label{color:var(--text-2);align-items:center;gap:6px;margin:0;font-size:10px;font-weight:700;display:flex}.designer-agent-command label svg,.designer-comments form label svg{color:var(--violet)}.designer-agent-command textarea{border:1px solid var(--stroke);resize:vertical;color:var(--text);background:var(--input-bg);font:inherit;border-radius:8px;padding:9px;font-size:10px;line-height:1.5}.designer-agent-command button,.designer-comments form button{justify-self:end}.designer-activity,.designer-add-block{border-bottom:1px solid var(--stroke);color:var(--text-3);padding:12px 0;font-size:9px}.designer-activity>summary,.designer-add-block>summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:flex}.designer-activity>div{grid-template-columns:1fr auto;gap:2px 8px;margin-top:8px;display:grid}.designer-activity strong{color:var(--text-2);font-size:8px}.designer-activity strong[data-state=applied]{color:var(--success)}.designer-activity strong[data-state=failed]{color:var(--danger)}.designer-activity small{overflow-wrap:anywhere;grid-column:1/-1}.designer-add-block>div{grid-template-columns:repeat(3,1fr);gap:5px;padding-top:9px;display:grid}.designer-add-block button{border:1px solid var(--stroke);color:var(--text-2);background:var(--surface-2);font:inherit;border-radius:6px;padding:7px 5px;font-size:9px}.designer-comments{gap:14px;display:grid}.designer-comment-list article{border:1px solid var(--stroke);background:var(--surface-2);border-radius:8px;padding:10px}.designer-comment-list article p{color:var(--text-2);margin:0 0 8px;font-size:10px;line-height:1.5}.designer-comments form{gap:8px;display:grid}.project-history-menu{position:relative}.project-history-menu>summary{list-style:none}.project-history-menu>summary::-webkit-details-marker{display:none}.project-history-popover{z-index:20;border:1px solid var(--stroke-strong);background:var(--surface);width:320px;max-height:min(620px,100vh - 70px);box-shadow:var(--shadow-lg);border-radius:12px;padding:0 15px;position:absolute;top:34px;right:0;overflow:auto}.project-history-popover .property-section:last-child{border-bottom:0}.property-section{border-bottom:1px solid var(--stroke);padding:18px 0}.property-section label,.section-label{color:#9792a4;letter-spacing:.07em;text-transform:uppercase;align-items:center;margin-bottom:9px;font-size:9px;font-weight:750;display:flex}.hint{color:var(--text-3);margin:7px 0 0;font-size:8px;line-height:1.45}.two-col{grid-template-columns:1fr 1fr;gap:6px;margin-top:6px;display:grid}.two-col button,.color-row button{border:1px solid var(--stroke);color:var(--text-2);background:var(--btn-quiet-bg);border-radius:8px;padding:8px 5px;font-size:9px}.two-col button:hover,.color-row button:hover{color:var(--text);border-color:var(--stroke-strong);background:var(--btn-quiet-hover)}.color-row{gap:7px}.color-row button{flex:1}.color-swatch{border:2px solid var(--surface-3);background:#e5f5f5;border-radius:6px;width:22px;height:22px}.override-chip{color:var(--accent);background:#c7ff6214;border-radius:6px;padding:5px 8px;font-size:8px;font-weight:650;display:inline-block}.property-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.property-control{gap:5px;min-width:0;margin:0!important;display:grid!important}.property-control>span{color:#8a8697;justify-content:space-between;align-items:center;gap:4px;min-width:0;font-size:8px;display:flex}.property-control input,.property-control select{border:1px solid var(--stroke);width:100%;min-width:0;color:var(--text-2);background:var(--input-bg);border-radius:7px;outline:none;padding:7px;font-size:9px}.property-control input:focus,.property-control select:focus{border-color:#c7ff6280;box-shadow:0 0 0 2px #c7ff620f}.property-value{gap:4px;display:grid}.property-control .token-select{color:#c5b9f8;background:#9676ff0f}.property-lock{color:#625f6e;background:0 0;border:0;border-radius:5px;flex:0 0 20px;place-items:center;width:20px;height:20px;padding:0;display:grid}.property-lock.active{color:var(--warning);background:#ffc26c1a}.color-input-wrapper{align-items:center;gap:6px;display:flex}.color-swatch-picker{border:1px solid var(--stroke-strong);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;width:25px;height:25px;padding:0;position:relative;overflow:hidden}.color-picker-native{opacity:0;cursor:pointer;width:34px;height:34px;position:absolute;inset:-4px}.is-locked{color:var(--warning);background:#ffc26c14;border-color:#ffc26c59}.typography-panel{flex-direction:column;gap:11px;display:flex}.typography-row-2col{grid-template-columns:1fr 1fr;gap:8px;display:grid}.control-field{flex-direction:column;gap:5px;min-width:0;display:flex}.control-field-header{color:#8a8697;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;gap:4px;font-size:8px;font-weight:650;display:flex}.control-field-header span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.control-input-group{align-items:center;gap:4px;width:100%;display:flex}.control-input-group input,.control-input-group select{border:1px solid var(--stroke);width:100%;min-width:0;color:var(--text-2);background:var(--input-bg);border-radius:7px;outline:none;padding:7px 8px;font-size:9px;transition:border-color .16s,box-shadow .16s}.control-input-group input:focus,.control-input-group select:focus{border-color:#c7ff6280;box-shadow:0 0 0 2px #c7ff620f}.segmented-btn-group{border:1px solid var(--stroke);background:var(--input-bg);border-radius:8px;align-items:center;gap:2px;width:100%;padding:2px;display:inline-flex}.segmented-btn{height:26px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:0 6px;font-size:10px;font-weight:650;transition:all .15s;display:inline-flex}.segmented-btn:hover:not(:disabled){color:var(--text-2);background:var(--btn-quiet-hover)}.segmented-btn.active{color:var(--text);background:var(--surface-3);box-shadow:0 1px 3px #0003}.segmented-btn:disabled{opacity:.5;cursor:not-allowed}.segmented-btn.bold-btn{font-weight:800}.segmented-btn.italic-btn{font-style:italic}.stepper-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.stepper-input-wrapper input{border:1px solid var(--stroke);width:100%;min-width:0;color:var(--text-2);background:var(--input-bg);border-radius:7px;outline:none;padding:7px 24px 7px 8px;font-size:9px;transition:border-color .16s,box-shadow .16s}.stepper-input-wrapper input:focus{border-color:#c7ff6280;box-shadow:0 0 0 2px #c7ff620f}.stepper-actions{flex-direction:column;width:18px;height:calc(100% - 4px);display:flex;position:absolute;right:2px}.stepper-btn{width:100%;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:3px;flex:1;place-items:center;padding:0;font-size:8px;line-height:1;display:grid}.stepper-btn:hover:not(:disabled){color:var(--text);background:var(--btn-quiet-hover)}.typography-color-row{align-items:center;gap:6px;width:100%;display:flex}.typography-color-row .color-swatch-picker{flex-shrink:0;width:26px;height:26px}.typography-color-row input{border:1px solid var(--stroke);color:var(--text-2);background:var(--input-bg);border-radius:7px;outline:none;padding:7px 8px;font-size:9px}.typography-color-row input:focus{border-color:#c7ff6280;box-shadow:0 0 0 2px #c7ff620f}.text-button{color:var(--accent);background:0 0;border:0;margin-top:10px;padding:0;font-size:9px;display:block}.text-button:hover{color:#e4ffb2}.property-section .section-label svg{color:var(--violet)}.comment{border-left:2px solid var(--violet);color:var(--text-2);background:var(--violet-soft);border-radius:0 7px 7px 0;justify-content:space-between;align-items:flex-start;gap:8px;margin:0 0 7px;padding:9px;font-size:9px;line-height:1.5;display:flex}.comment .text-button{flex:none;margin-top:0}.inline-form{gap:7px;display:flex}.inline-form input{padding:9px;font-size:10px}.inline-form .icon-button{flex:0 0 34px}.structure-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.structure-actions .section-label{grid-column:1/-1}.assets-panel,.versions-panel{margin-top:3px;padding-top:15px}.upload-button{border:1px solid var(--stroke);color:var(--accent);background:var(--btn-quiet-bg);cursor:pointer;border-radius:7px;align-items:center;gap:4px;margin-left:auto;padding:6px 8px;font-size:8px;display:inline-flex}.upload-button input{display:none}.asset-list{gap:6px;margin-top:9px;display:grid}.asset-row,.version-row{color:var(--text-2);align-items:center;gap:7px;font-size:9px;display:flex}.asset-row small,.version-row small{color:var(--text-3);margin-left:auto;font-size:8px}.asset-dot{background:var(--violet);border-radius:2px;width:7px;height:7px}.version-row{border-bottom:1px solid var(--stroke);justify-content:space-between;padding:9px 0}.version-row>div:first-child{gap:3px;display:grid}.version-row strong{color:var(--text-2);text-transform:capitalize;font-size:9px;font-weight:700}.version-actions{align-items:center;gap:4px;display:flex}.version-actions a{color:var(--violet);place-items:center;display:grid}.version-actions .icon-button{flex-basis:27px;width:27px;height:27px}.version-actions .approve{color:var(--success)}.version-actions .reject{color:var(--danger)}.empty-panel{color:var(--text-3);text-align:center;justify-items:center;gap:8px;padding:42px 14px;font-size:10px;display:grid}.empty-panel p{margin:0;line-height:1.5}.empty-artifact{text-align:center;background-image:radial-gradient(#ffffff12 .65px,#0000 .65px);background-size:20px 20px;align-content:center;justify-items:center;min-height:520px;padding:32px;display:grid}.empty-icon{width:58px;height:58px;color:var(--accent);background:linear-gradient(145deg, var(--violet-soft), #c7ff6212);border:1px solid #9676ff59;border-radius:17px;place-items:center;margin-bottom:21px;display:grid;box-shadow:0 15px 45px #9676ff1f}.empty-artifact h2{color:var(--text);letter-spacing:-.045em;margin:11px 0 10px;font-size:24px}.empty-artifact p{max-width:440px;color:var(--text-2);margin:0 0 23px;font-size:12px;line-height:1.65}.project-home .topbar{position:sticky;top:0}.project-home-content{width:min(100% - 56px,1180px);margin:0 auto;padding:64px 0 80px}.project-home-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.project-home-content h1{color:var(--text);letter-spacing:-.055em;margin:10px 0;font-size:clamp(32px,4vw,46px);line-height:1}.project-home-header .muted-copy{max-width:590px}.new-project-card{border:1px solid var(--stroke);background:var(--surface);box-shadow:var(--shadow-md);border-radius:13px;flex-shrink:0;align-items:center;gap:8px;padding:7px;display:flex}.new-project-card input{background:0 0;border-color:#0000;width:220px;min-width:200px}.new-project-card input:focus{background:var(--input-focus-bg)}.new-project-card .primary-button{white-space:nowrap;flex-shrink:0}.project-toolbar{border-top:1px solid var(--stroke);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:38px 0 20px;padding-top:20px;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:10px;display:flex}.toolbar-left{flex-shrink:0}.toolbar-right{flex-wrap:wrap;flex:1;justify-content:flex-end;min-width:0}.search-box{border:1px solid var(--stroke);min-width:190px;max-width:360px;color:var(--text-3);background:var(--input-bg);border-radius:10px;flex:230px;align-items:center;gap:9px;padding:8px 11px;transition:border-color .16s,background .16s;display:flex}.search-box:focus-within{background:var(--input-focus-bg);border-color:#c7ff6273}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:none;padding:0;font-size:11px}.search-box svg{flex-shrink:0}.filter-tabs{border:1px solid var(--stroke);background:var(--btn-quiet-bg);border-radius:10px;align-items:center;gap:3px;padding:3px;display:flex}.filter-tabs button{color:var(--text-3);white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:7px 12px;font-size:10px;font-weight:650;transition:all .15s}.filter-tabs button:hover{color:var(--text-2)}.filter-tabs button.active{color:var(--text);background:var(--surface-3);box-shadow:inset 0 0 0 1px #ffffff0a}.sort-box{border:1px solid var(--stroke);color:var(--text-3);background:var(--input-bg);border-radius:10px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:flex}.sort-box select{color:var(--text-2);cursor:pointer;background:0 0;border:0;outline:none;font-size:10px}.sort-box select option{color:var(--text);background:var(--surface)}.project-actions{align-items:center;display:flex}.project-count-badge{color:var(--text-3);background:var(--btn-quiet-bg);white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:650}.project-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:15px;display:grid}.project-card-item{border:1px solid var(--stroke);background:var(--card-gradient);border-radius:15px;flex-direction:column;min-height:174px;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:visible;box-shadow:0 1px #ffffff05}.project-card-item:hover{z-index:2;background:var(--card-hover-gradient);border-color:#c7ff623d;transform:translateY(-3px);box-shadow:0 18px 46px #00000047}.project-card-link{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;gap:13px;padding:18px;display:flex}.project-card-top{align-items:flex-start;gap:12px;width:100%;padding-right:30px;display:flex}.project-card-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.project-card-title-row{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.project-card-title-row strong{color:var(--text);word-break:break-word;font-size:13px;line-height:1.35}.project-card-meta small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;display:block;overflow:hidden}.project-card-desc{color:var(--text-2);word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:10px;line-height:1.55;display:-webkit-box;overflow:hidden}.project-card-footer{border-top:1px solid var(--stroke);color:var(--text-3);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;font-size:9px;display:flex}.project-card-footer>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-card-stats{flex-shrink:0;align-items:center;gap:11px;display:flex}.project-card-stat{color:#9a95a6;white-space:nowrap;align-items:center;gap:4px;font-size:9px;display:flex}.project-card-mark{color:#d8d0ff;background:linear-gradient(145deg,#9676ff40,#9676ff14);border:1px solid #9676ff40;border-radius:11px;flex:0 0 39px;place-items:center;width:39px;height:39px;font-size:14px;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff14}.project-card-menu-btn{z-index:5;border-color:#0000;flex-basis:29px;width:29px;height:29px;position:absolute;top:13px;right:13px}.project-action-menu{z-index:30;border:1px solid var(--stroke-strong);background:var(--surface-2);min-width:184px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:11px;flex-direction:column;padding:5px;display:flex;position:absolute;top:46px;right:13px}.project-action-menu button{width:100%;color:var(--text-2);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:9px 10px;font-size:10px;display:flex}.project-action-menu button:hover{color:var(--text);background:var(--btn-quiet-hover)}.project-action-menu button.danger-action{color:var(--danger)}.project-action-menu button.danger-action:hover{color:#ffd4cf;background:#ff8f8317}.project-badge{text-transform:capitalize;white-space:nowrap;border:1px solid #0000;border-radius:999px;flex-shrink:0;align-items:center;padding:3px 7px;font-size:8px;font-weight:700;line-height:1.4;display:inline-flex}.project-badge-owner{color:var(--warning);background:#ffc26c17;border-color:#ffc26c3b}.project-badge-designer{color:#a992ff;background:#9676ff17;border-color:#9676ff3d}.project-badge-developer{color:#82b6ff;background:#5297ff17;border-color:#5297ff3d}.project-badge-archived{color:#9995a3;border-color:var(--stroke);background:var(--btn-quiet-bg)}.empty-search{border:1px dashed var(--stroke-strong);color:var(--text-3);text-align:center;border-radius:15px;grid-column:1/-1;padding:70px 30px;font-size:12px}.code-panel{background:var(--bg-raised);flex:auto;grid-template-rows:52px minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid}.code-toolbar{border-bottom:1px solid var(--stroke);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.code-toolbar .mode-tabs{gap:4px}.code-toolbar .mode-tabs button{align-items:center;gap:6px;display:inline-flex}.code-columns{grid-template-columns:190px minmax(0,1fr) minmax(0,1.1fr);height:100%;min-height:0;display:grid;overflow:hidden}.code-columns section{border-right:1px solid var(--stroke);min-width:0;padding:18px 20px;overflow:auto}.code-label{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:11px;font-size:8px;font-weight:750;display:block}.code-columns pre{color:var(--text-2);white-space:pre-wrap;margin:0;font:10px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.source-tree{border-right:1px solid var(--stroke);flex-direction:column;gap:3px;min-width:0;padding:18px 10px;display:flex}.source-tree button{color:var(--text-3);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:8px 9px;font:9px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.source-tree button:hover,.source-tree button.active{color:var(--text);background:#ffffff0e}.source-tree button.active{box-shadow:inset 2px 0 var(--accent)}.source-group{gap:3px;margin-bottom:12px;display:grid}.source-group>span{color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;font-size:8px;font-weight:700}.source-group button{gap:2px;display:grid}.source-group button span{text-overflow:ellipsis;overflow:hidden}.source-group button small{color:var(--text-3);font-size:7px}.source-editor{grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden!important}.source-editor .cm-editor{border:1px solid var(--stroke);border-radius:9px;height:100%;min-height:0;font-size:10px;overflow:hidden}.source-editor .cm-scroller{overflow:auto}.diff-text{color:var(--diff-text)!important}.management-panel{height:100%;min-height:0;color:var(--text);background:var(--bg-raised);flex:auto;padding:38px;overflow-y:auto}.management-heading{justify-content:space-between;align-items:flex-start;gap:24px;max-width:1120px;margin:0 auto 28px;display:flex}.management-heading h2{letter-spacing:-.045em;margin:8px 0;font-size:28px}.management-heading p{color:var(--text-3);margin:0;font-size:10px}.management-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:14px;max-width:1120px;margin:0 auto;display:grid}.management-card{border:1px solid var(--stroke);background:var(--surface);border-radius:14px;min-width:0;padding:19px}.management-card h3{color:var(--text);margin:0 0 14px;font-size:12px}.management-row{border-bottom:1px solid var(--stroke);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.management-row>span:first-child{gap:3px;min-width:0;display:grid}.management-row strong{color:var(--text-2);text-overflow:ellipsis;font-size:10px;overflow:hidden}.management-row small,.audit-row small{color:var(--text-3);font-size:8px}.role-badge{color:#c5b9f8;background:var(--violet-soft);text-transform:capitalize;border-radius:999px;width:fit-content;padding:4px 7px;font-size:8px;display:inline-flex}.compact-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:14px;display:grid}.compact-form input,.compact-form textarea,.compact-form select{min-width:0;padding:8px;font-size:9px}.compact-form textarea{resize:vertical;grid-column:1/-1;min-height:72px}.compact-form .primary-button{justify-content:center;padding:8px 10px;font-size:9px}.user-form{grid-template-columns:1fr 1fr}.user-form .primary-button{grid-column:2}.conversation-layout{grid-template-columns:minmax(150px,.7fr) minmax(220px,1.3fr);gap:14px;display:grid}.conversation-link{width:100%;color:var(--text-3);text-align:left;background:0 0;border:0;border-radius:7px;padding:8px;font-size:9px;display:block}.conversation-link.active{color:var(--text);background:var(--violet-soft)}.message-list{border-left:1px solid var(--stroke);min-height:120px;padding-left:14px}.message-list p{color:var(--text-2);background:var(--btn-quiet-bg);border-radius:8px;gap:3px;margin:0 0 8px;padding:9px;font-size:9px;line-height:1.45;display:grid}.message-list p span{color:var(--violet);text-transform:uppercase;font-size:8px}.audit-card{grid-column:1/-1}.audit-row{border-bottom:1px solid var(--stroke);color:var(--text-2);justify-content:space-between;gap:12px;padding:9px 0;font-size:9px;display:flex}.management-feedback{color:#c5f4df;background:#63d9ad14;border:1px solid #63d9ad4d;border-radius:999px;max-width:1120px;margin:0 auto 14px;padding:10px 12px;font-size:9px}.modal-form{flex-direction:column;gap:15px;display:flex}.modal-form-group{flex-direction:column;gap:7px;display:flex}.modal-form-group label{color:var(--text-2);font-size:10px;font-weight:650}.modal-form-group textarea{resize:vertical;font-family:inherit}.modal-card.page-dialog{width:min(100%,480px);max-height:calc(100dvh - 40px);overflow-y:auto}.page-dialog .modal-form{gap:20px}.page-route-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.page-route-heading .text-button{font-size:10px}.page-slug-input{border:1px solid var(--stroke);background:var(--input-bg);border-radius:10px;align-items:center;transition:border-color .18s,box-shadow .18s;display:flex}.page-slug-input:focus-within{border-color:#c7ff62a6;box-shadow:0 0 0 3px #c7ff6214}.page-slug-input>span{color:var(--text-3);flex:none;padding-left:12px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.page-dialog .page-slug-input input{width:0;min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0 10px 10px 0;flex:1;padding-left:5px}.page-dialog .hint{margin:0;font-size:10px;line-height:1.5}.page-delete-metadata{color:var(--warning);background:#ffc26c0f;border:1px solid #ffc26c38;border-radius:9px;padding:10px 12px;font-size:10px}.danger-confirm-text{color:var(--danger);margin-bottom:13px;font-size:11px;line-height:1.55}.danger-zone{background:#ff8f830e;border:1px solid #ff8f8340;border-radius:12px;margin-top:16px;padding:16px}.danger-zone h4{color:var(--danger);margin:0 0 7px;font-size:12px}.danger-zone p{color:#b79492;margin:0 0 12px;font-size:10px;line-height:1.45}.danger-zone-actions{flex-wrap:wrap;gap:10px;display:flex}.member-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.member-role-select{border:1px solid var(--stroke);color:var(--text-2);background:var(--surface);border-radius:7px;outline:none;padding:5px 8px;font-size:10px}.member-you-badge{color:var(--accent);background:#c7ff6214;border-radius:5px;margin-left:6px;padding:3px 6px;font-size:8px;font-weight:700}.toast{z-index:50;color:#d1f5e5;max-width:min(580px,100% - 32px);box-shadow:var(--shadow-md);pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#153128f0;border:1px solid #63d9ad4d;border-radius:11px;align-items:center;gap:12px;padding:11px 14px;font-size:10px;animation:.24s ease-out toast-in;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.toast-error{color:#ffd4cf;background:#3c1f22f2;border-color:#ff8f834d}.toast button{color:inherit;pointer-events:auto;background:0 0;border:0;place-items:center;padding:0;display:grid}.modal-overlay{z-index:100;background:var(--modal-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);place-items:center;padding:20px;animation:.18s ease-out veil-in;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--stroke-strong);background:var(--modal-bg);width:min(100%,560px);box-shadow:var(--shadow-lg);border-radius:18px;animation:.22s cubic-bezier(.2,.8,.2,1) modal-in;overflow:hidden}.modal-header{border-bottom:1px solid var(--stroke);justify-content:space-between;align-items:center;padding:19px 22px;display:flex}.modal-header h3{color:var(--text);letter-spacing:-.025em;margin:0;font-size:15px}.modal-body{color:var(--text-2);padding:23px;font-size:12px;line-height:1.65}.modal-footer{border-top:1px solid var(--stroke);background:var(--modal-footer-bg);justify-content:flex-end;gap:10px;padding:15px 22px;display:flex}.handoff-result{border:1px solid var(--stroke);background:var(--surface-2);border-radius:10px;margin-top:16px;padding:15px}.handoff-code{color:var(--accent);word-break:break-all;margin-top:8px;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.copy-btn{align-items:center;gap:6px;margin-top:10px;padding:7px 10px;font-size:10px;display:inline-flex}.loading-bar{z-index:9;color:#def8ed;text-align:center;background:#235342f2;padding:6px;font-size:9px;position:fixed;bottom:0;left:0;right:0}.saving .saved-dot,.status-working{background:var(--warning);animation:1s infinite alternate pulse}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1.08)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}@keyframes veil-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}@media (width<=1240px){.workspace{grid-template-columns:300px minmax(440px,1fr) 284px}.workspace.left-collapsed{grid-template-columns:minmax(440px,1fr) 284px}.workspace.right-collapsed{grid-template-columns:300px minmax(440px,1fr)}.workspace.left-collapsed.right-collapsed{grid-template-columns:minmax(0,1fr)}.workspace.manage,.workspace.code-mode{grid-template-columns:248px minmax(0,1fr)}.workspace.manage.left-collapsed,.workspace.code-mode.left-collapsed{grid-template-columns:minmax(0,1fr)}.left-panel{padding-inline:12px}.right-panel{padding-inline:14px}.top-actions{min-width:auto}}@media (width<=1020px){.auth-shell{grid-template-columns:1fr 390px;min-height:610px}.auth-story{padding:38px}.auth-story h2{font-size:40px}.auth-card{padding:48px 38px}.studio{height:auto;min-height:100dvh;overflow:visible}.topbar{flex-wrap:wrap;flex-basis:auto;gap:10px;height:auto;min-height:64px;padding:11px 15px}.crumbs{border-top:1px solid var(--stroke);order:3;width:100%;padding-top:8px}.top-actions{margin-left:auto}.workspace,.workspace.manage,.workspace.code-mode,.workspace.left-collapsed,.workspace.right-collapsed,.workspace.left-collapsed.right-collapsed{grid-template-columns:minmax(0,1fr);overflow:visible}.left-panel,.right-panel{border:0;height:auto;overflow:visible}.left-panel{border-bottom:1px solid var(--stroke)}.right-panel{border-top:1px solid var(--stroke)}.layer-list{max-height:260px;overflow:auto}.left-panel-chat{min-height:620px}.page-tree{max-height:220px}.canvas-area{min-height:670px}.canvas{min-height:540px}.code-columns{grid-template-columns:1fr;overflow:auto}.code-columns section{min-height:290px}.source-tree{border-right:0;border-bottom:1px solid var(--stroke);flex-flow:wrap}.source-tree .code-label{flex-basis:100%}.source-group{flex-wrap:wrap;margin:0;display:flex}.source-group>span{flex-basis:100%}.management-grid{grid-template-columns:1fr}.audit-card{grid-column:auto}.project-home-header{flex-direction:column;align-items:stretch;gap:20px}.new-project-card{width:100%}.new-project-card input{flex:1;min-width:0}.project-toolbar{flex-direction:column;align-items:stretch;gap:12px}.toolbar-left,.toolbar-right{width:100%}.toolbar-right{justify-content:flex-start}.search-box{max-width:none}}@media (width<=760px){.auth-page{align-items:start;padding:0}.auth-shell{border:0;border-radius:0;width:100%;min-height:100dvh;display:block}.auth-story{border:0;border-bottom:1px solid var(--stroke);min-height:310px;padding:30px 26px}.auth-story-copy{padding:52px 0 26px}.auth-story h2{max-width:540px;margin-block:12px;font-size:clamp(32px,9vw,45px)}.auth-story-copy p{font-size:12px}.auth-proof{display:none}.auth-card{min-height:480px;padding:62px 26px 36px}.auth-lang-row{top:22px;right:24px}.auth-card h1{font-size:29px}.project-home-content{width:min(100% - 32px,1180px);padding:42px 0 60px}.project-home-content h1{font-size:36px}.toolbar-right{align-items:stretch}.management-panel{padding:25px 16px}.management-heading{flex-direction:column}}@media (width<=540px){.topbar .brand-lockup>div:last-child,.top-actions .saved,.top-actions .history-action{display:none}.topbar .brand-lockup{min-width:auto}.topbar-brand-section{gap:8px}.topbar-brand-divider{height:16px}.codex-nav-badge{display:none}.top-actions{gap:6px}.top-actions .primary-button{padding-inline:11px}.toolbar-right{flex-direction:column}.search-box{flex:none;width:100%}.sort-box{justify-content:space-between}.filter-tabs{justify-content:space-between;width:100%}.filter-tabs button{text-align:center;flex:1}.new-project-card{flex-direction:column;align-items:stretch;padding:9px}.new-project-card input{width:100%}.project-grid{grid-template-columns:1fr}.canvas-header{gap:8px 10px;padding:6px 10px}.mode-tabs{flex:1}.mode-tabs button{padding-inline:7px}.revision{display:none}.device-tabs{margin-left:0}.page-selector{flex:1;margin-left:0}.page-selector span{display:none}.page-selector select{width:100%;max-width:none}.crumb-page{display:none}.canvas.responsive .preview-shell{width:100%;height:100%}.bottom-bar{min-height:40px;padding:7px 11px}.bottom-bar span:last-child{display:none}.code-toolbar{padding:0 10px}.code-columns .source-editor.code-hidden-mobile,.code-columns .diff-pane{display:none}.code-columns .diff-pane.active{display:block}.conversation-layout,.user-form{grid-template-columns:1fr}.message-list{border-top:1px solid var(--stroke);border-left:0;padding:12px 0 0}.user-form .primary-button{grid-column:auto}.modal-overlay{align-items:end;padding:0}.modal-card{border-bottom:0;border-left:0;border-right:0;border-radius:18px 18px 0 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.working-draft-actions{flex-direction:column;align-items:stretch;gap:8px;display:flex}.working-draft-actions button{white-space:normal;justify-content:center}.chat-inline-host,.run-card{min-width:0}.chat-expand{flex-shrink:0;padding:7px}.agent-chat-history{border-bottom:1px solid var(--stroke);min-width:0;margin-bottom:14px;padding-bottom:14px}.chat-session-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.chat-session-select{border:1px solid var(--stroke);background:var(--btn-icon-bg);min-width:0;color:var(--text-3);border-radius:9px;flex:100%;align-items:center;gap:8px;padding-left:10px;display:flex}.chat-session-select>svg{flex-shrink:0}.chat-session-select select{width:100%;min-width:0;color:var(--text-2);font:inherit;text-overflow:ellipsis;background:0 0;border:0;border-radius:8px;padding:9px 8px 9px 0;font-size:12px}.chat-session-select option{background:var(--surface-2);color:var(--text)}.chat-new{min-height:34px;font-size:11px}.chat-menu{flex-shrink:0;margin-left:auto;position:relative}.chat-menu summary{cursor:pointer;width:34px;height:34px;color:var(--text-3);border:1px solid var(--stroke);border-radius:8px;place-items:center;list-style:none;display:grid}.chat-menu summary::-webkit-details-marker{display:none}.chat-menu summary:hover,.chat-menu[open] summary{color:var(--text);background:var(--btn-quiet-hover)}.chat-menu-items{z-index:5;border:1px solid var(--stroke);background:var(--surface-2);width:210px;box-shadow:var(--shadow-md);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.chat-menu:not([open]) .chat-menu-items{display:none}.chat-menu-items button,.chat-menu-items label{width:100%;min-height:38px;color:var(--text-2);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:flex}.chat-menu-items button:hover,.chat-menu-items label:hover{background:var(--btn-quiet-hover);color:var(--text)}.chat-menu-items input{width:auto;accent-color:var(--violet)}.chat-archive-notice{color:var(--text-3);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:11px;display:flex}.chat-rename{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chat-rename input{flex:1;min-width:120px}.chat-timeline{min-height:0;position:relative}.chat-messages{overscroll-behavior:contain;flex-direction:column;gap:20px;max-height:340px;display:flex;overflow:auto}.chat-message{overflow-wrap:anywhere;flex-shrink:0;min-width:0;font-size:12px;line-height:1.65}.chat-message-meta{align-items:center;gap:9px;margin-bottom:8px;font-size:11px;display:flex}.chat-author{color:var(--text-2);align-items:center;gap:6px;font-weight:600;display:inline-flex}.chat-author svg{color:var(--violet)}.chat-message-mode{color:var(--text-3);font-size:10px}.chat-message-user .chat-message-meta{justify-content:flex-end}.chat-message-user .chat-message-body{border:1px solid var(--chat-bubble-user-border);background:var(--chat-bubble-user-bg);border-radius:14px 14px 4px;width:fit-content;max-width:92%;margin-left:auto;padding:12px 15px}.chat-plain{white-space:pre-wrap}.chat-message small{color:var(--text-3);font-size:10px;display:block}.chat-message-actions{align-items:center;gap:12px;margin-top:8px;display:flex}.chat-message-actions:empty{display:none}.chat-copy{min-width:28px;min-height:28px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:5px;font-size:11px;display:flex}.chat-copy:hover{color:var(--text);background:var(--btn-quiet-hover)}.chat-error{color:#fca5a5;overflow-wrap:anywhere}.chat-latest{white-space:nowrap;background:var(--surface-3);color:var(--text);box-shadow:var(--shadow-md);border-radius:20px;font-size:11px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.chat-empty{text-align:center;color:var(--text-3);flex-direction:column;align-items:center;margin:auto;padding:32px 12px;display:flex}.chat-empty-icon{width:52px;height:52px;color:var(--violet);background:#9676ff0c;border:1px solid #9676ff28;border-radius:16px;place-items:center;margin-bottom:16px;display:grid}.chat-empty strong{color:var(--text);font-size:17px}.run-card .chat-empty p{max-width:340px;margin:10px 0;font-size:12px;line-height:1.6}.chat-empty>span:last-child{font-size:10px}.chat-markdown{color:var(--text-2)}.run-card .chat-markdown p{color:inherit;font-size:inherit;line-height:inherit;margin:0 0 12px}.chat-markdown>:first-child{margin-top:0}.chat-markdown>:last-child{margin-bottom:0}.chat-markdown h1,.chat-markdown h2,.chat-markdown h3,.chat-markdown h4{color:var(--text);margin:22px 0 10px;font-size:1.1em;font-weight:650;line-height:1.4}.chat-markdown ul,.chat-markdown ol{margin:10px 0 16px;padding-left:22px}.chat-markdown li{margin:5px 0}.chat-markdown li::marker{color:var(--text-3)}.chat-markdown li>p{margin-bottom:6px}.chat-markdown code{border:1px solid var(--stroke);background:var(--chat-code-inline-bg);border-radius:5px;padding:2px 5px;font:.88em ui-monospace,SFMono-Regular,Consolas,monospace}.chat-markdown pre{border:1px solid var(--stroke);background:var(--chat-code-block-bg);border-radius:10px;max-width:100%;padding:16px;font-size:12px;line-height:1.7;overflow:auto}.chat-markdown pre code{font-size:inherit;white-space:pre;background:0 0;border:0;padding:0}.chat-markdown blockquote{border-left:2px solid var(--violet);color:var(--text-3);margin:16px 0;padding:4px 16px}.chat-markdown a{color:var(--violet);text-underline-offset:3px}.chat-markdown hr{border:0;border-top:1px solid var(--stroke);margin:20px 0}.chat-table{max-width:100%;margin:16px 0;overflow:auto}.chat-table table{border-collapse:collapse;width:100%;font-size:.92em}.chat-table th,.chat-table td{border:1px solid var(--stroke);text-align:left;padding:9px 12px}.chat-table th{background:var(--btn-icon-bg)}.chat-color{vertical-align:baseline;border:1px solid #ffffff30;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.chat-mode{border:1px solid var(--stroke);border-radius:9px;gap:3px;margin:10px 0;padding:3px;display:flex}.chat-mode button{color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 9px;font-size:11px;display:flex}.chat-mode button.active{color:var(--text);background:var(--surface-3);box-shadow:0 1px 3px #0003}.chat-mode button.active svg{color:var(--violet)}.chat-composer-status{min-width:0}.chat-shortcut{display:none}.chat-attachments-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chat-attachment-img-card{border:1px solid var(--stroke);background:var(--btn-icon-bg);max-width:140px;color:var(--text-2);border-radius:8px;flex-direction:column;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.chat-attachment-img-card:hover{border-color:var(--violet);transform:translateY(-1px)}.chat-attachment-img-preview{object-fit:cover;background:#00000030;width:100%;height:80px;display:block}.chat-attachment-img-card .chat-attachment-name{white-space:nowrap;text-overflow:ellipsis;padding:4px 6px;font-size:10px;overflow:hidden}.chat-attachment-file-card{border:1px solid var(--stroke);background:var(--btn-icon-bg);max-width:220px;color:var(--text-2);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:11px;text-decoration:none;transition:border-color .15s;display:flex}.chat-attachment-file-card:hover{border-color:var(--violet);color:var(--text)}.chat-attachment-file-card svg{color:var(--violet);flex-shrink:0}.chat-attachment-info{flex-direction:column;min-width:0;display:flex}.chat-attachment-file-card .chat-attachment-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.chat-attachment-file-card .chat-attachment-size{color:var(--text-3);font-size:9px}.chat-composer-drag-over{border-color:var(--violet)!important;background:var(--violet-soft)!important;box-shadow:0 0 0 2px var(--violet)!important}.chat-pending-attachments{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.chat-pending-chip{border:1px solid var(--stroke);background:var(--btn-icon-bg);max-width:180px;color:var(--text-2);border-radius:6px;align-items:center;gap:6px;padding:3px 6px;font-size:11px;display:flex}.chat-pending-thumb{object-fit:cover;border-radius:3px;flex-shrink:0;width:18px;height:18px}.chat-pending-icon{color:var(--violet);flex-shrink:0}.chat-pending-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.chat-pending-size{color:var(--text-3);flex-shrink:0;font-size:9px}.chat-pending-remove{width:16px;height:16px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}.chat-pending-remove:hover{background:var(--btn-quiet-hover);color:var(--text)}.chat-attachment-uploading{color:var(--text-3);align-items:center;gap:6px;margin:4px 0;font-size:11px;display:flex}.chat-attach-button{border-radius:7px;align-items:center;gap:4px;padding:6px 9px;font-size:11px;display:inline-flex}.chat-composer-footer-left{align-items:center;gap:8px;display:flex}.chat-composer-context{min-width:0;margin-bottom:8px}.chat-scope-trigger{width:100%;min-width:0;color:var(--text-2);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:5px 0;font-size:11px;display:flex}.chat-scope-trigger svg,.chat-scope-label{color:var(--text-3);flex-shrink:0}.chat-scope-value{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.chat-scope-trigger:hover .chat-scope-value{color:var(--text)}.chat-popover{border:1px solid var(--stroke-strong);background:var(--surface-2);color:var(--text);box-shadow:var(--shadow-lg);border-radius:12px;margin:0;padding:16px;font-size:12px;position:fixed;inset:auto;overflow:auto}.chat-popover-title{margin-bottom:12px;font-size:13px;display:block}.run-card .chat-popover p{color:var(--text-3);overflow-wrap:anywhere;margin:10px 0 0;font-size:12px;line-height:1.5}.run-card .chat-popover .chat-scope-page,.run-card .chat-popover .chat-scope-node{color:var(--text-2)}.run-card .chat-popover label{flex-direction:column;align-items:stretch;gap:6px;margin-top:12px;font-size:12px;display:flex}.run-card .chat-popover label>span{color:var(--text-2);display:block}.run-card .chat-popover select{border:1px solid var(--stroke);background:var(--surface-3);width:100%;min-width:0;max-width:none;color:var(--text);border-radius:7px;padding:9px;font-size:12px}.chat-popover select option{background:var(--surface-2)}.chat-composer-tools{align-items:center;gap:4px;margin-left:auto;display:flex}.run-card .chat-attach-button,.run-card .chat-settings-trigger{width:30px;height:30px;color:var(--text-3);background:0 0;border:0;border-radius:7px;flex-shrink:0;place-items:center;padding:0;display:grid}.run-card .chat-attach-button:hover,.run-card .chat-settings-trigger:hover{background:var(--btn-quiet-hover);color:var(--text)}.chat-attach-button span{display:none}.run-card .chat-mode{border:1px solid var(--stroke);background:var(--surface-3);border-radius:8px;gap:2px;margin:0;padding:2px;display:inline-flex}.run-card .chat-mode button{color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:6px 8px;font-size:11px;font-weight:500;display:inline-flex}.run-card .chat-mode button:hover{color:var(--text)}.run-card .chat-mode button.active{color:var(--text);background:var(--surface-2);box-shadow:var(--shadow-sm)}.run-card .chat-mode button svg{display:none}.chat-composer-footer{border-top:1px solid var(--stroke);align-items:center;gap:10px;padding-top:8px;display:flex}.chat-composer-footer-left{flex:1;min-width:0}.run-card .run-actions{margin:0}.run-card .chat-submit{min-height:34px;box-shadow:none;border-radius:8px;justify-content:center;padding:8px 12px;font-size:11px}.run-card .chat-composer-status{justify-content:space-between;align-items:center;gap:8px;min-height:16px;margin-top:6px;display:flex}.chat-progress-trigger{min-width:0;color:var(--text-3);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.run-card .chat-progress-trigger .run-state{font:inherit;margin:0;font-size:10px}.run-card .chat-shortcut{color:var(--text-3);flex-shrink:0;margin-left:auto;font-size:9px;display:block}.left-panel-chat .chat-inline-host,.left-panel-chat .chat-inline-host>div{flex:1;width:100%;min-height:0;display:flex}.chat-inline-host .run-card{background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;min-height:0;margin:0;padding:0;display:flex}.chat-inline-host .run-card:before{display:none}.chat-inline-host .agent-chat-history{border:0;flex-direction:column;flex:1;min-height:0;margin-bottom:12px;padding-bottom:0;display:flex}.chat-inline-host .agent-chat-history>:not(.chat-timeline){flex-shrink:0}.chat-inline-host .chat-session-bar{flex-wrap:nowrap;gap:4px;margin-bottom:12px}.chat-inline-host .chat-session-select{background:0 0;border:0;flex:1;gap:6px;min-width:0;padding-left:0}.chat-inline-host .chat-session-select select{font-size:12px}.chat-inline-host .chat-session-select>svg{display:none}.chat-inline-host .chat-new,.chat-inline-host .chat-expand,.chat-inline-host .chat-menu summary{background:0 0;border:0;border-radius:7px;justify-content:center;width:28px;height:30px;min-height:30px;padding:0}.chat-inline-host .chat-new{flex-shrink:0}.chat-inline-host .chat-new span{display:none}.chat-inline-host .chat-menu{margin:0}.chat-inline-host .chat-timeline{flex:1;min-height:0}.chat-inline-host .chat-messages{scrollbar-gutter:stable;gap:18px;height:100%;max-height:none;padding-right:3px}.chat-inline-host .chat-message-meta{margin-bottom:5px}.chat-inline-host .chat-message-actions{margin-top:4px}.chat-inline-host .chat-composer{overscroll-behavior:contain;border:1px solid var(--stroke);background:var(--surface-2);max-height:60%;box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;flex-shrink:0;padding:10px 12px;display:flex;overflow:auto}.chat-inline-host .chat-composer:focus-within{border-color:var(--violet)}.chat-inline-host .chat-composer textarea{resize:none;width:100%;min-height:96px;max-height:160px;color:var(--text);box-shadow:none;field-sizing:content;background:0 0;border:0;border-radius:0;padding:4px 0 8px;font-size:13px;line-height:1.6;display:block}.chat-inline-host .chat-composer textarea:focus{outline:none}.chat-inline-host .chat-composer textarea::placeholder{color:var(--text-3)}.chat-inline-host .chat-composer-footer{flex-direction:column;align-items:stretch;gap:8px}.chat-inline-host .chat-composer-footer-left{justify-content:space-between;gap:6px}.chat-inline-host .run-actions{display:flex}.chat-inline-host .chat-submit{flex:1}.chat-dialog{--chat-content-width:760px;border:1px solid var(--stroke);width:min(1040px,100vw - 64px);max-width:none;height:min(840px,100dvh - 64px);max-height:none;color:var(--text);background:var(--chat-dialog-bg);box-shadow:var(--shadow-lg);border-radius:20px;padding:0;overflow:hidden}.chat-dialog::backdrop{background:var(--modal-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chat-dialog>div{height:100%;min-height:0}.chat-dialog .run-card{background:0 0;border:0;border-radius:0;flex-direction:column;height:100%;min-height:0;margin:0;padding:16px 24px 20px;display:flex}.chat-dialog .run-card:before{display:none}.chat-dialog .agent-chat-history{border:0;flex-direction:column;flex:1;min-height:100px;margin:0;padding:0;display:flex}.chat-dialog .agent-chat-history>:not(.chat-timeline){flex-shrink:0}.chat-dialog .chat-session-bar{border-bottom:1px solid var(--stroke);flex-wrap:nowrap;gap:8px;margin-bottom:0;padding-bottom:14px}.chat-dialog .chat-session-select{flex:0 440px}.chat-dialog .chat-session-select select{padding-block:9px;font-size:13px}.chat-dialog .chat-new{flex-shrink:0;margin-left:auto;padding:8px 10px;font-size:12px}.chat-dialog .chat-new svg,.chat-dialog .chat-expand svg{flex-shrink:0}.chat-dialog .chat-expand{place-items:center;width:34px;height:34px;padding:0;display:grid}.chat-dialog .chat-menu{margin:0}.chat-dialog .chat-timeline{flex:1}.chat-dialog .chat-messages{scrollbar-gutter:stable both-edges;gap:24px;height:100%;max-height:none;padding:24px 0}.chat-dialog .chat-message{width:100%;max-width:calc(var(--chat-content-width) - 32px);margin-inline:auto;font-size:14px;line-height:1.75}.chat-dialog .chat-message-meta{margin-bottom:8px;font-size:12px}.chat-dialog .chat-message-mode{font-size:11px}.chat-dialog .chat-message-user .chat-message-body{max-width:85%}.chat-dialog .chat-composer{width:100%;max-width:var(--chat-content-width);overscroll-behavior:contain;border:1px solid var(--stroke-strong);background:var(--chat-composer-bg);max-height:49%;box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;flex-shrink:0;margin:0 auto;padding:12px 15px 10px;display:flex;overflow:auto}.chat-dialog .chat-composer:focus-within{border-color:var(--violet)}.chat-dialog .chat-scope-trigger{font-size:12px}.chat-dialog .run-card textarea{resize:vertical;width:100%;min-height:72px;max-height:min(200px,24dvh);color:var(--text);box-shadow:none;field-sizing:content;background:0 0;border:0;border-radius:0;padding:6px 0 12px;font-size:14px;line-height:1.6;display:block}.chat-dialog .run-card textarea:focus{outline:none}.chat-dialog .run-card textarea::placeholder{color:var(--text-3)}.chat-dialog .chat-composer-footer{flex-direction:row;align-items:center;gap:12px}.chat-dialog .run-actions{flex-shrink:0;display:flex}.chat-dialog .chat-submit{flex:none;min-height:36px}.chat-dialog .chat-empty{max-width:440px;padding:24px 12px}.chat-dialog .chat-empty strong{letter-spacing:-.4px;font-size:22px}.chat-dialog .chat-empty p{max-width:400px;font-size:14px}.chat-dialog .chat-empty>span:last-child{font-size:11px}.chat-dialog:has(.chat-empty) .chat-empty{margin:auto auto 0}.chat-dialog:has(.chat-empty) .chat-composer{margin-bottom:clamp(24px,8dvh,80px)}.chat-dialog .run-feedback{margin:0}@media (width<=600px){.chat-dialog{border:0;border-radius:0;width:100vw;height:100dvh;max-height:100dvh;margin:0}.chat-dialog .run-card{padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom))}.chat-dialog .chat-shortcut{display:none}.chat-dialog .chat-session-bar{gap:6px;padding-bottom:12px}.chat-dialog .chat-new{padding:8px}.chat-dialog .chat-new span{display:none}.chat-dialog .chat-messages{gap:20px;padding:20px 2px}.chat-dialog .chat-message{font-size:13px}.chat-dialog .chat-message-user .chat-message-body{max-width:94%}.chat-dialog .chat-composer{border-radius:14px;padding:10px}.chat-dialog .run-card textarea{min-height:80px;font-size:16px}.chat-dialog .chat-composer-footer{flex-direction:column;align-items:stretch;gap:8px}.chat-dialog .run-actions{display:flex}.chat-dialog .chat-submit{flex:1}.chat-dialog:has(.chat-empty) .chat-composer{margin-bottom:0}.chat-dialog:has(.chat-empty) .chat-empty{margin:auto}}@media (height<=650px) and (width>=601px){.chat-dialog{height:calc(100dvh - 24px)}.chat-dialog .run-card{padding-block:12px}.chat-dialog .run-card textarea{min-height:56px}.chat-dialog:has(.chat-empty) .chat-composer{margin-bottom:0}.chat-dialog .chat-empty{padding:12px}.chat-dialog .chat-empty-icon,.chat-dialog .chat-empty>span:last-child{display:none}}[data-theme=light] .primary-button{color:#fff;background:linear-gradient(#529400,#3d6e00);border-color:#386400;box-shadow:0 4px 14px #3d6e0038,inset 0 1px #ffffff40}[data-theme=light] .primary-button:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 6px 20px #3d6e004d,inset 0 1px #ffffff4d}[data-theme=light] .auth-page{background:radial-gradient(circle at 18% 15%, #7c3aed14, transparent 30%), radial-gradient(circle at 84% 82%, #4880000d, transparent 28%), var(--bg)}[data-theme=light] .auth-page:before{opacity:.45;background-image:radial-gradient(#10182824 .8px,#0000 .8px)}[data-theme=light] .auth-story:before{box-shadow:inset 0 0 90px var(--violet-soft), 0 0 80px #4880000f;border-color:#48800029}[data-theme=light] .preview-scaler,[data-theme=light] .preview-shell{border-color:#10182824;box-shadow:0 20px 60px #1018281f,0 0 0 1px #10182814}[data-theme=light] .canvas:after{box-shadow:inset 0 12px 28px #1018280f}[data-theme=light] .side-tabs button.active,[data-theme=light] .sidebar-tabs button.active{box-shadow:0 2px 6px #10182814}[data-theme=light] .crumb-button:hover{background:#0000000a}[data-theme=light] .override-chip{background:#4880001a}[data-theme=light] .chat-dialog .run-model select,[data-theme=light] .chat-dialog .run-reasoning select{border-color:var(--stroke);color:var(--text);background:#00000008}