@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--vh:calc(1vh / var(--ui-scale,1));--vw:calc(1vw / var(--ui-scale,1));--font-sans:"Geist Variable", "Geist", "Inter Variable", "Inter", system-ui, sans-serif;--font-mono:"Geist Mono Variable", "Geist Mono", ui-monospace, monospace;--canvas:#0e0e0f;--panel:#141415;--raised:#1f1f21;--dialog:#18181a;--surface-2:#1a1a1b;--field:#ffffff0a;--hover:#ffffff08;--active:#ffffff0d;--button:#ffffff10;--button-hover:#ffffff17;--pressed:#ffffff14;--hairline:#ffffff0f;--divider:#ffffff14;--line-strong:#ffffff26;--scrim:#0000008c;--line-soft:#ffffff17;--line-mid:#ffffff1a;--fill-soft:#ffffff06;--switch-off:#ffffff1f;--text-1:#ededed;--text-strong:#e4e4e4;--text-soft:#c9c9cb;--text-2:#a1a1a1;--text-quiet:#929297;--text-3:#939398;--text-4:#707075;--text-on-brand:#fff;--brand:#af47d1;--brand-hover:#c065de;--brand-pressed:#9a36bc;--brand-text:#c77de0;--brand-soft:#af47d126;--selected-row:#af47d12e;--agent-veil:#af47d112;--agent-comet:#f0d4f8;--agent-glow:0 0 24px #af47d173, 0 0 4px #af47d1b3;--kind-frame:#45a4ff;--kind-component:#b383ff;--kind-text:#d4d4d4;--kind-image:#3fd29a;--kind-variable:#ffaf52;--kind-icon:#ffaf52;--kind-shape:#b0b0b0;--kind-note:#f5c542;--success:#3dd68c;--success-soft:#3dd68c1a;--warning:#ffb224;--warning-soft:#ffb22424;--danger:#ff6b60;--danger-soft:#ff6b601f;--person-1:#d13438;--person-2:#0b7d70;--person-3:#3e63dd;--shadow-menu:0 12px 32px #0009;--shadow-dialog:0 24px 64px #000000b3;--shadow-bar:0 6px 18px #00000080;--tooltip-bg:#1f1f21;--tooltip-text:#ededed;--topbar-h:44px;--tabs-h:40px;--row-h:28px;--field-h:26px;--rail-w:44px;--edge:12px;--inset:4px;--radius-field:5px;--radius-button:6px;--radius-menu:10px;--radius-dialog:14px;--text-caption:11px;--text-label:12px;--text-ui:12px;--text-body:12px;--text-panel-title:13px;--text-title:16px;--selection:#af47d1;--selection-soft:#af47d126;--component:#b383ff;--agent:#af47d1;--measure:#f24518;--syntax-keyword:#c586c0;--syntax-string:#ce9178;--syntax-function:#dcdcaa;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--dur-1:60ms;--dur-2:90ms;--dur-3:.13s;--dur-4:.18s;--shell:var(--panel);--float:var(--raised);--stage:var(--canvas);--stage-strong:var(--pressed);--background:var(--canvas);--foreground:var(--text-1);--muted:var(--surface-2);--muted-foreground:var(--text-2);--nav-fg:var(--text-2);--nav-hover:var(--hover);--nav-active:var(--active);--secondary:var(--button);--secondary-hover:var(--button-hover);--accent:var(--active);--accent-pressed:var(--pressed);--border:var(--divider);--panel-edge:var(--hairline);--input:var(--line-strong);--input-bg:var(--field);--ring:var(--brand);--primary:var(--brand);--primary-foreground:var(--text-on-brand);--primary-hover:var(--brand-hover);--primary-soft:var(--brand-soft);--brand-foreground:var(--text-on-brand);--destructive:var(--danger);--destructive-soft:var(--danger-soft);--overlay:var(--scrim);--shadow:#00000080;--shadow-tight:#0006;--tab-active-bg:var(--active);--segment-edge:var(--hairline);--instance:var(--component);--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--radius-sm:4px;--radius-md:var(--radius-button);--radius-lg:var(--radius-menu);--radius-xl:var(--radius-dialog);--radius-popover:var(--radius-menu);--radius-popover-item:var(--radius-button);--elev-1:0 1px 2px #0006;--elev-2:var(--shadow-menu);--elev-3:var(--shadow-dialog);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--canvas:#f0f0f1;--panel:#fff;--raised:#fff;--dialog:#fff;--surface-2:#f4f4f5;--field:#00000008;--hover:#00000006;--active:#0000000a;--button:#0000000d;--button-hover:#00000014;--pressed:#00000012;--hairline:#0000000f;--divider:#00000014;--line-strong:#00000026;--scrim:#00000059;--line-soft:#00000017;--line-mid:#0000001a;--fill-soft:#00000004;--switch-off:#0000001a;--text-1:#0a0a0a;--text-strong:#18181b;--text-soft:#27272a;--text-2:#3f3f46;--text-quiet:#5f5f67;--text-3:#636369;--text-4:#84848a;--brand-text:#8e2bb0;--brand-soft:#af47d11f;--selected-row:#af47d11f;--kind-frame:#0a78e6;--kind-component:#7c2ef0;--kind-text:#404040;--kind-image:#0f9a62;--kind-variable:#d97706;--kind-icon:#d97706;--kind-shape:#737373;--kind-note:#b88400;--success:#15803d;--success-soft:#16a34a14;--warning:#9a5b00;--warning-soft:#b26a001f;--danger:#d92d20;--danger-soft:#d92d201a;--shadow-menu:0 12px 32px #0000002e;--shadow-dialog:0 24px 64px #0003;--shadow-bar:0 6px 18px #00000029;--shadow:#0000001f;--shadow-tight:#0000000f;--elev-1:0 1px 2px #0000001a;--tooltip-bg:#1f1f21;--tooltip-text:#ededed;--component:#7c2ef0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--shell);color:var(--foreground);font-family:var(--font-sans);font-size:var(--text-ui);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button,input,textarea,select{font:inherit;color:inherit}::selection{background:color-mix(in srgb, var(--brand) 45%, transparent)}:focus-visible{outline:2px solid color-mix(in srgb, var(--selection) 70%, transparent);outline-offset:1px}*{scrollbar-width:thin;scrollbar-color:var(--accent) transparent}code{font-family:var(--font-mono);font-size:.92em}@keyframes fade-in{0%{opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(4px)}}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.96)}}@keyframes toast-out{to{opacity:0;transform:translateY(6px)scale(.98)}}@keyframes flash{0%{background-color:color-mix(in srgb, var(--agent) 32%, transparent)}to{background-color:#0000}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@keyframes pulse{50%{opacity:.35}}@keyframes glow{0%,to{box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 45%, transparent), 0 0 18px color-mix(in srgb, var(--brand) 22%, transparent)}50%{box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 70%, transparent), 0 0 26px color-mix(in srgb, var(--brand) 34%, transparent)}}.spin{animation:.9s linear infinite spin}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}:root{--field-disabled:#ffffff05;--seg-icon:#9a9a9e;--seg-on:#ffffff1a;--chip:#ffffff12;--swatch-edge:#ffffff24;--check-edge:#fff3;--rail:#ffffff17}:root[data-theme=light]{--field-disabled:#00000004;--seg-icon:#52525b;--seg-on:#00000017;--chip:#0000000f;--swatch-edge:#00000024;--check-edge:#0003;--rail:#00000014}.btn{border-radius:var(--radius-button);background:var(--button);height:32px;color:var(--text-1);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.btn:hover{background:var(--button-hover)}.btn:disabled{opacity:.45;cursor:default}.btn.primary,.btn.brand{background:var(--brand);color:var(--text-on-brand)}.btn.primary:hover,.btn.brand:hover{background:var(--brand-hover)}.btn.ghost{background:0 0}.btn.ghost:hover{background:var(--hover)}.btn.outline{border-color:var(--divider);background:0 0}.btn.danger{background:var(--danger-soft);color:var(--danger)}.btn.sm{height:28px;font-size:var(--text-label);padding:0 10px}.btn.xs{height:24px;font-size:var(--text-caption);border-radius:var(--radius-field);gap:5px;padding:0 8px}.btn.full{width:100%}.icon-btn{border-radius:var(--radius-button);width:32px;height:32px;color:var(--text-quiet);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--hover);color:var(--text-1)}.icon-btn.active{background:var(--active);color:var(--text-1)}.icon-btn.brand-active{background:var(--brand);color:var(--text-on-brand)}.icon-btn.sm{width:26px;height:26px}.icon-btn.xs{border-radius:var(--radius-field);width:22px;height:22px}.icon-btn:disabled{opacity:.3;cursor:default}.icon-btn.toggle.on,.icon-btn.on{background:var(--brand-soft);color:var(--brand-text)}.icon-btn:focus-visible,.btn:focus-visible,.segmented button:focus-visible,.dd:focus-visible,.field-box.clickable:focus-visible,.switch:focus-visible{outline:1px solid var(--brand);outline-offset:0}.segmented{height:var(--field-h);border-radius:var(--radius-field);background:var(--field);flex:none;align-items:stretch;gap:2px;min-width:0;padding:2px;display:inline-flex}.segmented.full{width:100%;display:flex}.segmented.full button{flex:1 1 0;min-width:0}.segmented button{min-width:26px;color:var(--seg-icon);font-size:var(--text-label);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-weight:500;display:inline-flex}.segmented button:hover:not(:disabled){color:var(--text-1);background:var(--hover)}.segmented button.active,.segmented button.active:hover{background:var(--seg-on);color:var(--text-1)}.segmented button:disabled{opacity:.35;cursor:default}.segmented.md{height:32px}.panel-tabs .segmented{height:30px}.run-dot{background:var(--brand-text);border-radius:50%;flex:none;width:7px;height:7px;animation:1s infinite pulse;display:inline-block}.field-box,.num,.dd{height:var(--field-h);border-radius:var(--radius-field);background:var(--field);min-width:0;color:var(--text-strong);font-size:var(--text-body);font-variant-numeric:tabular-nums;border:0;align-items:center;gap:7px;padding:0 8px;display:flex;box-shadow:inset 0 0 0 1px #0000}.field-box:hover,.num:hover:not(.disabled),.dd:hover:not(:disabled){background:var(--button)}.num:focus-within,.field-box:focus-within:not(.clickable),.field-box.focused,.dd[aria-expanded=true]{box-shadow:inset 0 0 0 1px var(--brand);color:var(--text-1)}.field-box.clickable{cursor:pointer}.num.disabled,.dd.disabled,.dd:disabled{background:var(--field-disabled);opacity:.5}.num .lbl{min-width:8px;color:var(--text-3);font-size:var(--text-caption);cursor:ew-resize;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-self:stretch;align-items:center;margin-left:-2px;padding:0 2px;display:inline-flex}.num.disabled .lbl{cursor:default}.num .lbl:hover,.num.scrubbing .lbl{color:var(--brand-text)}.num input,.field-box input:not([type=checkbox]){min-width:0;height:100%;color:inherit;font:inherit;font-variant-numeric:tabular-nums;caret-color:var(--brand);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1;padding:0}.num input::placeholder,.field-box input::placeholder{color:var(--text-4)}.num .suffix{color:var(--text-3);font-size:var(--text-caption);flex:none}.num .mode-btn{height:20px;color:var(--text-3);font-size:var(--text-caption);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;margin-right:-4px;padding:0 4px}.num .mode-btn:hover{color:var(--text-1);background:var(--hover)}.num .mode-btn.chev{align-items:center;padding:0 3px;display:inline-flex}.num .bind-btn{width:18px;height:18px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;margin-right:-4px;display:none}.num:hover .bind-btn,.num .bind-btn:focus-visible{display:inline-flex}.num .bind-btn:hover{color:var(--brand-text);background:var(--hover)}.field-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-strong);flex:1;overflow:hidden}.field-hint{color:var(--text-3);font-size:var(--text-caption);white-space:nowrap;flex:none}.field-placeholder{color:var(--text-4);flex:1}.field-icon{color:var(--text-3);flex:none;display:inline-flex}.field-icon.brand{color:var(--brand-text)}.dd-chev{color:var(--text-3);flex:none}.dd-chev.up{transform:rotate(180deg)}.var-chip{background:var(--chip);max-width:100%;height:18px;color:var(--kind-text);font:inherit;font-size:var(--text-caption);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border:0;border-radius:4px;flex:none;align-items:center;padding:0 6px;display:inline-flex;overflow:hidden}.var-chip:hover{color:var(--text-1);background:var(--seg-on)}.num .var-chip{flex:0 auto;min-width:0;margin-right:auto}.dd{text-align:left;width:100%;font:inherit;font-size:var(--text-body);cursor:pointer}.dd .dd-icon{color:var(--text-3);flex:none;display:inline-flex}.dd .dd-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dd .dd-text.placeholder{color:var(--text-4)}.input,.textarea,.select{border-radius:var(--radius-field);background:var(--field);width:100%;height:28px;color:var(--text-1);border:0;outline:none;min-width:0;padding:0 8px;box-shadow:inset 0 0 0 1px #0000}.input:hover,.select:hover,.textarea:hover{background:var(--button)}.input:focus,.textarea:focus,.select:focus{box-shadow:inset 0 0 0 1px var(--brand);caret-color:var(--brand)}.textarea{resize:vertical;-webkit-user-select:text;user-select:text;height:auto;padding:7px 8px;line-height:1.4}.input{-webkit-user-select:text;user-select:text}.select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--text-3) 50%), linear-gradient(135deg, var(--text-3) 50%, transparent 50%);background-position:calc(100% - 13px) 12px,calc(100% - 9px) 12px;background-repeat:no-repeat;background-size:4px 4px;padding-right:24px}.select option{background:var(--raised);color:var(--text-1)}.select-wrap{align-items:center;min-width:0;display:flex;position:relative}.select-wrap .select-icon{color:var(--text-3);pointer-events:none;display:inline-flex;position:absolute;left:9px}.select-wrap .select{padding-left:30px}.input-icon{flex:1;align-items:center;min-width:0;display:flex;position:relative}.input-icon>svg{color:var(--text-3);pointer-events:none;position:absolute;left:9px}.input-icon .input{padding-left:30px}.check{cursor:pointer;color:var(--text-2);font-size:var(--text-label);align-items:center;gap:8px;display:inline-flex}.check input{accent-color:var(--brand);margin:0}.checkbox{min-height:20px;color:var(--text-2);font-size:var(--text-body);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex;position:relative}.checkbox input{opacity:0;width:0;height:0;position:absolute}.checkbox .box{width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--check-edge);color:#fff;border-radius:3px;flex:none;justify-content:center;align-items:center;display:inline-flex}.checkbox input:checked+.box{background:var(--brand);box-shadow:none}.checkbox input:checked~.checkbox-label{color:var(--text-soft)}.checkbox input:focus-visible+.box{outline:1px solid var(--brand);outline-offset:1px}.checkbox.disabled{opacity:.4;cursor:default}.switch{--knob:6px;--knob-at:calc(var(--knob) + 2px);background:radial-gradient(circle at var(--knob-at) 50%, #fff calc(var(--knob) - 1.2px), #00000030 calc(var(--knob) - .6px), transparent var(--knob)) no-repeat, var(--switch-off);cursor:pointer;border:0;border-radius:999px;flex:none;width:28px;height:16px;padding:2px;display:inline-flex;position:relative}.switch .knob{width:calc(var(--knob) * 2);height:calc(var(--knob) * 2);visibility:hidden;border-radius:50%;display:block}.switch.on{background:radial-gradient(circle at calc(100% - var(--knob-at)) 50%, #fff calc(var(--knob) - .6px), transparent var(--knob)) no-repeat, var(--brand)}.switch.on .knob{margin-left:auto}.switch:disabled{opacity:.4;cursor:default}.slider{appearance:none;cursor:pointer;background:0 0;outline:none;flex:1;min-width:0;height:14px;margin:0}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--brand) var(--p,0%), var(--rail) var(--p,0%));border-radius:2px;height:4px}.slider::-moz-range-track{background:linear-gradient(90deg, var(--brand) var(--p,0%), var(--rail) var(--p,0%));border-radius:2px;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:12px;height:12px;margin-top:-4px;box-shadow:0 1px 3px #0006}.slider::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #0006}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--brand)}.slider-row{align-items:center;gap:8px;min-width:0;display:flex}.slider-icon{width:18px;color:var(--text-3);font-size:var(--text-caption);flex:none;justify-content:center;display:inline-flex}.swatch{background:linear-gradient(var(--c,transparent), var(--c,transparent)), repeating-conic-gradient(#8886 0 25%, #fff 0 50%) 0 0 / 6px 6px;cursor:pointer;border:0;border-radius:3px;flex:none;width:14px;height:14px;padding:0;position:relative;overflow:hidden}span.swatch{cursor:default}.swatch.paint{background:var(--bg,linear-gradient(transparent, transparent)), repeating-conic-gradient(#8886 0 25%, #fff 0 50%) 0 0 / 6px 6px}.swatch:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--swatch-edge);pointer-events:none;position:absolute;inset:0}.swatch.icon{background:var(--brand-soft);color:var(--brand-text);justify-content:center;align-items:center;display:inline-flex}.swatch>span{border-radius:inherit;position:absolute;inset:0}.color-input{min-width:0;height:var(--field-h);border-radius:var(--radius-field);background:var(--field);color:var(--text-strong);flex:1;align-items:center;gap:7px;padding:0 8px 0 6px;display:flex;box-shadow:inset 0 0 0 1px #0000}.color-input:hover{background:var(--button)}.color-input:focus-within{box-shadow:inset 0 0 0 1px var(--brand)}.color-input.small{height:22px}.color-input .hex,.color-input .alpha{min-width:0;color:inherit;font:inherit;font-size:var(--text-body);font-variant-numeric:tabular-nums;text-transform:uppercase;caret-color:var(--brand);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;padding:0}.color-input .hex{flex:1}.color-input .alpha{text-align:right;width:38px;color:var(--text-3);font-size:var(--text-caption)}.chip{background:var(--chip);height:20px;color:var(--text-2);font-size:var(--text-caption);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;align-items:center;gap:4px;max-width:100%;padding:0 7px;display:inline-flex;overflow:hidden}.chip.var{color:var(--kind-text);font-variant-numeric:tabular-nums}.chip.component{background:var(--brand-soft);color:var(--kind-component)}.chip.danger{color:var(--danger);background:var(--danger-soft)}.kbd{font-family:var(--font-sans);background:var(--active);color:var(--text-3);white-space:nowrap;border-radius:4px;align-items:center;padding:3px 5px;font-size:10.5px;line-height:1;display:inline-flex}.kind-frame{--kind:var(--kind-frame)}.kind-component{--kind:var(--kind-component)}.kind-text{--kind:var(--kind-text)}.kind-image{--kind:var(--kind-image)}.kind-icon{--kind:var(--kind-icon)}.kind-shape{--kind:var(--kind-shape)}.kind-note{--kind:var(--kind-note)}.kind{color:var(--kind);display:inline-flex}.tooltip{z-index:400;border-radius:var(--radius-button);background:var(--tooltip-bg);max-width:280px;color:var(--tooltip-text);font-size:var(--text-label);box-shadow:var(--shadow-bar);pointer-events:none;align-items:center;gap:8px;padding:5px 9px;line-height:1.35;display:flex;position:fixed;transform:translate(-50%,-100%)}.tooltip.below{transform:translate(-50%)}.tooltip-kbd{color:#a1a1a1;font-size:var(--text-caption);border-left:1px solid #ffffff1f;padding-left:8px}.app{grid-template-rows:var(--topbar-h) minmax(0, 1fr);background:var(--canvas);height:100%;display:grid}.workspace{grid-template-columns:var(--left-w,248px) minmax(0, 1fr) var(--right-w,264px);min-height:0;display:grid;position:relative}.panel{background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.panel.left,.rail.left{border-right:1px solid var(--hairline)}.panel.right,.rail.right{border-left:1px solid var(--hairline)}.panel.hidden,.rail.hidden{visibility:hidden;border:0}.tab-pane{flex-direction:column;flex:1;min-height:0;display:flex}.panel-body{flex:1;min-height:0;overflow:auto}.panel-tabs{height:var(--tabs-h);padding:0 6px 0 var(--inset);border-bottom:1px solid var(--hairline);flex:none;align-items:center;gap:2px;display:flex}.panel-tabs .spacer{flex:1}.panel-tab{border-radius:var(--radius-button);height:26px;color:var(--text-3);font-size:var(--text-label);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 8px;font-weight:400;display:inline-flex;position:relative}.panel-tab:hover{color:var(--text-1)}.panel-tab.active{background:var(--active);color:var(--text-1);font-weight:500}.tab-dot{background:var(--brand);border-radius:50%;width:6px;height:6px}.panel-action{width:26px;height:26px;color:var(--text-3)}.panel-action.collapse{color:var(--text-3)}.rail{background:var(--panel);flex-direction:column;align-items:center;gap:4px;min-height:0;padding:8px 0;display:flex}.rail .spacer{flex:1}.rail-btn{border-radius:var(--radius-button);width:32px;height:32px;color:var(--text-2);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:relative}.rail-btn:hover{background:var(--hover);color:var(--text-1)}.rail-btn.active{background:var(--button);color:var(--text-1)}.rail-btn .tab-dot{position:absolute;top:5px;right:5px}.sidebar-resizer{z-index:6;cursor:col-resize;touch-action:none;width:7px;position:absolute;top:0;bottom:0}.sidebar-resizer.left{left:calc(var(--left-w,248px) - 3px)}.sidebar-resizer.right{right:calc(var(--right-w,264px) - 4px)}.sidebar-resizer:after{content:"";width:1px;position:absolute;top:0;bottom:0;left:3px}.sidebar-resizer:hover:after,.sidebar-resizer.dragging:after{background:var(--brand)}.workspace.no-left .sidebar-resizer.left,.workspace.no-right .sidebar-resizer.right{display:none}body.resizing-sidebar,body.resizing-sidebar *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}.topbar{height:var(--topbar-h);background:var(--panel);border-bottom:1px solid var(--hairline);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:0 8px 0 4px;display:grid}.tb-left,.tb-center,.tb-right{align-items:center;min-width:0;display:flex}.tb-left{gap:2px}.tb-center{justify-content:center;gap:2px}.tb-right{justify-content:flex-end;gap:4px}.tb-divider{background:var(--divider);flex:none;width:1px;height:16px;margin:0 6px}.app-menu-btn{border-radius:var(--radius-button);height:28px;color:var(--text-1);cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:4px;padding:0 6px 0 8px;display:inline-flex}.app-menu-btn:hover,.app-menu-btn.open{background:var(--hover)}.app-menu-btn .app-name{margin:0 2px 0 4px;font-size:13px;font-weight:600}.app-menu-btn .chev,.tb-btn .chev{color:var(--text-3)}.penly-logo{background:var(--brand);color:#fff;border-radius:20.5%;flex:none;place-items:center;display:inline-grid;position:relative}.penly-logo .penly-mark{width:61%;height:61%;display:grid}.penly-logo svg,.penly-mark-only svg{width:100%;height:100%}.penly-mark-only{flex:none;display:inline-grid}.doc-tabs{align-items:center;gap:2px;min-width:0;display:flex;overflow:hidden}.doc-tab{border-radius:var(--radius-button);height:28px;color:var(--text-3);font-size:var(--text-label);cursor:default;align-items:center;gap:8px;min-width:0;max-width:200px;padding:0 10px;display:inline-flex;position:relative}.doc-tab:hover{color:var(--text-1);background:var(--hover)}.doc-tab.active{background:var(--active);color:var(--text-1);font-weight:500}.doc-tab .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.doc-tab .dot{background:var(--brand);border-radius:50%;flex:none;width:6px;height:6px}.doc-tab .close{opacity:0;width:16px;height:16px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;margin-right:-4px;padding:0;display:grid}.doc-tab:hover .close,.doc-tab:focus-within .close,.doc-tab .close:focus-visible{opacity:1}.doc-tab .dot+.close{margin-left:-22px}.doc-tab:hover .dot,.doc-tab:focus-within .dot{visibility:hidden}.doc-tab .close:hover{background:var(--active);color:var(--text-1)}.tb-btn{border-radius:var(--radius-button);height:28px;color:var(--text-2);font-size:var(--text-label);cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.tb-btn.square{justify-content:center;width:28px;padding:0}.tb-btn:hover,.tb-btn.open{background:var(--hover);color:var(--text-1)}.tb-btn.zoom span{text-align:right;min-width:30px;color:var(--text-1)}.view-switch{border-radius:var(--radius-button);background:var(--field);gap:2px;height:28px;padding:2px;display:inline-flex}.view-switch button{width:24px;height:24px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.view-switch button:hover{color:var(--text-1)}.view-switch button.active{background:var(--button-hover);color:var(--text-1)}.tool-groups{align-items:center;gap:2px;display:flex}.tool-group{border-radius:var(--radius-button);height:28px;color:var(--text-2);align-items:center;display:inline-flex}.tool-group:hover,.tool-group.open{background:var(--hover);color:var(--text-1)}.tool-group.active{background:var(--brand);color:#fff}.tool-group button{height:28px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.tool-group .tool-main{width:28px}.tool-group.has-menu .tool-main{width:22px;margin-left:3px}.tool-group .tool-more{width:13px;color:var(--text-4);margin-right:3px}.tool-group.active .tool-more{color:#fffc}.tool-group .tool-more:hover{color:inherit}.presence{align-items:center;display:flex}.avatar{border:2px solid var(--panel);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:grid}.presence .avatar+.avatar{margin-left:-4px}.avatar.agent{background:var(--brand)}.home-search{width:min(420px, calc(40 * var(--vw)));border-radius:var(--radius-button);background:var(--field);height:30px;color:var(--text-4);font-size:var(--text-label);cursor:pointer;border:0;align-items:center;gap:8px;padding:0 10px;display:flex}.home-search:hover{background:var(--active)}.home-search span:first-of-type{text-align:left;flex:1}.kbd-hint{color:var(--text-4);font-size:var(--text-caption)}.server-offline{background:var(--danger-soft);height:24px;color:var(--danger);font-size:var(--text-caption);border-radius:12px;align-items:center;gap:6px;margin-right:4px;padding:0 8px;font-weight:500;display:inline-flex}.server-offline .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.avatar.app{background:var(--raised);color:var(--text-1);border-color:var(--panel)}.tooltip.side.right{transform:translateY(-50%)}.tooltip.side.left{transform:translate(-100%,-50%)}.empty-state{color:var(--text-3);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 24px;display:flex}.empty-state p{font-size:var(--text-label);margin:0}.cloud-status{height:26px;color:var(--text-3);white-space:nowrap;border-radius:6px;align-items:center;gap:5px;margin-right:4px;padding:0 8px;font-size:12px;display:inline-flex}.cloud-status.saving,.cloud-status.joining{color:var(--text-2)}.cloud-status.offline,.cloud-status.gone{color:var(--warning,#b7791f);background:var(--fill-soft)}.menu{z-index:300;min-width:200px;max-width:340px;max-height:calc(calc(100 * var(--vh)) - 16px);border-radius:var(--radius-menu);background:var(--raised);border:1px solid var(--hairline);box-shadow:var(--shadow-menu);font-size:var(--text-label);opacity:0;padding:4px;position:fixed;overflow:auto}.menu.ready{opacity:1;animation:menu-in var(--dur-2) var(--ease-out)}@keyframes menu-in{0%{opacity:0;transform:translateY(-2px)}}.menu-search{border-radius:var(--radius-button);background:var(--field);height:30px;color:var(--text-3);align-items:center;gap:8px;margin:0 0 4px;padding:0 8px;display:flex}.menu-search input{min-width:0;color:var(--text-1);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1}.menu-search input::placeholder{color:var(--text-4)}.menu-item{height:var(--row-h);border-radius:var(--radius-button);cursor:pointer;white-space:nowrap;color:var(--text-1);align-items:center;gap:8px;padding:0 8px;display:flex}.menu-item .menu-icon{width:14px;height:14px;color:var(--text-2);flex:none;place-items:center;display:grid}.menu-item.active,.menu-item.open{background:var(--button-hover)}.menu-item.active .menu-icon{color:var(--text-1)}.menu-item.danger,.menu-item.danger .menu-icon{color:var(--danger)}.menu-item.disabled{opacity:.4;pointer-events:none}.menu-item .menu-label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.menu-item .menu-path,.menu-item .menu-hint{color:var(--text-3)}.menu-item .menu-hint{margin-left:6px}.menu-item .menu-check{width:12px;color:var(--text-1);flex:none}.menu-item .menu-badge{background:var(--brand-soft);color:var(--brand-text);border-radius:4px;flex:none;padding:1px 6px;font-size:10px;font-weight:500}.menu-item .shortcut{color:var(--text-3);font-size:var(--text-caption);margin-left:auto;padding-left:16px}.menu-item.active .shortcut,.menu-item.active .menu-hint{color:var(--text-2)}.menu-item .menu-more{color:var(--text-3);margin-left:auto}.menu-header{font-size:var(--text-caption);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;padding:6px 8px 4px;font-weight:500;overflow:hidden}.menu.has-checks .menu-header{padding-left:28px}.menu.has-icons .menu-header{padding-left:30px}.menu.has-checks.has-icons .menu-header{padding-left:50px}.menu-empty{color:var(--text-3);padding:8px}.menu-sep{background:var(--hairline);height:1px;margin:4px 0}:root{--ui-strong:#fff;--ui-soon:#9a9a9e;--ui-card-2:#ffffff04;--ui-seg-on:#ffffff1a;--ui-seg-on-2:#ffffff17;--ui-chip:#ffffff14;--ui-line:#ffffff1f;--ui-line-soft:#ffffff0a;--ui-line-mid:#ffffff14;--ui-line-avatar:#ffffff2e;--ui-palette:#1c1c1e;--ui-palette-foot:#ffffff05;--ui-preview:#111112;--ui-brand-note:#e0b3ef}:root[data-theme=light]{--ui-strong:#0a0a0a;--ui-soon:#52525b;--ui-card-2:#00000003;--ui-seg-on:#00000017;--ui-seg-on-2:#00000014;--ui-chip:#00000012;--ui-line:#0000001f;--ui-line-soft:#0000000a;--ui-line-mid:#00000014;--ui-line-avatar:#0000002e;--ui-palette:#f4f4f5;--ui-palette-foot:#00000004;--ui-preview:#f7f7f8;--ui-brand-note:#8e2bb0}.scrim{z-index:90;background:var(--scrim);animation:fade-in var(--dur-3) var(--ease-out);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}@keyframes window-in{0%{opacity:0;transform:scale(.98)}}.dialog,.window{border-radius:var(--radius-dialog);background:var(--dialog);border:1px solid var(--ui-line);width:min(520px,100%);max-height:100%;box-shadow:var(--shadow-dialog);animation:window-in var(--dur-3) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.dialog{width:min(560px,100%);overflow:auto}.dialog.wide{width:min(820px,100%)}.dialog-head{justify-content:space-between;align-items:center;padding:18px 16px 6px 20px;display:flex}.dialog-head h2{font-size:var(--text-title);align-items:center;gap:10px;margin:0;font-weight:600;display:flex}.dialog-icon{color:var(--text-3);display:inline-flex}.dialog-body{flex-direction:column;gap:14px;padding:8px 20px 16px;display:flex}.dialog-foot{justify-content:flex-end;gap:8px;padding:12px 20px 20px;display:flex}.win-head{flex:none;align-items:flex-start;gap:12px;padding:18px 16px 4px 20px;display:flex}.win-icon{color:var(--text-1);flex:none;margin-top:2px;display:inline-flex}.win-titles{flex:1;min-width:0}.win-head h2,.set-head h2,.export-head h2{color:var(--text-1);margin:0;font-size:15px;font-weight:600;line-height:1.35}.win-sub{color:var(--text-3);margin-top:4px;font-size:12px;line-height:1.4}.win-close{border-radius:var(--radius-button);width:28px;height:28px;color:var(--text-quiet);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.win-close:hover{background:var(--hover);color:var(--text-1)}.win-body{flex-direction:column;gap:10px;min-height:0;padding:14px 20px 18px;display:flex;overflow:auto}.win-foot{border-top:1px solid var(--hairline);flex:none;align-items:center;gap:8px;padding:14px 16px 14px 20px;display:flex}.win-note{min-width:0;font-size:var(--text-caption);color:var(--text-3);flex:1;line-height:1.4}.win-foot .btn.sm,.set-content .win-foot .btn.sm{border-radius:var(--radius-button);height:30px;padding:0 14px}.window .btn.primary{font-weight:600}.window .spacer,.set-nav .spacer{flex:1}.window .link{color:var(--brand-text);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.window .link:hover{text-decoration:underline}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:2px}.switch.disabled{opacity:.45;cursor:default}.seg{border-radius:var(--radius-button);background:var(--field);flex:none;gap:2px;height:28px;padding:2px;display:inline-flex}.seg button{color:var(--text-quiet);font-size:var(--text-caption);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.seg button:hover{color:var(--text-1)}.seg button:has(>svg:only-child){padding:0 10px}.seg button.on{background:var(--ui-seg-on);color:var(--text-1);font-weight:500}.avatar-dot{color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:600;line-height:1;display:inline-grid}.avatar-dot.square{border-radius:25%}.window.settings{flex-direction:row;width:min(780px,100%);height:min(700px,100%)}.set-nav{background:var(--panel);border-right:1px solid var(--hairline);flex-direction:column;flex:none;gap:2px;width:210px;padding:16px 10px;display:flex;overflow:auto}.set-nav-title{font-size:var(--text-panel-title);color:var(--text-1);padding:0 8px 12px;font-weight:600}.set-nav-group{font-size:var(--text-caption);color:var(--text-4);padding:14px 8px 4px}.set-nav-item{border-radius:var(--radius-button);height:30px;color:var(--text-quiet);text-align:left;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:9px;padding:0 8px;display:flex}.set-nav-item .label{min-width:0;color:var(--text-soft);font-size:var(--text-label);flex:1}.set-nav-item:hover{background:var(--hover)}.set-nav-item.active{background:var(--button);color:var(--brand-text)}.set-nav-item.active .label{color:var(--ui-strong);font-weight:500}.set-nav-item .count{font-size:var(--text-caption);color:var(--text-4)}.badge,.set-nav-item .badge{background:var(--brand-soft);height:16px;color:var(--brand-text);border-radius:4px;flex:none;align-items:center;padding:0 5px;font-size:10px;font-weight:500;display:inline-flex}.badge.quiet{background:var(--button);color:var(--ui-soon)}.set-version{font-size:var(--text-caption);color:var(--text-4);align-items:center;gap:6px;padding:0 8px;display:flex}.set-content{flex-direction:column;flex:1;min-width:0;display:flex}.set-head{flex:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 16px 14px 24px;display:flex}.set-head h2{font-size:var(--text-title)}.set-head .win-sub{color:var(--text-quiet)}.set-body{flex-direction:column;flex:1;gap:18px;min-height:0;padding:4px 24px 16px;display:flex;overflow:auto}.set-content>.win-foot{height:52px;padding:0 16px 0 24px}.set-heading{font-size:var(--text-caption);color:var(--text-quiet);font-weight:600}.set-heading-row{justify-content:space-between;align-items:center;display:flex}.set-count{font-size:var(--text-caption);color:var(--ui-soon);font-weight:500}.set-rows{flex-direction:column;display:flex}.set-row{border-bottom:1px solid var(--field);align-items:center;gap:16px;padding:10px 0;display:flex}.set-row.plain{border:0;padding:0}.cloud-rows{margin-top:20px}.set-row .input.cloud-address{flex:none;width:290px}.set-row .input.cloud-address:disabled{color:var(--text-3)}.set-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.set-label{font-size:var(--text-label);color:var(--text-1);font-weight:500}.set-row.plain .set-label{font-weight:400}.set-hint{font-size:var(--text-caption);color:var(--text-3);line-height:1.4}.set-value{font-size:var(--text-label);color:var(--text-soft)}.set-list-row{border-bottom:1px solid var(--field);align-items:center;gap:10px;padding:10px 12px;display:flex}.set-list-row:last-child{border-bottom:0}.set-list-icon{background:var(--field);width:28px;height:28px;color:var(--text-2);border-radius:7px;flex:none;place-items:center;display:grid}.status{font-size:var(--text-caption);color:var(--text-3);flex:none;align-items:center;gap:6px;display:inline-flex}.status i{background:var(--text-4);border-radius:50%;width:6px;height:6px}.status.ok{color:var(--text-2)}.status.ok i{background:var(--success)}.set-note{font-size:var(--text-caption);color:var(--text-3);gap:8px;line-height:1.45;display:flex}.set-note>svg{flex:none;margin-top:1px}.set-note.top-rule{border-top:1px solid var(--hairline);padding-top:12px}.set-note .link{font-size:inherit}.set-code{margin-top:-10px;font-size:11px}.set-empty{border:1px solid var(--hairline);background:var(--fill-soft);border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;display:flex}.set-empty-title{font-size:var(--text-label);color:var(--text-1);font-weight:500}.set-empty-icon{color:var(--text-3)}.set-empty .btn{margin-top:4px}.set-legacy{flex-direction:column;gap:14px;display:flex}.shortcuts{flex-direction:column;gap:16px;display:flex}.shortcut-group{flex-direction:column;display:flex}.shortcut-group .set-heading{margin-bottom:4px}.shortcut-row{border-bottom:1px solid var(--field);min-height:30px;font-size:var(--text-label);color:var(--text-soft);justify-content:space-between;align-items:center;gap:12px;display:flex}.shortcut-row .keys{flex:none;gap:3px;display:inline-flex}.key-form{border:1px solid var(--hairline);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.key-form .input{flex:180px;height:28px}.key-form .spacer{flex:1}.set-list-row.key-row{flex-direction:column;align-items:stretch;padding:12px 10px 12px 14px}.key-main{align-items:center;gap:10px;display:flex}.key-icon{color:var(--text-3);flex:none}.scope{background:var(--active);height:20px;color:var(--text-soft);font-size:var(--text-caption);white-space:nowrap;border-radius:5px;flex:none;align-items:center;padding:0 7px;display:inline-flex}.key-reveal{border-radius:var(--radius-button);background:#af47d114;border:1px solid #af47d140;align-items:center;gap:10px;margin-top:10px;padding:8px 8px 8px 12px;display:flex}.key-reveal .secret{font-size:var(--text-label);color:var(--text-1);-webkit-user-select:text;user-select:text;word-break:break-all;font-weight:500}.key-once{font-size:var(--text-caption);color:var(--ui-brand-note)}.stock-settings{flex-direction:column;gap:16px;display:flex}.stock-provider{border-bottom:1px solid var(--ui-line-soft);flex-direction:column;gap:10px;padding:14px;display:flex}.stock-provider:last-child{border-bottom:0}.stock-row{align-items:center;gap:10px;display:flex}.stock-icon{background:var(--field);width:28px;height:28px;color:var(--text-2);border-radius:7px;flex:none;place-items:center;display:grid}.stock-keyrow{align-items:center;gap:8px;display:flex}.key-field{border-radius:var(--radius-button);background:var(--field);min-width:0;height:30px;color:var(--text-3);border:1px solid #0000;flex:1;align-items:center;gap:6px;padding:0 10px;display:flex}.key-field:focus-within{border-color:var(--brand)}.key-field input{min-width:0;color:var(--text-1);font-size:var(--text-label);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1}.key-field input::placeholder{color:var(--text-4)}.key-field.shown span{color:var(--text-2);font-size:var(--text-label)}.stock-keyrow .btn.sm{border-radius:var(--radius-button);height:30px}.danger-text{color:var(--danger)}.invite{flex-direction:column;gap:18px;display:flex}.invite-window .win-head{align-items:center;padding:18px 14px 6px 20px}.invite-window .win-body{gap:0;padding:12px 20px 0}.invite-row{align-items:center;gap:8px;display:flex}.email-field{background:var(--field);cursor:text;border:1px solid #0000;border-radius:7px;flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;min-height:34px;padding:4px 4px 4px 6px;display:flex}.email-field:focus-within{border-color:var(--brand)}.email-field input{min-width:90px;color:var(--text-1);font-size:var(--text-label);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1}.email-field input::placeholder{color:var(--text-4)}.email-chip{background:var(--ui-chip);height:24px;color:var(--text-1);font-size:var(--text-label);border-radius:5px;align-items:center;gap:4px;padding:0 4px 0 8px;display:inline-flex}.email-chip button{color:var(--text-3);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.role-btn{height:26px;color:var(--text-soft);font-size:var(--text-label);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;align-items:center;gap:4px;padding:0 6px 0 8px;display:inline-flex}.role-btn svg{color:var(--text-3)}.role-btn:hover{background:var(--hover)}.role-fixed{font-size:var(--text-label);color:var(--text-3);padding:0 8px}.invite-send{border-radius:7px;height:34px;padding:0 16px;font-weight:600}.people{flex-direction:column;gap:2px;display:flex}.people-count{font-size:var(--text-caption);color:var(--text-3)}.person{align-items:center;gap:10px;min-height:44px;display:flex}.person-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.person-name{font-size:var(--text-label);color:var(--text-1);font-weight:500}.person.invited .person-name{color:var(--text-soft)}.person-mail{font-size:var(--text-caption);color:var(--text-3);text-overflow:ellipsis;overflow:hidden}.invite-avatar{border:1px solid var(--ui-line-avatar);width:28px;height:28px;color:var(--text-3);border-radius:50%;flex:none;place-items:center;display:grid}.resend{color:var(--brand-text);font-size:var(--text-caption);cursor:pointer;background:0 0;border:0;padding:0 4px}.invite-foot{border-top:1px solid var(--hairline);color:var(--text-3);align-items:center;gap:8px;margin:0 -20px;padding:14px 20px;display:flex}.invite-foot span{font-size:var(--text-label);color:var(--ui-soon);flex:1}.invite.embedded .invite-foot{margin:0;padding:12px 0 0}.signin-screen{z-index:95;background:var(--canvas);animation:fade-in var(--dur-3) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex;position:fixed;inset:0;overflow:auto}.signin-card{background:var(--dialog);border:1px solid var(--ui-line-mid);width:min(380px,100%);animation:window-in var(--dur-3) var(--ease-out);border-radius:16px;flex-direction:column;align-items:center;gap:20px;padding:32px;display:flex}.signin-titles{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.signin-titles h1{letter-spacing:-.3px;color:var(--text-1);margin:0;font-size:20px;font-weight:600}.signin-titles p{font-size:var(--text-label);color:var(--text-3);margin:0;line-height:1.45}.signin-providers,.signin-email{flex-direction:column;gap:8px;width:100%;display:flex}.signin-btn,.signin-send{height:38px;font-size:var(--text-label);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;font-weight:500;display:flex}.signin-btn{border:1px solid var(--ui-line-mid);background:var(--button);color:var(--text-1)}.signin-btn:hover{background:var(--button-hover)}.signin-send{background:var(--brand);color:#fff;border:0;font-weight:600}.signin-send:hover{background:var(--brand-hover)}.signin-btn:disabled,.signin-send:disabled{opacity:.6;cursor:default}.signin-or{width:100%;font-size:var(--text-caption);color:var(--text-3);align-items:center;gap:10px;display:flex}.signin-or i{background:var(--ui-line-mid);flex:1;height:1px}.signin-field{background:var(--field);border:1px solid var(--ui-line-mid);height:38px;color:var(--text-3);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.signin-field:focus-within{border-color:var(--brand)}.signin-field input{min-width:0;color:var(--text-1);font-size:var(--text-label);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1}.signin-field input::placeholder{color:var(--text-4)}.signin-local{font-size:var(--text-caption);color:var(--text-3);flex-direction:column;align-items:center;gap:4px;padding-top:6px;display:flex}.signin-keep{color:var(--brand-text);font-size:var(--text-label);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-weight:500;display:inline-flex}.signin-keep:hover{text-decoration:underline}.signin-note,.signin-sent{width:100%;font-size:var(--text-caption);color:var(--text-2);text-align:center;line-height:1.45}.signin-sent{background:var(--brand-soft);color:var(--text-1);font-size:var(--text-label);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.signin-code{border:1px solid var(--ui-line-mid);border-radius:8px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:14px 12px;display:flex}.signin-code-label{font-size:var(--text-caption);color:var(--text-3)}.signin-code-value{color:var(--text-1);font-variant-numeric:tabular-nums;letter-spacing:.3em;padding-left:.3em;font-size:26px;font-weight:600;line-height:1.1}.signin-code-hint,.signin-waiting{font-size:var(--text-caption);color:var(--text-3);text-align:center;line-height:1.45}.signin-expired{width:100%;font-size:var(--text-caption);color:var(--text-2);text-align:center;flex-direction:column;gap:8px;display:flex}.signin-other{margin-top:-8px}.signin-legal{font-size:var(--text-caption);color:var(--text-4)}.history-panel{top:var(--topbar-h);z-index:80;background:var(--panel);border-left:1px solid var(--hairline);flex-direction:column;width:280px;display:flex;position:fixed;bottom:0;right:0}.history-head{border-bottom:1px solid var(--hairline);height:44px;color:var(--text-2);flex:none;align-items:center;gap:4px;padding:0 8px 0 12px;display:flex}.history-head .title{font-size:var(--text-label);color:var(--text-1);flex:1;margin-left:4px;font-weight:600}.history-filter{padding:10px 12px 6px}.history-filter .seg{width:100%;display:flex}.history-filter .seg button{height:24px;font-size:var(--text-label);color:var(--text-3);border-radius:5px;flex:1}.history-filter .seg button.on{background:var(--ui-seg-on-2);color:var(--text-1)}.history-list{flex-direction:column;gap:2px;padding:4px;display:flex;overflow:auto}.history-day{font-size:var(--text-caption);color:var(--text-3);padding:10px 8px 4px}.version{border-radius:var(--radius-button);cursor:pointer;flex-direction:column;gap:8px;padding:8px;display:flex}.version:hover{background:var(--hover)}.version.picked{background:var(--selected-row)}.version-row{align-items:center;gap:8px;display:flex}.version-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.version-title{font-size:var(--text-label);color:var(--text-1);font-weight:500}.version-meta{font-size:var(--text-caption);color:var(--text-3)}.version .live{background:var(--button);height:18px;color:var(--text-2);border-radius:9px;align-items:center;gap:4px;padding:0 7px;font-size:10px;font-weight:500;display:inline-flex}.version .live i{background:var(--success);border-radius:50%;width:5px;height:5px}.version-actions{gap:6px;padding-left:28px;display:flex}.version-actions .btn.sm{border-radius:var(--radius-button);height:26px}.version-actions .input{flex:1;min-width:0;height:26px}.history-empty{flex-direction:column;gap:4px;padding:16px 8px;display:flex}.history-empty .t{font-size:var(--text-label);color:var(--text-1);font-weight:500}.history-empty .s{font-size:var(--text-caption);color:var(--text-3);line-height:1.45}.viewing-bar{top:calc(var(--topbar-h) + 16px);left:calc((calc(100 * var(--vw)) - 280px) / 2);z-index:80;border-radius:var(--radius-menu);background:var(--raised);border:1px solid var(--ui-line-mid);height:40px;box-shadow:var(--shadow-bar);color:var(--brand-text);white-space:nowrap;animation:fade-in var(--dur-3) var(--ease-out);align-items:center;gap:10px;padding:0 6px 0 14px;display:flex;position:fixed;transform:translate(-50%)}.viewing-bar span{font-size:var(--text-label);color:var(--text-1);font-weight:500}.window.export{flex-direction:row;width:min(760px,100%);height:min(540px,100%)}.export-preview{background:var(--ui-preview);border-right:1px solid var(--hairline);flex-direction:column;flex:none;gap:12px;width:320px;padding:20px;display:flex}.export-stage{background:var(--surface-2);border-radius:8px;flex:1;place-items:center;min-height:0;padding:20px;display:grid;overflow:hidden}.export-stage img{object-fit:contain;max-width:100%;max-height:100%;box-shadow:0 8px 24px #00000040}.export-empty{font-size:var(--text-caption);color:var(--text-3)}.export-info{justify-content:space-between;gap:12px;display:flex}.export-info .name{font-size:var(--text-label);color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.export-info .size{font-size:var(--text-caption);color:var(--text-quiet);flex:none}.export-settings{flex-direction:column;flex:1;min-width:0;display:flex}.export-head{justify-content:space-between;align-items:center;padding:18px 16px 8px 24px;display:flex}.export-head h2{font-size:var(--text-title)}.export-body{flex-direction:column;flex:1;gap:16px;min-height:0;padding:8px 24px 16px;display:flex;overflow:auto}.export-heading{font-size:var(--text-caption);color:var(--text-quiet);margin-bottom:-6px;font-weight:600}.opt-chips{flex-wrap:wrap;gap:6px;display:flex}.opt-chips button{border-radius:var(--radius-button);background:var(--field);height:28px;color:var(--text-2);font-size:var(--text-caption);cursor:pointer;border:1px solid #0000;padding:0 10px}.opt-chips button:hover{background:var(--button-hover);color:var(--text-1)}.opt-chips button.on{background:var(--brand-soft);border-color:var(--brand);color:var(--ui-strong);font-weight:600}.export-options{flex-direction:column;display:flex}.opt-row{min-height:28px;font-size:var(--text-label);color:var(--text-soft);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.opt-note{font-size:var(--text-caption);color:var(--text-3);line-height:1.45}.save-to{border-radius:var(--radius-button);background:var(--field);height:30px;color:var(--text-quiet);align-items:center;gap:8px;padding:0 4px 0 10px;display:flex}.save-to .path{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-caption);color:var(--text-soft);flex:1;overflow:hidden}.save-to .btn.xs{height:22px;font-size:var(--text-caption);border-radius:5px}.window.export .win-foot{height:56px;padding:0 16px 0 24px}.window.export .win-foot .copy{color:var(--text-soft);margin-left:-10px;padding:0 10px;font-weight:400}.window.export .win-foot .copy svg{color:var(--text-2)}.came-across{font-size:var(--text-label);color:var(--text-2);align-items:center;gap:8px;display:flex}.came-across svg{color:var(--success);flex:none}.came-across .took{font-size:var(--text-caption);color:var(--text-4);margin-left:auto}.report-heading{font-size:var(--text-caption);color:var(--text-3);font-weight:600}.report-list,.tidy-list{border:1px solid var(--hairline);border-radius:8px;flex-direction:column;max-height:320px;display:flex;overflow:auto}.report-item{border-bottom:1px solid var(--ui-line-soft);align-items:center;gap:10px;padding:10px 12px;display:flex}.report-item:last-child,.tidy-file:last-child{border-bottom:0}.report-text,.tidy-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.report-row{align-items:baseline;gap:6px;min-width:0;display:flex}.report-row .what{font-size:var(--text-label);color:var(--text-1);font-weight:500}.report-row .where,.report-item .how{font-size:var(--text-caption);color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.report-select{border-radius:var(--radius-button);height:24px;color:var(--brand-text);font-size:var(--text-caption);cursor:pointer;background:0 0;border:0;flex:none;padding:0 8px}.report-select:hover{background:var(--brand-soft)}.tidy-title{color:var(--text-3);align-items:center;gap:8px;padding-top:4px;display:flex}.tidy-title .label{font-size:var(--text-label);color:var(--text-1);flex:1;font-weight:500}.tidy-title .meta{font-size:var(--text-caption)}.tidy-file{border-bottom:1px solid var(--ui-line-soft);align-items:center;gap:10px;padding:8px 12px;display:flex}label.tidy-file{cursor:pointer}.tidy-file .kind{color:var(--text-3);display:inline-flex}.tidy-text .name{font-size:var(--text-label);color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tidy-text .info,.tidy-file .size{font-size:var(--text-caption);color:var(--text-3)}.tidy-file .size{flex:none}.tick{border:1px solid var(--line-strong);color:#fff;border-radius:4px;flex:none;place-items:center;width:14px;height:14px;display:grid;position:relative}.tick.on{background:var(--brand);border-color:var(--brand)}.tick input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:-2px}.tick:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:2px}.tidy-note{font-size:var(--text-caption);color:var(--text-3);gap:8px;padding-top:4px;line-height:1.45;display:flex}.tidy-note svg{flex:none;margin-top:1px}.tidy-quiet{font-size:var(--text-label);color:var(--text-3)}.files-window .win-body{padding-top:12px}.files-layout{grid-template-columns:170px minmax(0,1fr);gap:16px;min-height:0;display:grid}.places{flex-direction:column;gap:2px;min-width:0;display:flex}.places button{border-radius:var(--radius-button);height:28px;color:var(--text-quiet);font-size:var(--text-label);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-width:0;padding:0 8px;display:flex}.places button span,.places button{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.places button:not(.recent){color:var(--text-soft)}.places button:not(.recent) svg{color:var(--text-quiet)}.places button:hover{background:var(--hover);color:var(--text-1)}.places button.active{background:var(--button);color:var(--ui-strong)}.places-head{font-size:var(--text-caption);color:var(--text-4);padding:12px 8px 4px}.files-main{flex-direction:column;gap:8px;min-width:0;display:flex}.files{border:1px solid var(--hairline);border-radius:8px;height:340px;padding:4px;overflow:auto}.file-row{cursor:pointer;white-space:nowrap;height:28px;font-size:var(--text-label);color:var(--text-soft);border-radius:5px;align-items:center;gap:8px;padding:0 8px;display:flex}.file-row svg{color:var(--text-quiet);flex:none}.file-row svg.pen{color:var(--kind-frame)}.file-row .file-name-text{text-overflow:ellipsis;overflow:hidden}.file-row:hover{background:var(--hover);color:var(--text-1)}.file-row.selected{background:var(--selected-row);color:var(--ui-strong)}.file-row.dim{opacity:.55}.file-row .meta{font-size:var(--text-caption);color:var(--text-4);margin-left:auto;padding-left:12px}.files-empty{text-align:center;font-size:var(--text-label);color:var(--text-3);padding:24px}.crumbs{color:var(--text-4);flex-wrap:wrap;align-items:center;gap:2px;display:flex}.crumb{align-items:center;display:inline-flex}.crumbs button{color:var(--text-3);font-size:var(--text-label);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:2px 4px}.crumbs button:hover{background:var(--hover);color:var(--text-1)}.crumb:last-child button{color:var(--text-1)}.files-window .file-name{width:280px;height:30px}.field{flex-direction:column;gap:6px;display:flex}.field>label{font-size:var(--text-label);color:var(--text-2);font-weight:500}.callout{border-radius:var(--radius-button);background:var(--field);color:var(--text-2);font-size:var(--text-label);padding:10px 12px;line-height:1.5;display:block}.callout>svg{vertical-align:-2px;margin-right:4px}.callout.warn{background:var(--warning-soft);color:var(--warning)}.callout.ok{background:var(--success-soft);color:var(--success)}.code{font-family:var(--font-mono);background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-button);white-space:pre-wrap;word-break:break-all;-webkit-user-select:text;user-select:text;margin:0;padding:8px 10px;font-size:12px}.code.muted{color:var(--text-2)}.toast-stack{z-index:350;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-menu);background:var(--raised);border:1px solid var(--hairline);min-width:240px;max-width:420px;box-shadow:var(--shadow-menu);font-size:var(--text-label);pointer-events:auto;animation:toast-in var(--dur-4) var(--ease-out);align-items:flex-start;gap:10px;padding:10px 14px;line-height:1.45;display:flex}.toast>svg{color:var(--text-3);flex:none;margin-top:1px}.toast.success>svg{color:var(--success)}.toast.error{border-color:color-mix(in srgb, var(--danger) 45%, var(--hairline))}.toast.error>svg{color:var(--danger)}.toast.leaving{animation:toast-out var(--dur-3) var(--ease-standard) forwards}.toast.ask{align-items:center;max-width:520px}.toast-actions{flex:none;gap:6px;margin-left:4px;display:flex}@media (max-width:720px){.window.settings,.window.export{flex-direction:column;height:100%}.set-nav{border-right:0;border-bottom:1px solid var(--hairline);flex-flow:wrap;width:auto}.set-nav .spacer,.set-version,.set-nav-group{display:none}.export-preview{border-right:0;border-bottom:1px solid var(--hairline);width:auto;height:200px}.files-layout{grid-template-columns:1fr}}.window .icon-btn,.history-panel .icon-btn{padding:0}.window .icon-btn svg,.history-panel .icon-btn svg{flex:none}.history-save{gap:6px;padding:0 12px 10px;display:flex}.history-save .input{flex:1;min-width:0}.claude-code-rows .with-logo{align-items:center;gap:6px;display:inline-flex}.claude-command{align-items:flex-start}.claude-command .set-text{flex-direction:column;gap:6px;min-width:0;display:flex}.claude-command .command{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--text-1);-webkit-user-select:text;user-select:text;word-break:break-all;display:block}.claude-command .command.inline{white-space:nowrap;word-break:normal;display:inline}.claude-code-rows .key-expiry{margin-top:8px}.callout.sign-out-all{align-items:center;gap:12px;margin:10px 0 0;display:flex}.callout.sign-out-all>span:first-child{flex:1;min-width:0}.sign-out-all-actions{flex:none;gap:6px;display:flex}.rbg{grid-template-columns:minmax(0,1fr) 272px;align-items:start;gap:20px;display:grid}@media (max-width:760px){.rbg{grid-template-columns:1fr}}.rbg-stage{min-height:240px;max-height:calc(var(--vh,1vh) * 60);border-radius:var(--radius-button);background:var(--fill-soft);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.rbg-pic{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.rbg-pic.zoomed{cursor:grab}.rbg-pic.zoomed:active{cursor:grabbing}.rbg-pic.brushing{cursor:none}.rbg-pic canvas,.rbg-ghost,.rbg-strokes{width:100%;height:100%;position:absolute;inset:0}.rbg-pic canvas.cut.checker{background:repeating-conic-gradient(#cfcfcf 0 25%, #fff 0 50%) 0 0 / 16px 16px}.rbg-ghost{opacity:.35;pointer-events:none}.rbg-strokes{pointer-events:none;overflow:visible}.rbg-strokes polyline{fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.rbg-strokes polyline.keep{stroke:var(--brand)}.rbg-strokes polyline.remove{stroke:var(--danger)}.rbg-brush{pointer-events:none;border:1.5px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.rbg-brush.smart{border-style:dashed}.rbg-brush.keep{background:color-mix(in srgb, var(--brand) 22%, transparent)}.rbg-brush.remove{background:color-mix(in srgb, var(--danger) 22%, transparent)}.rbg-box{border:1.5px dashed var(--brand);pointer-events:none;position:absolute;box-shadow:0 0 0 9999px #0003}.rbg-busy{background:var(--dialog);max-width:90%;color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;bottom:10px;left:50%;overflow:hidden;transform:translate(-50%)}.rbg-view{border-radius:var(--radius-button);background:var(--dialog);box-shadow:var(--shadow-dialog);position:absolute;top:8px;right:8px}.rbg-side{flex-direction:column;display:flex}.rbg-sec{border-bottom:1px solid var(--hairline);flex-direction:column;gap:8px;padding:12px 0;display:flex}.rbg-sec:first-child{padding-top:0}.rbg-sec:last-child{border-bottom:0}.rbg-row{align-items:center;gap:10px;min-height:26px;display:flex}.rbg-label{width:80px;color:var(--text-1);white-space:nowrap;flex:none;font-weight:500}.rbg-row .slider{flex:1;min-width:0}.rbg-row .seg,.rbg-row .switch{margin-left:auto}.rbg-cap{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.rbg-value{text-align:right;min-width:34px;color:var(--text-soft);font-variant-numeric:tabular-nums;flex:none}.rbg-clear{align-self:flex-start;margin-left:-8px}.rbg-backdrops{gap:6px;margin-left:auto;display:flex}.rbg-swatch{border:1px solid var(--ui-line);cursor:pointer;border-radius:50%;width:22px;height:22px;padding:0;position:relative}.rbg-swatch.checker{background:repeating-conic-gradient(#cfcfcf 0 25%, #fff 0 50%) 0 0 / 8px 8px}.rbg-swatch.overlay{background:linear-gradient(135deg,#ff2d2d 0 50%,#8a8a8a 50% 100%)}.rbg-swatch.custom:not(.on){background:conic-gradient(#ff5f57,#febc2e,#28c840,#3e63dd,#af47d1,#ff5f57)}.rbg-swatch.on{box-shadow:0 0 0 2px var(--dialog), 0 0 0 3.5px var(--brand)}.rbg-swatch:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.rbg-swatch:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:2px}.rbg-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.rbg-error{color:var(--danger)}.palette-scrim{padding-top:min(120px, calc(13 * var(--vh)));align-items:flex-start}.palette{width:min(600px,100%);max-height:calc(calc(100 * var(--vh)) - 2 * min(120px, calc(13 * var(--vh))));background:var(--ui-palette);border:1px solid var(--ui-line);box-shadow:var(--shadow-dialog);animation:window-in var(--dur-3) var(--ease-out);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.pal-search{border-bottom:1px solid var(--hairline);height:52px;color:var(--text-quiet);flex:none;align-items:center;gap:10px;padding:0 16px;display:flex}.pal-search input{min-width:0;color:var(--ui-strong);caret-color:var(--brand);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1;font-size:15px}.pal-search input::placeholder{color:var(--text-4)}.pal-scope{background:var(--button);height:22px;color:var(--text-2);font-size:var(--text-caption);cursor:pointer;border:0;border-radius:5px;flex:none;padding:0 7px}.pal-scope:hover{background:var(--button-hover);color:var(--text-1)}.pal-list{flex:1;min-height:0;max-height:440px;padding:6px;overflow:auto}.pal-group{font-size:var(--text-caption);color:var(--text-3);padding:8px 10px 4px}.pal-item{cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:10px;height:34px;padding:0 10px;display:flex}.pal-item.active{background:var(--brand-soft)}.pal-icon{width:15px;color:var(--text-2);flex:none;justify-content:center;display:inline-flex}.pal-icon .brand,.pal-item.active .pal-icon{color:var(--brand-text)}.pal-icon .kind{color:var(--kind);display:inline-flex}.pal-item.active .pal-icon .kind{color:var(--kind)}.pal-label{text-overflow:ellipsis;max-width:60%;color:var(--text-strong);flex:none;font-size:13px;overflow:hidden}.pal-item.active .pal-label{color:var(--ui-strong)}.pal-hint{text-overflow:ellipsis;min-width:0;font-size:var(--text-label);color:var(--text-3);flex:1;overflow:hidden}.pal-key{font-size:var(--text-caption);color:var(--text-3);flex:none}.pal-item.active .pal-key{color:var(--brand-text)}.pal-state{background:var(--active);color:var(--text-3);font-size:var(--text-caption);border-radius:5px;flex:none;padding:2px 6px}.pal-state.on{background:var(--brand-soft);color:var(--brand-text)}.pal-empty{text-align:center;font-size:var(--text-label);color:var(--text-3);padding:24px}.pal-foot{background:var(--ui-palette-foot);border-top:1px solid var(--hairline);height:36px;font-size:var(--text-caption);color:var(--text-3);flex:none;align-items:center;gap:16px;padding:0 16px;display:flex}.pal-foot>span{align-items:center;gap:5px;display:inline-flex}.pal-kbd{background:var(--button);height:18px;color:var(--text-soft);border-radius:4px;align-items:center;padding:0 5px;font-size:10px;font-weight:500;display:inline-flex}.color-picker{z-index:290;max-height:calc(calc(100 * var(--vh)) - 20px);background:var(--raised);box-shadow:inset 0 0 0 1px var(--line-soft), var(--shadow-menu);font-size:var(--text-body);animation:menu-in var(--dur-2) var(--ease-out);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex;position:fixed;overflow:auto}.cp-head{align-items:center;gap:6px;min-height:24px;display:flex}.cp-title{color:var(--text-1);font-size:var(--text-caption);font-weight:600}.cp-tabs{border-radius:var(--radius-button);background:var(--field);gap:2px;height:26px;padding:2px;display:flex}.cp-tabs button{width:30px;height:22px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.cp-tabs button:hover{color:var(--text-1)}.cp-tabs button.on{background:var(--rail);color:var(--text-1)}.cp-sv{border-radius:var(--radius-button);cursor:crosshair;touch-action:none;flex:none;height:150px;position:relative}.cp-sv-white,.cp-sv-black{border-radius:inherit;position:absolute;inset:0}.cp-sv-white{background:linear-gradient(90deg,#fff,#fff0)}.cp-sv-black{background:linear-gradient(#0000,#000)}.cp-thumb{pointer-events:none;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:inset 0 0 0 2px #fff,0 1px 3px #0006}.cp-sliders{align-items:center;gap:10px;display:flex}.cp-eyedropper{border-radius:var(--radius-button);width:28px;height:28px;color:var(--text-2);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.cp-eyedropper:hover:not(:disabled){background:var(--hover);color:var(--text-1)}.cp-eyedropper:disabled{opacity:.35;cursor:default}.cp-bars{flex-direction:column;flex:1;gap:8px;display:flex}.cp-bar{cursor:pointer;touch-action:none;border-radius:5px;height:10px;position:relative}.cp-hue{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.cp-alpha{background:repeating-conic-gradient(#8886 0 25%, #fff 0 50%) 0 0 / 8px 8px;box-shadow:inset 0 0 0 1px var(--divider)}.cp-alpha-fill{border-radius:inherit;position:absolute;inset:0}.cp-bar-thumb{pointer-events:none;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;box-shadow:inset 0 0 0 2px #fff,0 1px 3px #0006}.cp-value{align-items:center;gap:6px;display:flex}.cp-value .cp-format{width:auto;color:var(--text-2);flex:none;gap:4px;padding:0 6px 0 8px}.cp-field{min-width:0;height:var(--field-h);border-radius:var(--radius-field);background:var(--field);color:var(--text-1);font:inherit;font-size:var(--text-body);font-variant-numeric:tabular-nums;caret-color:var(--brand);-webkit-user-select:text;user-select:text;border:0;outline:none;padding:0 8px;box-shadow:inset 0 0 0 1px #0000}.cp-field:hover{background:var(--button)}.cp-field:focus{box-shadow:inset 0 0 0 1px var(--brand)}.cp-hex{text-transform:uppercase;flex:1}.cp-alpha-num{flex:0 0 52px;width:52px}.cp-note{color:var(--text-3);font-size:var(--text-caption);line-height:1.4}.cp-vars{border-top:1px solid var(--hairline);flex-direction:column;gap:2px;margin:0 -12px;padding:10px 12px 0;display:flex}.cp-vars-head{min-height:20px;color:var(--text-1);font-size:var(--text-caption);justify-content:space-between;align-items:center;padding-bottom:4px;font-weight:600;display:flex}.cp-vars-head .icon-btn{color:var(--text-3);margin-right:-5px}.cp-var-search{width:100%;margin-bottom:4px}.cp-var-list{flex-direction:column;gap:2px;max-height:230px;display:flex;overflow:auto}.cp-group{color:var(--text-3);font-size:var(--text-caption);padding:6px 6px 2px}.cp-var{border-radius:var(--radius-field);width:100%;height:26px;color:var(--text-1);font:inherit;font-size:var(--text-body);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 6px;display:flex}.cp-var:hover,.cp-var.same,.cp-var.active{background:var(--hover)}.cp-var:hover{background:var(--active)}.cp-var-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cp-var-hint{color:var(--text-3);font-size:var(--text-caption);flex:none}.cp-var-hint.brand{color:var(--brand-text)}.cp-create{border-radius:var(--radius-field);height:28px;color:var(--text-2);font:inherit;font-size:var(--text-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 6px;display:flex}.cp-create:hover{background:var(--hover);color:var(--text-1)}.cp-var-name-input{width:100%}.cp-grad-row{align-items:center;gap:6px;display:flex}.mesh-size>*{flex:1;min-width:0}.cp-small{color:var(--text-3);font-size:var(--text-caption);flex:1}.cp-stops{background:var(--grad), repeating-conic-gradient(#8886 0 25%, #fff 0 50%) 0 0 / 8px 8px;height:24px;box-shadow:inset 0 0 0 1px var(--divider);cursor:copy;border-radius:5px;margin:0 7px;position:relative}.cp-stop{background:linear-gradient(var(--c), var(--c)), repeating-conic-gradient(#8886 0 25%, #fff 0 50%) 0 0 / 6px 6px;cursor:grab;border-radius:4px;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;box-shadow:0 0 0 2px #fff,0 1px 3px #0006}.cp-stop.on{box-shadow:0 0 0 2px var(--brand), 0 1px 3px #0006}.cp-image{border-radius:var(--radius-button);background-color:var(--field);height:120px;color:var(--text-3);cursor:pointer;background-position:50%;background-repeat:no-repeat;border:0}.cp-image span{align-items:center;gap:6px;display:inline-flex}.cp-url,.color-picker .shader-edit .dd{width:100%}.grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.row{align-items:center;gap:8px;min-width:0;display:flex}.row+.row,.grid2+.row,.row+.grid2,.grid2+.grid2{margin-top:6px}.section-body .row+.row,.section-body .grid2+.row,.section-body .row+.grid2,.section-body .grid2+.grid2{margin-top:0}.muted{color:var(--text-3)}.caption{font-size:var(--text-caption);color:var(--text-3)}.empty{text-align:center;color:var(--text-3);padding:28px 16px;line-height:1.5}.spacer{flex:1;min-width:0}.hint{color:var(--text-3);font-size:var(--text-caption);margin:0;line-height:1.4}.link-btn{height:20px;color:var(--text-3);font-size:var(--text-caption);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0}.link-btn:hover{color:var(--text-1)}.props{font-size:var(--text-body);color:var(--text-1)}.props-header{height:44px;padding:0 8px 0 var(--edge);align-items:center;gap:6px;display:flex}.props-header .kind{flex:none}.props-header .name-input{field-sizing:content;min-width:24px;max-width:100%;height:24px;color:var(--text-1);font:inherit;font-size:var(--text-label);text-overflow:ellipsis;caret-color:var(--brand);-webkit-user-select:text;user-select:text;background:0 0;border:0;border-radius:4px;outline:none;flex:0 auto;margin:0 -4px;padding:0 4px;font-weight:500}.props-header .name-input:hover:not(:disabled){background:var(--hover)}.props-header .name-input:focus{background:var(--field);box-shadow:inset 0 0 0 1px var(--brand)}.props-header .name-input:disabled{color:var(--text-1);opacity:1}.props-header .swap-btn{width:18px;height:18px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;margin-left:-2px;padding:0;display:inline-flex}.props-header .swap-btn:hover{color:var(--text-1);background:var(--hover)}.props-header .kind-label{color:var(--text-3);font-size:var(--text-caption);white-space:nowrap;flex:none}.props-header .kind-label.danger{color:var(--danger)}.props-header .icon-btn.hd{width:26px;height:26px}.props-header.doc .doc-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-label);flex:0 auto;font-weight:500;overflow:hidden}.section{padding:10px var(--edge) 12px;border-top:1px solid var(--hairline);flex-direction:column;gap:8px;display:flex}.section.empty-section,.section.closed{padding-bottom:10px}.section-head{justify-content:space-between;align-items:center;height:20px;display:flex}.section-title{color:var(--text-1);font-size:var(--text-caption);white-space:nowrap;align-items:center;gap:4px;font-weight:600;display:inline-flex}.section.collapsible .section-title{cursor:pointer}.section-title .chev{color:var(--text-3)}.section-title .chev.open{transform:rotate(90deg)}.section.empty-section .section-title{color:var(--text-3)}.section-head .actions{align-items:center;margin-right:-4px;display:flex}.section.empty-section .section-head .actions .icon-btn{color:var(--text-3)}.section.empty-section .section-head .actions .icon-btn:hover{color:var(--text-1)}.section-body{flex-direction:column;gap:8px;min-width:0;display:flex}.align-row{gap:8px}.align-row>.segmented{flex:1 1 0}.align-row>.segmented.narrow{flex:0 0 56px}.size-field .mode-btn[data-mode=mixed]{color:var(--text-4)}.radius-field{min-width:0;position:relative}.radius-field.has-corners>.num{padding-right:26px}.radius-field .corners-btn{width:18px;height:18px;color:var(--text-4);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:4px;right:4px}.radius-field .corners-btn:hover{color:var(--text-1);background:var(--hover)}.radius-field .corners-btn.on{color:var(--brand-text)}.scale-row .num{flex:1}.type-row{gap:8px}.type-row .size-input{flex:0 0 76px;padding-right:6px}.text-style .var-chip{pointer-events:none}.text-style .field-hint{margin-left:auto}.font-picker{z-index:290;border-radius:var(--radius-menu);background:var(--raised);width:280px;box-shadow:inset 0 0 0 1px var(--line-soft), var(--shadow-menu);animation:menu-in var(--dur-2) var(--ease-out);flex-direction:column;padding:6px;display:flex;position:fixed}.fp-search{border-radius:var(--radius-button);background:var(--field);height:30px;color:var(--text-3);align-items:center;gap:7px;padding:0 8px;display:flex}.fp-search input{min-width:0;color:var(--text-1);font:inherit;font-size:var(--text-body);caret-color:var(--brand);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1}.fp-search input::placeholder{color:var(--text-4)}.fp-filters{flex-wrap:wrap;gap:4px;padding:8px 4px 4px;display:flex}.fp-chip{height:22px;box-shadow:inset 0 0 0 1px var(--divider);color:var(--text-quiet);font-size:var(--text-caption);cursor:pointer;background:0 0;border:0;border-radius:11px;padding:0 8px}.fp-chip:hover{color:var(--text-1)}.fp-chip.on{background:var(--divider);box-shadow:none;color:var(--text-1)}.fp-list{max-height:306px;margin-top:2px;overflow:auto}.fp-row{border-radius:var(--radius-button);cursor:pointer;align-items:center;gap:8px;height:34px;padding:0 8px;display:flex}.fp-row.active{background:var(--hover)}.fp-row.on{background:var(--brand-soft)}.fp-check{width:12px;color:var(--brand-text);flex:none;display:inline-flex}.fp-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-1);flex:1;font-size:15px;overflow:hidden}.fp-count{color:var(--text-3);font-size:var(--text-caption);flex:none}.fp-empty{color:var(--text-3);font-size:var(--text-caption);text-align:center;padding:16px 8px}.fp-use{color:var(--brand-text);font:inherit;cursor:pointer;background:0 0;border:0}.paint-row,.effect-row{align-items:center;gap:4px;min-width:0;display:flex}.paint-row>.icon-btn:last-child,.effect-row>.icon-btn:last-child{margin-right:-4px}.paint-field{flex:1;padding:0 8px 0 6px}.paint-field .hex{text-transform:uppercase;flex:auto;min-width:0}.paint-field input.alpha,.paint-field .alpha{text-align:right;width:34px;color:var(--text-quiet);font-size:var(--text-caption);flex:0 0 34px!important}.paint-field .alpha.static{display:inline-block}.paint-field .paint-name{min-width:0;color:var(--text-strong);font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1;padding:0;overflow:hidden}.paint-field .var-chip+.spacer{flex:1}.paint-row.disabled .paint-field{opacity:.5}.sel-colors{flex-direction:column;gap:2px;display:flex}.sel-color{border-radius:4px;align-items:center;gap:8px;height:24px;padding:0 2px;display:flex}.sel-color .hex,.sel-color .sel-color-name{min-width:0;height:22px;color:var(--text-soft);font:inherit;font-size:var(--text-body);font-variant-numeric:tabular-nums;text-align:left;caret-color:var(--brand);background:0 0;border:0;border-radius:4px;outline:none;flex:1;margin:0 -4px;padding:0 4px}.sel-color .hex{text-transform:uppercase}.sel-color .sel-color-name{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sel-color .hex:hover,.sel-color .sel-color-name:hover{background:var(--hover)}.sel-color .hex:focus{background:var(--field);box-shadow:inset 0 0 0 1px var(--brand)}.sel-color-alpha{color:var(--text-3);font-size:var(--text-caption)}.effect-block{flex-direction:column;gap:8px;min-width:0;display:flex}.effect-block.disabled .effect-field,.effect-block.disabled .effect-settings{opacity:.5}.effect-field{flex:1;padding:0 6px 0 8px}.effect-field.focused-soft{background:var(--button)}.effect-settings{border-left:1px solid var(--divider);flex-direction:column;gap:8px;padding:2px 0 4px 10px;display:flex}.setting-row{align-items:center;gap:8px;min-width:0;display:flex}.setting-label{text-overflow:ellipsis;white-space:nowrap;color:var(--text-3);font-size:var(--text-caption);flex:0 0 58px;overflow:hidden}.setting-label.wide{flex-basis:70px}.num.value-box{height:22px;font-size:var(--text-caption);color:var(--text-1);flex:0 0 40px;padding:0 6px}.num.value-box input{text-align:right}.shader-edit{flex-direction:column;gap:8px;min-width:0;display:flex}.uniform-row{align-items:center;gap:8px;min-width:0;min-height:22px;display:flex}.uniform-label{text-overflow:ellipsis;white-space:nowrap;color:var(--text-3);font-size:var(--text-caption);flex:0 0 58px;overflow:hidden}.uniform-row.wide .uniform-label{flex:1}.uniform-row.wide .uniform-control{flex:none}.uniform-control{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.uniform-control>.image-pick{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.uniform-color{flex:1;gap:6px;height:22px;padding:0 6px}.uniform-color .var-chip{height:16px;padding:0 5px;font-size:10px}.uniform-hex{color:var(--text-strong);font-size:var(--text-caption);text-transform:uppercase}.shader-file{min-width:0;color:var(--text-4);align-items:center;gap:6px;display:flex}.shader-file>svg{flex:none}.shader-path{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-3);font-family:var(--font-mono);flex:1;font-size:10px;overflow:hidden}.shader-path.embedded{font-family:var(--font-sans);font-size:var(--text-caption)}.shader-file .icon-btn{margin-right:-2px}.shader-note{color:var(--text-3);font-size:var(--text-caption);align-items:flex-start;gap:6px;line-height:1.4;display:flex}.shader-note.error{color:var(--danger)}.shader-note svg{flex:none;margin-top:2px}.shader-note span{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.field-area{border-radius:var(--radius-field);background:var(--field);width:100%;min-height:46px;color:var(--text-2);font:inherit;font-size:var(--text-body);resize:vertical;caret-color:var(--brand);-webkit-user-select:text;user-select:text;border:0;outline:none;padding:7px 8px;line-height:1.4;box-shadow:inset 0 0 0 1px #0000}.field-area:hover{background:var(--button)}.field-area:focus{color:var(--text-1);box-shadow:inset 0 0 0 1px var(--brand)}.field-area::placeholder{color:var(--text-4)}.prop-row{width:100%;height:28px;font:inherit;text-align:left;cursor:pointer;gap:8px}.prop-kind{color:var(--kind-component);flex:none}.prop-row .prop-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-strong);flex:1;overflow:hidden}.prop-value{max-width:45%;color:var(--text-3);font:inherit;font-size:var(--text-caption);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;padding:0;overflow:hidden}.prop-value:hover{color:var(--text-1)}.prop-edit{align-items:center;gap:8px;min-width:0;min-height:26px;display:flex}.prop-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-3);font-size:var(--text-caption);flex:0 0 84px;align-items:center;gap:6px;display:inline-flex;overflow:hidden}.prop-edit .prop-text{flex:1}.prop-edit .switch{margin-left:auto}.prop-missing{color:var(--danger);font-size:var(--text-caption)}.text-input{flex:1}.export-row{align-items:center;gap:8px;display:flex}.export-row .export-scale{flex:0 0 64px}.export-row>.icon-btn{margin-right:-4px}.stat-row{padding:0 var(--edge) 12px;color:var(--text-3);font-size:var(--text-caption);gap:14px;display:flex}.stat-row b{color:var(--text-1);font-weight:500}.quick-list{flex-direction:column;gap:2px;margin:0 -8px;display:flex}.quick-item{height:var(--row-h);border-radius:var(--radius-button);color:var(--text-1);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0 8px;display:flex}.quick-item:hover{background:var(--hover)}.quick-item>svg{color:var(--text-3)}.quick-item span:not(.kbd){flex:1}.tips{color:var(--text-3);line-height:1.6;font-size:var(--text-body);margin:0;padding-left:16px}.variant-pick{font:inherit;font-size:var(--text-body);text-align:left;cursor:pointer;flex:1}.variant-pick .value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.variant-pick .chev{color:var(--text-3);flex:none}.variant-pick.open{box-shadow:inset 0 0 0 1px var(--brand)}.variant-props{flex-direction:column;gap:6px;display:flex}.variant-prop{align-items:flex-start;gap:8px;min-width:0;display:flex}.variant-prop-name{text-overflow:ellipsis;white-space:nowrap;min-height:22px;color:var(--text-3);font-size:var(--text-caption);cursor:default;flex:0 0 84px;align-items:center;display:inline-flex;overflow:hidden}.variant-values{flex-wrap:wrap;flex:1;gap:4px;min-width:0;display:flex}.variant-chip{background:var(--fill-soft);height:22px;color:var(--text-strong);font-size:var(--text-caption);cursor:default;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;align-items:center;max-width:100%;padding:0 8px;display:inline-flex;overflow:hidden}input.variant-chip.editing,input.variant-prop-name.editing{font:inherit;font-size:var(--text-caption);background:var(--field);box-shadow:inset 0 0 0 1px var(--brand);color:var(--text-1);border:0;outline:0;width:96px;padding:0 6px}.variant-list{flex-direction:column;gap:2px;display:flex}.variant-row.current{box-shadow:inset 0 0 0 1px var(--brand)}.variant-sub{color:var(--text-4);font-size:var(--text-caption);padding-top:2px}.vector-row{align-items:center;gap:4px;display:flex}.vector-ops{background:var(--fill-soft);border-radius:6px;gap:2px;padding:2px;display:flex}.vector-offset{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;margin-top:6px;display:grid}.layer-mask-row{align-items:center;gap:4px;display:flex}.layer-mask-row+.layer-mask-row{margin-top:6px}.layer-mask-row .btn{min-width:52px}.layer-mask-label{width:56px;color:var(--text-soft);flex:none}.layer-mask-row input[type=range]{flex:1;min-width:0}.layer-mask-value{text-align:right;font-variant-numeric:tabular-nums;width:34px;color:var(--text-soft);flex:none}.curve-edit{flex-direction:column;gap:6px;display:flex}.curve-tabs{align-items:center;gap:2px;display:flex}.curve-tabs button[role=tab]{height:20px;color:var(--text-3);font-size:var(--text-caption);background:0 0;border:0;border-radius:5px;padding:0 7px}.curve-tabs button[role=tab].on{background:var(--fill-soft);color:var(--text-1)}.curve-box{touch-action:none;width:100%;height:auto}.curve-frame{fill:var(--fill-soft);stroke:var(--line-mid);stroke-width:1px}.curve-grid line,.curve-diagonal{stroke:var(--line-soft);stroke-width:1px}.curve-diagonal{stroke-dasharray:3 3}.curve-point{fill:var(--panel);stroke:var(--brand);stroke-width:1.5px;cursor:ns-resize}.curve-point:hover{fill:var(--brand)}.layers-panel{flex-direction:column;height:100%;min-height:0;display:flex}.layers{--row-text:var(--text-soft);--row-text-strong:var(--text-strong);--row-text-selected:var(--text-on-brand);--row-chevron-selected:color-mix(in srgb, var(--brand-text) 60%, var(--text-1));padding:6px var(--inset) 12px}:root[data-theme=light] .layers{--row-text-selected:var(--text-1);--row-chevron-selected:var(--brand-text)}.layer{height:var(--row-h);padding:0 8px 0 calc(8px + var(--depth,0) * 12px);color:var(--row-text);font-size:var(--text-body);cursor:default;white-space:nowrap;border-radius:5px;align-items:center;gap:4px;display:flex;position:relative}.layer.top{color:var(--row-text-strong);font-weight:500}.layer:hover,.layer.hovered{background:var(--hover)}.layer.in-selected{background:color-mix(in srgb, var(--selected-row) 45%, transparent);border-radius:0}.layer.selected{background:var(--selected-row);color:var(--row-text-selected)}.layer.agent-working{background:color-mix(in srgb, var(--brand) 12%, transparent)}.layer.agent-queued>*{opacity:.5}.layer.hidden-node>:not(.row-btn),.layer.hidden-node>.row-btn.vis{opacity:.45}.layer.hidden-node:hover>.row-btn.vis{opacity:1}.layer.inside-instance .name{font-style:italic}.layer.flash{animation:flash 1.6s var(--ease-out)}.layer .twisty{width:12px;height:16px;color:var(--text-4);flex:none;justify-content:center;align-items:center;display:inline-flex}.layer .twisty:hover{color:var(--text-1)}.layer .twisty.open svg{transform:rotate(90deg)}.layer.selected .twisty{color:var(--row-chevron-selected)}.layer .ico{width:18px;height:18px;color:var(--kind-shape);flex:none;justify-content:center;align-items:center;display:inline-flex}.layer.kind-frame .ico{color:var(--kind-frame)}.layer.kind-component .ico{color:var(--kind-component)}.layer.kind-text .ico{color:var(--kind-text)}.layer.kind-image .ico{color:var(--kind-image)}.layer.kind-icon .ico{color:var(--kind-icon)}.layer.kind-note .ico{color:var(--kind-note)}.layer .name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.layer .row-mark{width:16px;height:16px;color:var(--brand-text);flex:none;justify-content:center;align-items:center;display:inline-flex}.layer .row-mark.agent{color:var(--text-1)}.layer .row-url{text-overflow:ellipsis;max-width:45%;color:var(--text-4);font-size:var(--text-caption);flex:none;font-weight:400;overflow:hidden}.layer .row-btn{width:16px;height:16px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;display:none}.layer .row-btn:hover{color:var(--text-1)}.layer:hover .row-btn,.layer .row-btn.on{display:inline-flex}.layer.selected .row-btn{color:var(--row-text-selected)}.layer.drop-before:before,.layer.drop-after:after{content:"";left:calc(8px + var(--depth,0) * 12px);background:var(--brand);border-radius:1px;height:2px;position:absolute;right:4px}.layer.drop-before:before{top:-1px}.layer.drop-after:after{bottom:-1px}.layer.drop-inside{box-shadow:inset 0 0 0 1.5px var(--brand)}.layer input{border:1px solid var(--brand);background:var(--field);min-width:0;height:22px;color:var(--text-1);font:inherit;-webkit-user-select:text;user-select:text;border-radius:4px;outline:none;flex:1;padding:0 4px;font-weight:400}.layers-group-head{width:calc(100% + 2 * var(--inset));height:36px;margin:6px calc(-1 * var(--inset)) 4px;padding:0 14px 0 var(--edge);border:0;border-top:1px solid var(--hairline);color:color-mix(in srgb, var(--text-2) 50%, var(--text-3));font:inherit;font-size:var(--text-caption);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:6px;font-weight:500;display:flex}.layers-group-head .chev{color:var(--text-4);flex:none}.layers-group-head.open .chev{transform:rotate(90deg)}.layers-group-head:hover{color:var(--text-1)}.layers-group-head .count{color:var(--text-4);font-variant-numeric:tabular-nums;font-weight:400}.layers-empty{color:var(--text-3);text-align:center;padding:24px 12px;line-height:1.5}.panel-search{height:28px;margin:10px var(--edge) 0;border-radius:var(--radius-button);background:var(--field);color:var(--text-3);flex:none;align-items:center;gap:7px;padding:0 8px;display:flex}.panel-search:focus-within{box-shadow:inset 0 0 0 1px var(--brand)}.panel-search>svg{flex:none}.panel-search input{min-width:0;height:100%;color:var(--text-1);font:inherit;font-size:var(--text-body);background:0 0;border:0;outline:none;flex:1;padding:0}.panel-search input::placeholder{color:var(--text-4)}.panel-search-clear{width:18px;height:18px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;padding:0;display:grid}.panel-search-clear:hover{background:var(--active);color:var(--text-1)}.layers-panel .panel-search{margin-bottom:4px}.canvas-wrap{zoom:var(--ui-unscale,1);background:var(--canvas);min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-wrap canvas{touch-action:none;display:block;position:absolute;inset:0}.canvas-wrap .text-editor{outline:1.5px solid var(--selection);outline-offset:0;resize:none;white-space:pre-wrap;-webkit-user-select:text;user-select:text;transform-origin:0 0;z-index:4;background:0 0;border:0;margin:0;padding:0;position:absolute;overflow:hidden}.canvas-wrap .label-editor{z-index:6;border:1px solid var(--selection);background:var(--float);height:20px;color:var(--foreground);-webkit-user-select:text;user-select:text;border-radius:4px;outline:none;padding:0 4px;font-size:11px;position:absolute}.zoom-indicator{z-index:5;background:var(--float);border:1px solid var(--border);box-shadow:var(--elev-1);border-radius:12px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;bottom:16px;right:12px}.zoom-indicator button{color:var(--nav-fg);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 7px;display:inline-flex}.zoom-indicator button:hover{background:var(--accent);color:var(--foreground)}.agent-badge{z-index:5;background:color-mix(in srgb, var(--agent) 90%, black);color:#fff;height:30px;box-shadow:0 8px 24px color-mix(in srgb, var(--agent) 40%, transparent);animation:toast-in var(--dur-4) var(--ease-spring);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:12.5px;font-weight:500;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.pulse{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}.drop-hint{border:2px dashed var(--brand);border-radius:var(--radius-lg);color:var(--brand-text);background:color-mix(in srgb, var(--brand) 10%, transparent);pointer-events:none;z-index:6;animation:fade-in var(--dur-2);justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;inset:12px}.home-screen{background:var(--canvas);grid-template-columns:232px minmax(0,1fr);height:100%;min-height:0;display:grid}.home-side{background:var(--panel);border-right:1px solid var(--hairline);flex-direction:column;gap:2px;min-height:0;padding:12px 8px;display:flex;overflow:auto}.home-side .spacer{flex:1;min-height:12px}.home-gap{flex:none;height:6px}.ws-switch{border-radius:var(--radius-button);cursor:pointer;text-align:left;background:0 0;border:0;flex:none;align-items:center;gap:9px;height:36px;padding:0 8px;display:flex}.ws-switch:hover,.ws-switch.open{background:var(--hover)}.ws-switch .name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-label);color:var(--text-1);flex:1;font-weight:500;overflow:hidden}.ws-switch .chev{color:var(--text-3);flex:none}.ws-tile{color:#fff;border-radius:5px;flex:none;place-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:inline-grid}.ws-tile.sm{border-radius:4px;width:14px;height:14px;font-size:8px}.home-nav{border-radius:var(--radius-button);height:30px;color:var(--text-quiet);text-align:left;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:9px;padding:0 8px;display:flex}.home-nav .label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-label);color:var(--text-soft);flex:1;overflow:hidden}.home-nav .count{font-size:var(--text-caption);color:var(--text-4)}.home-nav:hover{background:var(--hover)}.home-nav.active{background:var(--button);color:var(--text-1)}.home-nav.active .label{color:var(--ui-strong);font-weight:500}.home-folders-head{font-size:var(--text-caption);color:var(--text-3);flex:none;justify-content:space-between;align-items:center;padding:16px 4px 6px 8px;display:flex}.home-folders-head .icon-btn{color:var(--text-3)}.agent-status{border:1px solid var(--hairline);background:var(--fill-soft);text-align:left;cursor:pointer;border-radius:8px;flex:none;align-items:center;gap:8px;padding:10px;display:flex}.agent-status:hover{background:var(--hover)}.agent-status .dot{background:var(--warning);border-radius:50%;flex:none;width:7px;height:7px}.agent-status .dot.ok{background:var(--success)}.agent-status .text{flex-direction:column;gap:1px;min-width:0;display:flex}.agent-status .t{font-size:var(--text-label);color:var(--text-1);font-weight:500}.agent-status .s{font-size:var(--text-caption);color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-main{min-width:0;min-height:0;overflow:auto}.home-inner{flex-direction:column;gap:32px;max-width:1320px;margin:0 auto;padding:36px 48px 48px;display:flex}.home-start{align-items:stretch;gap:16px;display:flex}.agent-box{background:var(--surface-2);cursor:text;border:1.5px solid #af47d140;border-radius:12px;flex-direction:column;flex:1;gap:12px;min-width:0;min-height:136px;padding:14px;display:flex;position:relative}.agent-box:after{content:"";border-radius:inherit;pointer-events:none;opacity:.55;animation:3.4s ease-in-out infinite alternate agent-glow;position:absolute;inset:-1.5px;box-shadow:0 0 36px #af47d138,0 10px 28px #af47d11f}@keyframes agent-glow{0%{opacity:.4}to{opacity:1}}.agent-box.paused:after{animation-play-state:paused}.agent-box.engaged:after{display:none}.agent-box.motion-reduced:after,.agent-box.motion-off:after{opacity:.7;animation:none}@media (prefers-reduced-motion:reduce){.agent-box:after{opacity:.7;animation:none}}.agent-box .comet{pointer-events:none;-webkit-mask-composite:xor;border-radius:12px;padding:1.5px;position:absolute;inset:-1.5px;overflow:hidden;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.agent-box .comet:before{content:"";aspect-ratio:1;width:max(110%,240px);animation:comet-turn var(--comet-dur,8s) linear infinite;will-change:transform;background:conic-gradient(#0000 0deg 240deg,#af47d1 318deg,#f0d4f8 354deg,#0000 360deg);position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes comet-turn{to{transform:rotate(1turn)}}.agent-box.paused .comet:before,.agent-box.motion-reduced .comet:before{animation-play-state:paused}.agent-box.engaged{border-color:var(--brand)}.agent-box.engaged .comet,.agent-box.motion-off .comet{display:none}@media (prefers-reduced-motion:reduce){.agent-box .comet{display:none}}.agent-box-title{color:var(--text-1);font-size:13px;font-weight:600}.agent-box textarea{resize:none;min-height:38px;color:var(--text-1);font:inherit;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:13px;line-height:1.45}.agent-box textarea::placeholder{color:var(--text-3)}.agent-box-bottom{align-items:center;gap:6px;min-width:0;display:flex}.agent-box-bottom .spacer{flex:1}.idea{border:1px solid var(--ui-line-mid);background:var(--hover);height:26px;color:var(--text-2);font-size:var(--text-caption);white-space:nowrap;cursor:pointer;text-overflow:ellipsis;border-radius:13px;min-width:0;padding:0 10px;overflow:hidden}.idea:hover{background:var(--button);color:var(--text-1)}.agent-box .model{border-radius:var(--radius-button);height:26px;color:var(--text-3);font-size:var(--text-caption);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:6px;padding:0 6px;display:inline-flex}.agent-box .model .brand-icon{opacity:.7;color:var(--text-1)}.agent-box .model:hover{background:var(--hover)}.agent-box .go{background:var(--button);width:28px;height:28px;color:var(--text-quiet);cursor:pointer;border:0;border-radius:7px;flex:none;place-items:center;display:grid}.agent-box .go.ready{background:var(--brand);color:#fff}.agent-box .go:disabled{cursor:default}.quick{flex-direction:column;flex:none;gap:8px;width:250px;display:flex}.quick-action{border:1px solid var(--hairline);background:var(--fill-soft);height:40px;color:var(--text-2);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.quick-action:hover{background:var(--hover);border-color:var(--ui-line-mid)}.quick-action .label{min-width:0;font-size:var(--text-label);color:var(--text-1);flex:1;font-weight:500}.kbd-text{font-size:var(--text-caption);color:var(--text-4)}.home-section{flex-direction:column;gap:16px;display:flex}.home-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-heading h2{color:var(--text-1);margin:0;font-size:13px;font-weight:600}.home-controls{align-items:center;gap:6px;display:flex}.home-controls .sort{height:22px;color:var(--text-quiet);font-size:var(--text-caption);cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:4px;padding:0 6px;display:inline-flex}.home-controls .sort svg{color:var(--text-3)}.home-controls .sort:hover{background:var(--hover)}.home-controls .icon-btn{color:var(--text-3)}.home-controls .icon-btn.on{color:var(--text-1)}.file-grid,.sample-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.file-card{cursor:pointer;outline:none;flex-direction:column;gap:8px;min-width:0;display:flex}.file-card .thumb{border:1px solid var(--ui-line-mid);background:var(--surface-2);border-radius:8px;height:156px;position:relative;overflow:hidden}.file-card .thumb img{object-fit:cover;width:100%;height:100%;display:block}.file-card:hover .thumb,.file-card:focus-visible .thumb{outline:1.5px solid var(--brand);outline-offset:-1.5px}.file-card.ghost .thumb{border-color:var(--hairline)}.thumb-icon{color:var(--text-4);place-items:center;display:grid;position:absolute;inset:0}.file-card .more{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;opacity:0;background:#000000b3;border:1px solid #ffffff26;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.file-card .thumb .more{position:absolute;top:8px;right:8px}.file-card:hover .more,.file-card:focus-within .more,.file-card .more[data-menu-anchor]{opacity:1}.file-text{flex-direction:column;gap:2px;min-width:0;padding:0 2px;display:flex}.file-text .name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-label);color:var(--text-1);font-weight:500;overflow:hidden}.file-text .meta{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-caption);color:var(--text-3);overflow:hidden}.file-list{border:1px solid var(--hairline);border-radius:8px;flex-direction:column;display:flex}.file-card.list-row{border-bottom:1px solid var(--ui-line-soft);flex-direction:row;align-items:center;gap:10px;min-height:44px;padding:6px 8px 6px 12px}.file-card.list-row:last-child{border-bottom:0}.file-card.list-row:hover,.file-card.list-row:focus-visible{background:var(--hover)}.file-card.list-row .file-text{flex:1}.file-card.list-row .more{-webkit-backdrop-filter:none;backdrop-filter:none;width:26px;height:26px;color:var(--text-2);background:0 0;border:0}.file-card.list-row .more:hover{background:var(--button)}.row-icon{color:var(--text-quiet);display:inline-flex}.sample-card{border:1px solid var(--hairline);background:var(--fill-soft);text-align:left;cursor:pointer;border-radius:8px;align-items:flex-start;gap:12px;min-width:0;padding:14px;display:flex}.sample-card:hover{background:var(--hover);border-color:var(--ui-line-mid)}.sample-icon{background:var(--field);width:30px;height:30px;color:var(--kind-component);border-radius:7px;flex:none;place-items:center;display:grid}.sample-text{flex-direction:column;gap:3px;min-width:0;display:flex}.sample-text .name{font-size:var(--text-label);color:var(--text-1);font-weight:500}.sample-text .desc{font-size:var(--text-caption);color:var(--text-3);line-height:1.4}.home-dropzone{border:1px solid var(--hairline);background:var(--ui-card-2);height:44px;font-size:var(--text-label);color:var(--text-3);border-radius:8px;justify-content:center;align-items:center;gap:8px;display:flex}.home-dropzone.over,.home-screen.dragging .home-dropzone{border:1px dashed var(--brand);background:var(--brand-soft);color:var(--brand-text)}.home-empty{font-size:var(--text-label);color:var(--text-3)}.home-empty.big{border:1px solid var(--hairline);background:var(--fill-soft);border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;display:flex}.home-empty.big .t{color:var(--text-1);font-size:13px;font-weight:500}.home-empty.big .btn{margin-top:4px}.folder-head{color:var(--text-quiet);align-items:center;gap:10px;display:flex}.folder-head h1{font-size:var(--text-title);color:var(--text-1);margin:0;font-weight:600}.folder-head .path{font-size:var(--text-caption);color:var(--text-4)}.folder-head .spacer{flex:1}.home-search svg{color:var(--text-3)}.account-btn{border-radius:var(--radius-button);cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;display:grid}.account-btn:hover{background:var(--hover)}.account-btn .avatar-dot{width:22px;height:22px;font-size:10px}.account-btn .avatar-dot.anon{background:var(--button);color:var(--text-2)}@media (max-width:1000px){.home-inner{padding:24px}.home-start{flex-direction:column}.quick{flex-flow:wrap;width:auto}.quick-action{flex:200px}}@media (max-width:640px){.home-screen{grid-template-columns:1fr}.home-side{display:none}}.home-screen .icon-btn{padding:0}.home-screen .icon-btn svg{flex:none}@media (hover:none){.file-card .more{opacity:1}}:root{--ag-soft:#bdbdc0;--ag-white:#fff;--ag-composer:#1b1b1c;--ag-queue:#161617;--ag-fill-04:#ffffff05;--ag-fill-10:#ffffff10;--ag-fill-14:#ffffff14;--ag-fill-1a:#ffffff1a}:root[data-theme=light]{--ag-soft:#3f3f46;--ag-white:#0a0a0a;--ag-composer:#f4f4f5;--ag-queue:#fafafa;--ag-fill-04:#00000004;--ag-fill-10:#0000000d;--ag-fill-14:#00000012;--ag-fill-1a:#00000017}.chat{flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.ag-panel .spacer{flex:1}.ag-panel .brand,.ag-panel .brand-text{color:var(--brand-text)}.ag-panel .muted{color:var(--text-3)}.ag-panel .err{color:var(--danger)}.ag-panel .ok{color:var(--success)}.ag-callouts{flex-direction:column;gap:8px;padding:12px 12px 0;display:flex}.ag-tab-actions{align-items:center;display:inline-flex}.ag-tab-badge{background:var(--brand);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:6px;padding:0 4px;font-size:10px;font-weight:600;display:inline-flex}.ag-thread-title{border-bottom:1px solid var(--hairline);align-items:center;gap:8px;padding:12px;display:flex}.ag-thread-title b{min-width:0;color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:600;overflow:hidden}.ag-thread-title span{color:var(--text-4);font-size:11px}.ag-log{overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px 12px 14px;display:flex;overflow:auto}.ag-jump{border:1px solid var(--divider);background:var(--raised);height:28px;color:var(--text-1);box-shadow:var(--shadow-bar);z-index:2;border-radius:999px;align-items:center;gap:5px;padding:0 12px;font-size:12px;display:inline-flex;position:absolute;bottom:140px;left:50%;transform:translate(-50%)}.ag-dot{background:var(--brand);border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.ag-dot.grey{background:var(--text-4)}.ag-keys{color:var(--text-4);white-space:nowrap;font-size:11px}.ag-icon-btn{width:26px;height:26px;color:var(--text-quiet);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.ag-icon-btn:hover:not(:disabled){background:var(--hover);color:var(--text-1)}.ag-square-btn{border:1px solid var(--divider);width:26px;height:26px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.ag-square-btn:hover{background:var(--hover);color:var(--text-1)}.ag-outline-btn,.ag-primary-btn,.ag-quiet-btn{border:1px solid var(--divider);height:26px;color:var(--text-soft);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border-radius:6px;flex:none;align-items:center;gap:6px;padding:0 9px 0 7px;font-size:11px;font-weight:500;display:inline-flex}.ag-outline-btn svg{color:var(--text-2)}.ag-outline-btn:hover:not(:disabled){background:var(--hover);color:var(--text-1)}.ag-outline-btn.on{background:var(--brand-soft);color:var(--brand-text);border-color:#0000}.ag-outline-btn.square{justify-content:center;width:26px;padding:0}.ag-outline-btn.lg{height:30px;padding:0 12px;font-size:12px}.ag-outline-btn.sm,.ag-primary-btn.sm{border-radius:5px;height:24px;padding:0 9px}.ag-outline-btn:disabled{opacity:.45;cursor:default}.ag-primary-btn{background:var(--brand);color:#fff;border:0;height:30px;padding:0 12px;font-size:12px;font-weight:600}.ag-primary-btn.sm{font-size:11px}.ag-primary-btn:hover:not(:disabled){background:var(--brand-hover)}.ag-quiet-btn{color:var(--text-3);border-color:#0000;border-radius:5px;gap:4px;height:22px;padding:0 6px}.ag-quiet-btn:hover{background:var(--hover);color:var(--text-1)}.ag-link{font:inherit;color:var(--text-3);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:11px;display:inline-flex}.ag-link:hover,.ag-link.on{color:var(--text-1)}.ag-opt{background:var(--active);height:26px;color:var(--text-soft);font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:6px;align-items:center;gap:5px;min-width:0;padding:0 6px;font-size:11px;font-weight:500;display:inline-flex}.ag-opt>svg:last-child{color:var(--text-3);flex:none}.ag-opt span:not(.brand-icon){text-overflow:ellipsis;overflow:hidden}.ag-opt:hover:not(:disabled){background:var(--button-hover);color:var(--text-1)}.ag-opt.model{color:var(--text-2);background:0 0;gap:6px;padding:0 6px 0 8px;font-weight:400}.ag-opt.model>svg:last-child{color:var(--text-4)}.ag-opt.model:hover,.ag-opt.model.open{background:var(--ag-fill-10)}.ag-opt.target{background:var(--field)}.ag-opt.wide{background:var(--field);flex:1;justify-content:flex-start;gap:4px;height:28px;padding:0 6px}.ag-opt.wide span:not(.brand-icon){text-align:left;flex:1}.ag-badge{background:var(--active);height:16px;color:var(--text-quiet);border-radius:4px;flex:none;align-items:center;padding:0 5px;font-size:10px;display:inline-flex}.ag-switch{background:var(--line-strong);cursor:pointer;border:0;border-radius:8px;flex:none;justify-content:flex-start;width:28px;height:16px;padding:2px;display:inline-flex}.ag-switch i{background:#fff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 2px #0000004d}.ag-switch.on{background:var(--brand);justify-content:flex-end}.ag-segments{background:var(--field);border-radius:6px;flex:none;gap:2px;height:28px;padding:2px;display:inline-flex}.ag-segments button{font:inherit;color:var(--text-quiet);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:0 12px;font-size:11px}.ag-segments button:hover:not(:disabled){color:var(--text-1)}.ag-segments button.on{background:var(--ag-fill-1a);color:var(--text-1);font-weight:500}.ag-segments button:disabled{opacity:.35;cursor:default}.ag-segments.full{width:100%;height:26px;display:flex}.ag-effort .ag-segments{flex:1;width:auto}.ag-segments.full button{flex:1;padding:0 4px}.ag-segments.lg{border-radius:7px;height:30px}.ag-segments.lg button{border-radius:5px;font-size:12px}.ag-segments.lg button.on{font-weight:600}.ag-chip{background:var(--ag-fill-10);max-width:220px;height:22px;color:var(--text-strong);vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;flex:none;align-items:center;gap:5px;padding:0 7px 0 6px;font-size:11.5px;font-weight:500;line-height:22px;display:inline-flex}.ag-chip:hover{background:var(--ag-fill-14)}.ag-chip.gone{opacity:.55;cursor:default}.ag-chip-icon{color:var(--kind,var(--text-3));flex:none;display:inline-flex}.ag-chip-name{text-overflow:ellipsis;overflow:hidden}.ag-chip-x{color:var(--text-3);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.kind-variable{--kind:var(--kind-variable)}.kind-frame-color{color:var(--kind-frame)}.ag-popover{z-index:60;background:var(--raised);border:1px solid var(--line-soft);box-shadow:var(--shadow-menu);animation:ag-pop var(--dur-2) var(--ease-out);border-radius:10px;flex-direction:column;padding:6px;display:flex;position:fixed}@keyframes ag-pop{0%{opacity:0;transform:translateY(2px)}}.ag-menu-heading,.ag-pop-heading{color:var(--text-3);padding:8px 8px 4px;font-size:11px}.ag-pop-heading{padding:0;font-weight:600}.ag-menu-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;height:30px;padding:0 8px;display:flex}.ag-menu-item.active{background:var(--ag-fill-10)}.ag-kind-icon{color:var(--kind,var(--text-3));flex:none;display:inline-flex}.ag-menu-name{color:var(--kind-text);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.ag-menu-item.active .ag-menu-name{color:var(--ag-white)}.ag-menu-context{text-align:right;color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.ag-menu-enter{color:var(--text-quiet);flex:none}.ag-menu-empty{color:var(--text-3);padding:10px 8px;font-size:12px}.ag-menu-keys{border-top:1px solid var(--hairline);color:var(--text-4);gap:14px;margin-top:4px;padding:8px 8px 4px;font-size:11px;display:flex}.ag-menu-keys b{color:var(--text-2);margin-right:4px;font-weight:500}.ag-model-picker{max-height:min(560px, calc(calc(100 * var(--vh)) - 120px));border-radius:12px;padding:6px}.ag-search{background:var(--field);height:30px;color:var(--text-3);border-radius:6px;flex:none;align-items:center;gap:7px;padding:0 8px;display:flex}.ag-search input{min-width:0;font:inherit;color:var(--text-1);background:0 0;border:0;outline:none;flex:1;font-size:12px}.ag-search input::placeholder{color:var(--text-4)}.ag-model-list{overscroll-behavior:contain;min-height:0;overflow:auto}.ag-model-provider{color:var(--text-4);align-items:center;gap:6px;padding:10px 8px 4px;font-size:11px;display:flex}.ag-model-provider b{color:var(--text-quiet);font-weight:600}.ag-provider-logo{opacity:.6;color:var(--text-1);display:inline-flex}.ag-model-row{width:100%;height:30px;color:var(--text-1);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 8px;display:flex}.ag-model-row.active{background:var(--hover)}.ag-model-row.on{background:var(--brand-soft)}.ag-model-name{color:var(--text-strong);white-space:nowrap;font-size:12px;font-weight:400}.ag-model-row.on .ag-model-name{color:var(--ag-white);font-weight:500}.ag-model-hint{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.ag-check{color:var(--brand-text);flex:none}.ag-connect-more{border:0;border-top:1px solid var(--hairline);height:36px;font:inherit;color:var(--text-quiet);cursor:pointer;background:0 0;border-radius:0;flex:none;align-items:center;gap:8px;margin-top:4px;padding:0 8px;font-size:11px;display:flex}.ag-connect-more>span:nth-child(2){text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ag-connect-more:hover{color:var(--text-1)}.ag-connect-logos{opacity:.55;color:var(--text-1);gap:4px;display:inline-flex}.ag-effort{border-top:1px solid var(--hairline);color:var(--text-quiet);flex:none;align-items:center;gap:10px;padding:8px 8px 4px;font-size:11px;display:flex}.ag-parallel{border-radius:12px;gap:12px;padding:12px}.ag-modes{gap:8px;display:flex}.ag-modes.off{opacity:.6}.ag-mode{border:1px solid var(--divider);background:var(--ag-fill-04);font:inherit;text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;flex:1;gap:4px;padding:10px;display:flex}.ag-mode-head{color:var(--text-strong);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.ag-mode-head svg{color:var(--text-2)}.ag-mode-sub{color:var(--text-3);font-size:11px;line-height:1.4}.ag-mode.on{background:#af47d11a;border-color:#af47d180}.ag-mode.on .ag-mode-head{color:var(--ag-white)}.ag-mode.on .ag-mode-head svg{color:var(--brand-text)}.ag-parallel-models{gap:6px;display:flex}.ag-mix{color:var(--text-2);align-items:center;gap:8px;font-size:11px;display:flex}.ag-mix span{flex:1}.ag-composer-area{flex-direction:column;gap:8px;padding:0 12px 12px;display:flex}.ag-composer{border:1px solid var(--divider);background:var(--ag-composer);cursor:text;border-radius:10px;flex-direction:column;gap:12px;padding:10px 10px 8px;display:flex}.ag-composer:focus-within{border-color:#af47d173}.ag-input{min-height:20px;max-height:200px;color:var(--text-strong);white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;outline:none;padding:2px 0;font-size:13px;line-height:24px;overflow:auto}.ag-input:empty:before{content:attr(data-placeholder);color:var(--text-4);pointer-events:none}.ag-input .ag-chip{margin:0 1px}.ag-attachments{flex-wrap:wrap;gap:6px;display:flex}.ag-attachment{width:72px;height:48px;box-shadow:inset 0 0 0 1px var(--divider);border-radius:5px;position:relative;overflow:hidden}.ag-attachment img{object-fit:cover;width:100%;height:100%}.ag-attachment button{color:#fff;cursor:pointer;background:#000000b3;border:0;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;padding:0;display:inline-flex;position:absolute;top:3px;right:3px}.ag-toolbar{align-items:center;gap:2px;display:flex}.ag-toolbar .spacer{flex:1}.ag-parallel-chip{height:26px;color:var(--text-3);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:0 7px;display:inline-flex}.ag-parallel-chip span{color:var(--text-2);font-size:11px;font-weight:500}.ag-parallel-chip:hover,.ag-parallel-chip.open{background:var(--hover)}.ag-parallel-chip.on{color:var(--brand-text);background:#af47d11f}.ag-parallel-chip.on span{color:var(--brand-text)}.ag-send{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;margin-left:4px;display:inline-flex}.ag-send:hover:not(:disabled){background:var(--brand-hover)}.ag-send:disabled{background:var(--active);color:var(--text-4);cursor:default}.ag-stop{background:var(--ag-fill-14);cursor:pointer;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;margin-left:4px;display:inline-flex}.ag-stop i,.ag-stop-glyph{background:var(--text-1);border-radius:2px;width:9px;height:9px;display:inline-block}.ag-stop-glyph{background:var(--text-soft);border-radius:1.5px;width:8px;height:8px}.ag-stop:hover{background:var(--button-hover)}.ag-new-agent{border:1px solid var(--line-mid);height:26px;color:var(--text-1);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border-radius:6px;flex:none;align-items:center;gap:4px;margin-left:4px;padding:0 8px;font-size:11px;display:inline-flex}.ag-new-agent:hover:not(:disabled){background:var(--hover)}.ag-new-agent:disabled{opacity:.5;cursor:default}.ag-new-agent>svg{color:var(--brand-text)}.ag-split-send{background:var(--brand);border-radius:6px;flex:none;height:26px;margin-left:4px;display:inline-flex;overflow:hidden}.ag-split-send button{color:#fff;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.ag-split-main{padding:0 7px;border-right:1px solid #ffffff40!important}.ag-split-menu{width:20px}.ag-split-send button:hover:not(:disabled){background:#ffffff1f}.ag-split-send button:disabled{opacity:.6;cursor:default}.ag-hint{color:var(--text-4);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.ag-queue{border:1px solid var(--divider);background:var(--ag-queue);max-height:min(260px, calc(32 * var(--vh)));border-radius:10px;flex-direction:column;flex:none;gap:2px;padding:4px;display:flex;overflow:auto}.ag-queue-head{height:28px;color:var(--text-3);flex:none;align-items:center;gap:6px;padding:0 4px 0 8px;display:flex}.ag-queue-head b{color:var(--text-1);font-size:11px;font-weight:600}.ag-count{color:var(--text-3);font-size:11px}.ag-queued{border-radius:7px;outline:none;gap:6px;padding:6px 4px;display:flex}.ag-queued:hover,.ag-queued:focus-visible,.ag-queued:first-of-type{background:var(--field)}.ag-queued.dragging{opacity:.5}.ag-queued.drop-target{box-shadow:inset 0 2px 0 var(--brand)}.ag-grip{width:14px;height:18px;color:var(--text-4);cursor:grab;flex:none;justify-content:center;align-items:center;display:inline-flex}.ag-queued:hover .ag-grip{color:var(--text-3)}.ag-queued-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ag-queued-msg{color:var(--text-strong);word-break:break-word;font-size:12px;line-height:1.35}.ag-queue-edit{font:inherit;background:var(--field);color:var(--text-1);border:1px solid #af47d173;border-radius:5px;outline:none;padding:2px 6px;font-size:12px}.ag-queued-meta{min-height:24px;color:var(--text-3);align-items:center;gap:5px;font-size:11px;display:flex}.ag-queued-meta>.brand-icon{opacity:.8}.ag-queued-actions{align-items:center;gap:2px;display:none}.ag-queued:hover .ag-queued-actions,.ag-queued:focus-within .ag-queued-actions{display:inline-flex}.ag-queued-actions .ag-icon-btn{width:24px;height:24px;color:var(--text-3);border-radius:5px}.ag-steer-btn{background:var(--brand-soft);height:24px;color:var(--brand-text);font:inherit;cursor:pointer;border:0;border-radius:5px;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.ag-switcher{scrollbar-width:none;flex:none;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.ag-switcher::-webkit-scrollbar{display:none}.ag-agent-chip{border:1px solid var(--divider);height:26px;color:var(--text-soft);font:inherit;cursor:pointer;background:0 0;border-radius:6px;flex:none;align-items:center;gap:6px;max-width:220px;padding:0 8px;font-size:12px;display:inline-flex}.ag-agent-chip b{white-space:nowrap;font-weight:400}.ag-agent-chip.on{background:var(--ag-fill-10);color:var(--ag-white);border-color:#0000}.ag-agent-chip.on b{font-weight:500}.ag-agent-task{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ag-agent-chip:hover:not(.on){background:var(--hover)}.ag-empty{text-align:left;flex-direction:column;align-items:stretch;gap:20px;padding:0;display:flex}.ag-group{flex-direction:column;gap:2px;display:flex}.ag-group-heading{color:var(--text-3);padding:0 8px 6px;font-size:11px}.ag-suggestion,.ag-thread-row{height:32px;font:inherit;color:var(--kind-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:0 8px;font-size:12px;animation:none;display:flex}.ag-suggestion.first,.ag-suggestion:hover,.ag-thread-row:hover{background:var(--field)}.ag-suggestion-icon{color:var(--text-quiet);display:inline-flex}.ag-thread-row svg{color:var(--text-3);flex:none}.ag-thread-name{min-width:0;color:var(--ag-soft);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ag-thread-time{color:var(--text-4);font-size:11px}.ag-user{background:var(--hover);max-width:none;color:var(--text-1);border-radius:8px;flex-direction:column;align-self:stretch;gap:8px;padding:10px;font-size:13px;line-height:24px;animation:none;display:flex}.ag-user-text{white-space:pre-wrap;word-break:break-word}.ag-user .msg-images img{object-fit:cover;width:72px;height:48px;box-shadow:inset 0 0 0 1px var(--divider);border-radius:5px}.ag-mode-tag{height:20px;color:var(--brand-text);background:#af47d11f;border-radius:4px;align-self:flex-start;align-items:center;gap:5px;padding:0 6px;font-size:11px;font-weight:500;line-height:20px;display:inline-flex}.ag-run{background:0 0;border:0;border-radius:0;flex-direction:column;gap:2px;animation:none;display:flex;overflow:visible}.ag-run-head{height:28px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 8px;display:flex}.ag-run-head:hover{background:var(--hover)}.ag-run-label{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.ag-run-sub{color:var(--text-3);white-space:nowrap;font-size:11px}.ag-run-head.live .ag-run-sub{color:var(--text-quiet)}.ag-model-tag{height:20px;color:var(--text-2);white-space:nowrap;border-radius:4px;flex:none;align-items:center;gap:5px;padding:0 6px;font-size:11px;display:inline-flex}.ag-model-tag.filled{background:var(--hover)}.ag-steps{border:0;flex-direction:column;padding:0;animation:none;display:flex}.ag-steps.done{padding:2px 0 2px 14px}.ag-step-row{width:100%;height:28px;font:inherit;text-align:left;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;min-height:0;padding:0 8px;display:flex}.ag-step-row.static{cursor:default}.ag-step-icon{width:13px;height:13px;color:var(--text-4);flex:none;justify-content:center;align-items:center;display:inline-flex}.ag-step-label{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;font-size:12px;overflow:hidden}.ag-steps.live .ag-step-label{flex:1}.ag-step.current .ag-step-label{color:var(--ag-white)}.ag-step-detail{min-width:0;color:var(--text-4);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.ag-steps.live .ag-step-detail{display:none}.ag-step-time{color:var(--text-4);flex:none;font-size:11px}.ag-step-chev{color:var(--text-4);visibility:hidden;flex:none}.ag-step-row:hover .ag-step-chev,.ag-step.open .ag-step-chev{visibility:visible;color:var(--text-2)}.ag-step.open>.ag-step-row,.ag-step-row:hover:not(.static){background:var(--hover)}.ag-steps.done .ag-step{border-left:1px solid var(--divider);padding-bottom:4px}.ag-steps.done .ag-step-row{height:26px;padding:0 8px 0 12px}.ag-steps.done .ag-step-label{color:var(--text-soft)}.ag-steps.done .ag-step-icon{color:var(--text-3)}.ag-step-body{flex-direction:column;gap:10px;padding:6px 8px 10px 33px;animation:none;display:flex}.ag-steps.live .ag-step-body{padding:4px 8px 8px 29px}.ag-step-summary{color:var(--text-soft);font-size:12px;line-height:1.45}.ag-changed{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:4px;font-size:11px;display:flex}.ag-step-actions{align-items:center;gap:12px;display:flex}.ag-step-actions .spacer{flex:1}.ag-step-body img{max-width:144px;box-shadow:inset 0 0 0 1px var(--divider);border-radius:6px}.ag-tag-btn{background:var(--hover);height:20px;color:var(--text-2);font:inherit;cursor:pointer;border:0;border-radius:4px;flex:none;align-items:center;gap:4px;margin-left:auto;padding:0 6px;font-size:11px;display:inline-flex}.follow-box{border:1px solid var(--field);background:var(--ag-fill-04);border-radius:6px;flex-direction:column;gap:6px;min-width:0;padding:8px 10px;display:flex;position:relative}.follow-box .box-expand{align-self:flex-end}.thinking{color:var(--text-2);white-space:pre-wrap;overscroll-behavior:contain;-webkit-user-select:text;user-select:text;max-height:200px;font-size:12px;line-height:1.5;overflow:auto}.follow-box .code{overscroll-behavior:contain;max-height:240px;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;color:var(--text-2);background:0 0;margin:0;padding:0;font-size:11px;line-height:1.5;overflow:auto}img.zoomable{cursor:zoom-in}.ag-reply{color:var(--kind-text);-webkit-user-select:text;user-select:text;word-wrap:break-word;padding:0 4px;font-size:13px;line-height:1.5;animation:none}.ag-reply p{margin:0 0 10px}.ag-reply p:last-child{margin-bottom:0}.ag-reply .md-h{color:var(--text-1);font-weight:600}.ag-reply ul,.ag-reply ol{margin:0 0 10px;padding-left:18px}.ag-reply code{font-family:var(--font-mono);background:var(--active);border-radius:4px;padding:1px 4px;font-size:12px}.ag-reply pre.code{font-family:var(--font-mono);background:var(--ag-fill-04);border:1px solid var(--field);border-radius:6px;margin:6px 0;padding:8px 10px;font-size:11px;overflow:auto}.ag-reply .ag-chip{margin:0 1px}.ag-error{background:var(--danger-soft);color:var(--danger);border-radius:8px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:12px;line-height:1.5;animation:none;display:flex}.ag-error svg{flex:none;margin-top:2px}.ag-notice{background:var(--active);color:var(--text-3);border-radius:999px;align-self:center;padding:2px 10px;font-size:11px;animation:none}.ag-actions{align-items:center;gap:6px;display:flex}.ag-usage{min-width:0;color:var(--text-4);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.ag-quick-replies{flex-wrap:wrap;gap:6px;display:flex}.ag-quick-reply{border:1px solid var(--divider);background:var(--field);height:28px;color:var(--text-soft);font:inherit;cursor:pointer;border-radius:14px;padding:0 10px;font-size:12px}.ag-quick-reply:hover{background:var(--hover);color:var(--text-1)}.ag-plan{background:var(--dialog);border:1px solid #af47d159;border-radius:10px;flex-direction:column;gap:12px;padding:12px;display:flex}.ag-plan.done{border-color:var(--divider)}.ag-plan-head{align-items:center;gap:8px;font-size:12px;display:flex}.ag-plan-head b{color:var(--text-1);flex:1;font-weight:600}.ag-plan-head .brand-text{font-size:11px}.ag-plan-sub{color:var(--text-2);font-size:11px;line-height:1.45}.ag-jobs{flex-direction:column;gap:6px;display:flex}.ag-job{background:var(--hover);border-radius:8px;align-items:center;gap:10px;padding:8px 8px 8px 10px;display:flex}.ag-job-n{width:10px;color:var(--text-3);flex:none;font-size:11px;font-weight:600}.ag-job-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ag-job-text b,.ag-job-title{color:var(--text-1);font-size:12px;font-weight:500}.ag-job-title{font:inherit;background:0 0;border:0;outline:none;min-width:0;padding:0;font-weight:500}.ag-job-title:focus{box-shadow:0 1px #af47d173}.ag-job-where{color:var(--text-3);align-items:center;gap:4px;font-size:11px;display:inline-flex}.ag-add-job{font:inherit;color:var(--text-3);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;padding:0 2px;font-size:11px;display:inline-flex}.ag-add-job:hover{color:var(--text-1)}.ag-plan-actions{align-items:center;gap:8px;display:flex}.ag-plan-actions .spacer{flex:1}.ag-takes{flex-direction:column;gap:6px;display:flex}.ag-takes-head{align-items:center;gap:8px;height:28px;padding:0 4px;display:flex}.ag-takes-head b{color:var(--text-1);font-size:12px;font-weight:500}.ag-takes-head span{color:var(--text-3);font-size:11px}.ag-take{border:1px solid var(--hairline);background:var(--ag-fill-04);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.ag-take.on{background:#af47d11a;border-color:#af47d180}.ag-take-thumb{background:var(--active);width:44px;height:56px;box-shadow:inset 0 0 0 1px var(--divider);border-radius:4px;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.ag-take-thumb img{object-fit:contain;max-width:100%;max-height:100%}.ag-take-thumb i{background:var(--brand-soft);border-radius:2px;width:34px;height:46px}.ag-take-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ag-take-line{align-items:center;gap:6px;font-size:12px;display:flex}.ag-take-line b{color:var(--text-1);font-weight:500}.ag-letter{background:var(--ag-fill-14);width:16px;height:16px;color:var(--text-soft);border-radius:4px;flex:none;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex}.ag-letter.on{background:var(--brand);color:#fff}.ag-take-status{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:11px;display:flex;overflow:hidden}.ag-tip{color:var(--text-3);gap:6px;padding:4px 4px 0;font-size:11px;line-height:1.45;display:flex}.ag-tip svg{flex:none;margin-top:2px}.ag-list{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.ag-list-head{border-bottom:1px solid var(--hairline);height:48px;color:var(--text-soft);flex:none;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:flex}.ag-list-head .spacer{flex:1}.ag-list-head .ag-outline-btn{border-color:var(--line-mid);padding:0 9px}.ag-list-rows{flex-direction:column;gap:2px;padding:6px 4px;display:flex}.ag-empty-note{color:var(--text-3);padding:16px 8px;font-size:12px}.ag-agent-row{cursor:pointer;border-radius:8px;flex-direction:column;gap:8px;padding:10px 8px;display:flex}.ag-agent-row.on{background:var(--field)}.ag-agent-row:hover:not(.on){background:var(--hover)}.ag-agent-top{align-items:center;gap:8px;display:flex}.ag-tile{background:var(--field);width:28px;height:28px;color:var(--text-1);border-radius:7px;flex:none;justify-content:center;align-items:center;display:inline-flex}.ag-tile.on{background:var(--brand-soft)}.ag-agent-names{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ag-agent-line{align-items:baseline;gap:6px;display:flex}.ag-agent-line b{color:var(--text-1);font-size:12px;font-weight:600}.ag-agent-line span{color:var(--text-3);font-size:11px}.ag-agent-status{color:var(--text-soft);align-items:center;gap:5px;min-width:0;font-size:11px;display:flex}.ag-agent-status span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ag-agent-status.waiting,.ag-agent-status.done,.ag-agent-status.stopped,.ag-agent-status.error{color:var(--text-3)}.ag-agent-time{color:var(--text-3);flex:none;font-size:11px}.ag-agent-top .ag-icon-btn{width:24px;height:24px;color:var(--text-3);border-radius:5px}.ag-agent-owns,.ag-agent-actions{align-items:center;gap:6px;padding-left:36px;display:flex}.ag-agent-actions{padding-top:2px}.ag-agent-actions .ag-outline-btn{border-color:var(--line-mid);padding:0 10px}.ag-agent-actions .ag-primary-btn{height:26px;padding:0 10px;font-size:11px;font-weight:500}.ag-own{background:var(--active);height:20px;font:inherit;color:var(--text-soft);cursor:pointer;border:0;border-radius:4px;align-items:center;gap:4px;padding:0 6px;font-size:11px;display:inline-flex}.ag-own svg{color:var(--text-3)}.ag-muted{color:var(--text-3);font-size:11px}.spacer-v{flex:1}.ag-list-foot{border-top:1px solid var(--hairline);flex-direction:column;gap:10px;padding:12px;display:flex}.ag-list-foot p{color:var(--text-3);margin:0;font-size:11px;line-height:1.45}.ag-new-agent{background:var(--active);height:34px;color:var(--text-1);font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.ag-new-agent:hover{background:var(--button-hover)}.ag-new-agent .ag-keys{color:var(--text-3);font-weight:400}.viewer-scrim{background:#000000b8}.viewer{max-width:min(1400px, calc(94 * var(--vw)));max-height:calc(92 * var(--vh));background:var(--raised);box-shadow:0 0 0 1px var(--divider), var(--shadow-dialog);animation:fade-in var(--dur-3) var(--ease-out);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.viewer.text{width:min(900px, calc(94 * var(--vw)))}.viewer-head{align-items:center;gap:10px;min-height:28px;display:flex}.viewer-title{font-weight:600}.viewer-img{min-width:min(480px, calc(86 * var(--vw)));max-width:100%;max-height:calc(calc(92 * var(--vh)) - 72px);object-fit:contain;background:repeating-conic-gradient(#8882 0% 25%,#0000 0% 50%) 50%/16px 16px;border-radius:8px;display:block}.viewer-text{max-height:calc(calc(92 * var(--vh)) - 72px);white-space:pre-wrap;-webkit-user-select:text;user-select:text;overscroll-behavior:contain;margin:0;line-height:1.55;overflow:auto}.viewer-text.code{font-family:var(--font-mono);font-size:12px}.ag-settings{flex-direction:column;gap:18px;display:flex}.ag-set-heading{color:var(--text-quiet);justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.ag-set-link{font:inherit;color:var(--brand-text);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:11px;font-weight:500;display:inline-flex}.ag-set-defaults{align-items:flex-end;gap:16px;display:flex}.ag-set-field{color:var(--text-quiet);flex-direction:column;gap:6px;min-width:0;font-size:11px;display:flex}.ag-set-field.grow{flex:1}.ag-dropdown{background:var(--field);height:28px;color:var(--text-1);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:6px;align-items:center;gap:8px;min-width:0;padding:0 10px;font-size:12px;display:flex}.ag-dropdown span:not(.brand-icon){white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ag-dropdown>svg:last-child{color:var(--text-3);flex:none}.ag-dropdown:hover{background:var(--hover)}.ag-set-rows{flex-direction:column;display:flex}.ag-set-row{border-bottom:1px solid var(--field);align-items:center;gap:16px;padding:10px 0;display:flex}.ag-set-row.tight{padding:8px 0}.ag-set-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ag-set-text b{color:var(--text-1);font-size:12px;font-weight:500}.ag-set-text span{color:var(--text-3);font-size:11px;line-height:1.4}.ag-providers{border:1px solid var(--divider);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.ag-provider{border-bottom:1px solid var(--field);flex-direction:column;display:flex}.ag-provider:last-child{border-bottom:0}.ag-provider-row{align-items:center;gap:12px;min-height:44px;padding:0 12px;display:flex}.ag-provider-tile{background:var(--field);width:30px;height:30px;color:var(--text-1);border-radius:7px;flex:none;justify-content:center;align-items:center;display:inline-flex}.ag-provider-tile.off{opacity:.6}.ag-provider-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ag-provider-text b{color:var(--text-1);font-size:12px;font-weight:500}.ag-provider-text b.off{color:var(--text-soft)}.ag-provider-text span{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.ag-provider-status{color:var(--text-2);align-items:center;gap:6px;font-size:11px;display:inline-flex}.ag-provider-status i{background:var(--success);border-radius:50%;width:6px;height:6px}.ag-connect-btn{background:var(--ag-fill-10);height:26px;color:var(--text-1);font:inherit;cursor:pointer;border:0;border-radius:6px;padding:0 10px;font-size:11px;font-weight:500}.ag-connect-btn:hover{background:var(--button-hover)}.ag-provider-body{color:var(--text-3);flex-direction:column;gap:8px;padding:2px 12px 12px 54px;font-size:11px;display:flex}.ag-provider-body .row{align-items:center;gap:6px;display:flex}.ag-provider-body input{background:var(--field);min-width:0;height:28px;color:var(--text-1);font:inherit;border:1px solid #0000;border-radius:6px;outline:none;flex:1;padding:0 10px;font-size:12px}.ag-provider-body input:focus{border-color:#af47d173}.ag-provider-body a{color:var(--brand-text)}.ag-set-note{background:var(--ag-fill-04);color:var(--text-quiet);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:flex}.ag-set-note svg{color:var(--text-3);flex:none}.ag-apps{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ag-app{border:1px solid var(--divider);background:var(--ag-fill-04);height:36px;font:inherit;color:var(--text-1);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:11px;font-weight:500;display:flex}.ag-app.connected{border-color:#3dd68c4d}.ag-app span{color:var(--brand-text);font-weight:400}.ag-app.connected span{color:var(--success)}.ag-app-setup{color:var(--text-3);flex-direction:column;gap:6px;font-size:11px;display:flex}.ag-app-setup pre{background:var(--ag-fill-04);border:1px solid var(--field);font-family:var(--font-mono);color:var(--text-2);white-space:pre-wrap;word-break:break-all;border-radius:6px;margin:0;padding:8px 10px;font-size:11px}.ag-set-none{height:28px;color:var(--text-4);align-items:center;font-size:11px;display:inline-flex}.ag-conn{flex-direction:column;gap:6px;line-height:1.45;display:flex}.ag-conn+.ag-conn{border-top:1px solid var(--field);padding-top:8px}.ag-conn-title{color:var(--text-2);font-size:11px;font-weight:600}::highlight(ag-query){color:var(--brand-text)}.ag-own svg.kind-frame-color,.ag-job-where svg.kind-frame-color{color:var(--kind-frame)}.ag-menu-item.active .ag-menu-context,.ag-model-row.active .ag-model-hint,.ag-model-row.on .ag-model-hint{color:var(--text-2)}.ag-context{flex-wrap:wrap;align-items:center;gap:4px;padding:2px 0 6px;display:flex}.ag-context-more{color:var(--text-3);font-size:11px}.ag-context-off{width:18px;height:18px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;margin-left:2px;display:grid}.ag-context-off:hover{background:var(--hover);color:var(--text-1)}.ag-allowance{border:1px solid var(--field);border-radius:8px;flex-direction:column;gap:8px;margin-bottom:14px;padding:12px;display:flex}.ag-allowance .ag-set-text b{align-items:center;gap:6px;display:flex}.ag-allowance-bar{background:var(--field);border-radius:2px;height:4px;overflow:hidden}.ag-allowance-bar i{background:var(--brand);border-radius:2px;height:100%;display:block}.assets{flex-direction:column;height:100%;min-height:0;display:flex}.assets-kinds{height:28px;margin:10px var(--edge) 0;border-radius:var(--radius-button);background:var(--field);flex:none;gap:2px;padding:2px;display:flex}.assets-kinds button{color:var(--text-3);font:inherit;font-size:var(--text-label);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:auto;padding:0 6px}.assets-kinds button:hover{color:var(--text-1)}.assets-kinds button.active{background:var(--button-hover);box-shadow:var(--elev-1);color:var(--text-1);font-weight:500}.assets-body{padding:10px var(--edge) 16px}.assets-source{align-items:center;gap:6px;min-height:18px;margin-bottom:10px;display:flex}.assets-source .spacer{flex:1}.assets-library,.source-tab{color:var(--text-2);font:inherit;font-size:var(--text-caption);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-weight:500;display:inline-flex}.assets-library svg{color:var(--text-4)}.assets-library:hover,.source-tab:hover{color:var(--text-1)}.source-tab{color:var(--text-3);font-weight:400}.source-tab.on{color:var(--text-1);font-weight:500}.source-tab svg{color:var(--text-3)}.media-source .dot{color:var(--text-4);font-size:var(--text-caption)}.view-btn{width:18px;height:18px;color:var(--text-4);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.view-btn:hover:not(:disabled),.view-btn.on{color:var(--text-1)}.view-btn:disabled{cursor:default}.asset-group+.asset-group{margin-top:10px}.asset-group-head{width:100%;height:24px;color:color-mix(in srgb, var(--text-1) 88%, var(--text-2));font:inherit;font-size:var(--text-body);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:10px;padding:0;font-weight:500;display:flex}.asset-group-head .chev{color:var(--text-4);flex:none}.asset-group-head.open .chev{transform:rotate(90deg)}.asset-group-head .name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.asset-group-head .count{color:var(--text-4);font-size:var(--text-caption);font-variant-numeric:tabular-nums;font-weight:400}.asset-grid{grid-template-columns:1fr 1fr;gap:10px 8px;display:grid}.asset-card{cursor:pointer;flex-direction:column;gap:6px;min-width:0;display:flex}.asset-thumb{border-radius:var(--radius-button);background:var(--surface-2);height:72px;box-shadow:inset 0 0 0 1px var(--hairline);overflow:hidden}.asset-card:hover .asset-thumb{box-shadow:inset 0 0 0 1px var(--line-strong)}.asset-card.selected .asset-thumb{box-shadow:inset 0 0 0 1.5px var(--kind-component)}.asset-thumb canvas{width:100%;height:100%;display:block}.asset-name{min-width:0;color:var(--text-2);font-size:var(--text-caption)}.asset-card.selected .asset-name{color:var(--kind-component);font-weight:500}.asset-name .name,.asset-row .name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.asset-list{margin:-4px calc(var(--inset) - var(--edge)) 0;flex-direction:column;display:flex}.asset-row{height:var(--row-h);color:color-mix(in srgb, var(--text-1) 53%, var(--text-2));cursor:pointer;border-radius:5px;align-items:center;gap:8px;padding:0 8px;display:flex}.asset-row:hover{background:var(--hover)}.asset-row.selected{background:var(--selected-row);color:var(--text-1)}.asset-kind{color:var(--kind-component);flex:none}.assets-empty{color:var(--text-3);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:28px 8px;line-height:1.5;display:flex}.assets-empty svg{color:var(--text-4)}.assets-empty .hint{color:var(--text-4);font-size:var(--text-caption)}.assets-empty .btn{margin-top:6px}.assets-empty.wide{grid-column:1/-1;padding:12px 0}.icon-grid{margin:0 calc(var(--inset) - var(--edge) + 4px);grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:2px;display:grid}.icon-cell{aspect-ratio:1;border-radius:var(--radius-button);color:var(--text-2);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.icon-cell:hover{background:var(--hover);color:var(--text-1)}.icon-cell:focus-visible{outline:1.5px solid var(--brand);outline-offset:-1.5px}.file-images{grid-template-columns:1fr 1fr;gap:6px;display:grid}.file-image{border-radius:var(--radius-button);background:var(--surface-2);height:92px;color:var(--text-3);font:inherit;font-size:var(--text-caption);cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0;display:flex;position:relative;overflow:hidden}.file-image img{object-fit:cover;width:100%;height:100%;display:block}.file-image:hover{box-shadow:inset 0 0 0 1px var(--line-strong)}.file-image.used{box-shadow:0 0 0 2px var(--brand)}.file-image.add{box-shadow:inset 0 0 0 1px var(--divider);background:0 0}.file-image.add:hover{color:var(--text-1);background:var(--hover)}.code-empty{padding-top:40px}.variables{flex-direction:column;height:100%;min-height:0;display:flex}.vars-body{padding:14px var(--edge) 16px;flex-direction:column;gap:14px;display:flex}.vars-preview{flex-direction:column;gap:4px;display:flex}.vars-label{color:var(--text-3);font-size:var(--text-caption);padding-bottom:4px}.vars-axis{border-radius:var(--radius-button);background:var(--field);height:28px;color:var(--text-3);font:inherit;text-align:left;cursor:pointer;border:0;align-items:center;gap:8px;padding:0 8px;display:flex}.vars-axis:hover,.vars-axis.open{background:var(--active)}.vars-axis .axis{width:56px;font-size:var(--text-caption);text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.vars-axis .value{min-width:0;color:var(--text-1);font-size:var(--text-body);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.vars-axis .value.auto{color:var(--text-3)}.vars-collection{flex-direction:column;display:flex}.vars-collection-head,.vars-group{height:var(--row-h);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:0 8px 0 0;display:flex}.vars-collection-head{color:var(--text-1);font-weight:500}.vars-collection-head .chev{color:var(--text-4);flex:none}.vars-collection-head.open .chev{transform:rotate(90deg)}.vars-collection-head .type-icon{flex:none;display:inline-flex}.type-color .type-icon,.vi-type.type-color{color:var(--kind-variable)}.type-number .type-icon,.vi-type.type-number{color:var(--kind-frame)}.type-string .type-icon,.vi-type.type-string{color:var(--kind-text)}.type-boolean .type-icon,.vi-type.type-boolean{color:var(--kind-image)}.vars-collection-head .name,.vars-group .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.vars-collection-head .count,.vars-group .count{color:var(--text-4);font-size:var(--text-caption);font-variant-numeric:tabular-nums;font-weight:400}.vars-group{color:var(--text-soft);padding-left:37px}.vars-group:hover{background:var(--hover)}.vars-group.selected{background:var(--selected-row);color:var(--text-on-brand)}.vars-group.selected .count{color:color-mix(in srgb, var(--brand-text) 60%, var(--text-1))}:root[data-theme=light] .vars-group.selected{color:var(--text-1)}:root[data-theme=light] .vars-group.selected .count{color:var(--brand-text)}.vt-window{--vt-name-w:232px;--vt-mode-w:132px;--vt-min:calc(var(--vt-name-w) + 36px + var(--vt-modes,1) * var(--vt-mode-w));top:16px;bottom:16px;left:calc(var(--left-w,248px) + 16px);right:calc(var(--right-w,264px) + 16px);z-index:20;border:1px solid var(--divider);background:var(--dialog);min-width:0;box-shadow:var(--shadow-dialog);animation:dialog-in var(--dur-3) var(--ease-out);border-radius:12px;outline:none;display:flex;position:absolute;overflow:hidden}.vt-main{flex-direction:column;flex:1;min-width:0;display:flex}.vt-title{border-bottom:1px solid var(--hairline);flex:none;align-items:center;gap:10px;height:46px;padding:0 8px 0 16px;display:flex}.vt-title .title{color:var(--text-1);font-size:var(--text-panel-title);white-space:nowrap;font-weight:600}.vt-title .path{text-overflow:ellipsis;white-space:pre;min-width:0;color:var(--text-3);font-size:var(--text-panel-title);overflow:hidden}.vt-title .spacer{flex:1}.vt-search{border-radius:var(--radius-button);background:var(--field);width:200px;min-width:80px;height:28px;color:var(--text-3);flex:0 200px;align-items:center;gap:7px;padding:0 8px;display:flex}.vt-search:focus-within{box-shadow:inset 0 0 0 1px var(--brand)}.vt-search input{min-width:0;color:var(--text-1);font:inherit;font-size:var(--text-body);background:0 0;border:0;outline:none;flex:1}.vt-search input::placeholder{color:var(--text-4)}.vt-new{border-radius:var(--radius-button);background:var(--button);height:28px;color:var(--text-1);font:inherit;font-size:var(--text-label);cursor:pointer;border:0;flex:none;align-items:center;gap:6px;padding:0 10px 0 8px;font-weight:500;display:inline-flex}.vt-new:hover{background:var(--button-hover)}.vt-close{border-radius:var(--radius-button);width:28px;height:28px;color:var(--text-3);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.vt-close:hover{background:var(--hover);color:var(--text-1)}.vt-scroll{flex:1;min-height:0;position:relative;overflow:auto}.vt-head,.vt-row{grid-template-columns:var(--vt-name-w) repeat(var(--vt-modes,1), minmax(var(--vt-mode-w), 1fr)) 36px;min-width:var(--vt-min);display:grid}.vt-head{z-index:2;border-bottom:1px solid var(--hairline);background:var(--dialog);height:34px;position:sticky;top:0}.vt-cell{align-items:center;min-width:0;display:flex}.vt-head .vt-cell{color:var(--text-3);font-size:var(--text-caption)}.vt-head .vt-cell.name{padding:0 16px}.vt-head .vt-cell.mode,.vt-head .vt-cell.add{border-left:1px solid var(--field);gap:6px;padding:0 12px;font-weight:500;position:relative}.vt-head .vt-cell.mode .label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vt-head .vt-cell.mode.previewing .label{color:var(--text-1)}.vt-preview{background:var(--hover);height:16px;color:var(--text-3);font:inherit;cursor:pointer;border:0;border-radius:4px;flex:none;align-items:center;padding:0 5px;font-size:10px;font-weight:500;display:none}.vt-head .vt-cell.mode:hover .vt-preview,.vt-head .vt-cell.mode.previewing .vt-preview{display:inline-flex}.vt-head .vt-cell.mode.previewing .vt-preview{background:var(--brand-soft);color:var(--brand-text)}.vt-head .vt-cell.add{justify-content:center;padding:0}.vt-add-mode{width:24px;height:24px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid}.vt-add-mode:hover{background:var(--hover);color:var(--text-1)}.vt-add-form{z-index:3;border-radius:var(--radius-menu);background:var(--raised);box-shadow:var(--shadow-menu);padding:6px;position:absolute;top:calc(100% + 4px);right:4px}.vt-add-form input{width:180px;height:var(--field-h);border-radius:var(--radius-field);background:var(--field);color:var(--text-1);font:inherit;font-size:var(--text-body);box-shadow:inset 0 0 0 1px var(--brand);border:0;outline:none;padding:0 8px}.vt-group-head{z-index:1;width:100%;min-width:var(--vt-min);border:0;border-bottom:1px solid var(--field);background:linear-gradient(var(--hover), var(--hover)) var(--dialog);height:32px;color:var(--text-1);font:inherit;font-size:var(--text-body);text-align:left;cursor:pointer;align-items:center;gap:6px;padding:0 16px;font-weight:500;display:flex;position:sticky;top:34px}.vt-group-head svg{color:var(--text-3);flex:none}.vt-group-head .kind{color:var(--text-3);font-weight:400}.vt-group-head .count{color:var(--text-4);font-size:var(--text-caption);font-variant-numeric:tabular-nums;font-weight:400}.vt-row{border-bottom:1px solid var(--hover);cursor:default;height:34px}.vt-row:hover{background:var(--hover)}.vt-row.selected{background:color-mix(in srgb, var(--brand) 10%, transparent)}.vt-row .vt-cell.name{padding:0 16px 0 34px}.vt-row .vname{text-overflow:ellipsis;white-space:nowrap;color:var(--kind-text);overflow:hidden}.vt-row.selected .vname{color:var(--text-on-brand)}:root[data-theme=light] .vt-row.selected .vname{color:var(--text-1)}.vt-rename{background:var(--field);width:100%;height:24px;color:var(--text-1);font:inherit;font-size:var(--text-body);box-shadow:inset 0 0 0 1px var(--brand);border:0;border-radius:4px;outline:none;margin-left:-6px;padding:0 6px}.vt-cell.value{color:var(--text-2);font-size:var(--text-body);font-variant-numeric:tabular-nums;cursor:text;border-radius:4px;gap:8px;margin:0;padding:0 12px}.vt-cell.value .text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vt-cell.value .text.alias{color:var(--brand-text)}.vt-cell.value .all{color:var(--text-4);font-size:var(--text-caption);white-space:nowrap;margin-left:auto}.vt-cell.value.editing{background:color-mix(in srgb, var(--brand) 8%, transparent);box-shadow:inset 0 0 0 1px var(--brand);color:var(--text-1)}.vt-input{min-width:0;height:100%;color:var(--text-1);font:inherit;font-variant-numeric:tabular-nums;caret-color:var(--brand);background:0 0;border:0;outline:none;flex:1;padding:0}.vt-swatch-btn{cursor:pointer;background:0 0;border:0;flex:none;padding:0;display:inline-flex}.vt-swatch{background:repeating-conic-gradient(var(--field) 0% 25%, transparent 0% 50%) 0 0 / 6px 6px;border-radius:3px;width:14px;height:14px;display:inline-block;position:relative;overflow:hidden}.vt-swatch span{width:100%;height:100%;display:block}.vt-swatch:after{content:"";box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:3px;position:absolute;inset:0}.vt-check{width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text-on-brand);cursor:pointer;background:0 0;border:0;border-radius:3px;flex:none;place-items:center;padding:0;display:inline-grid}.vt-check.on{background:var(--brand);box-shadow:none}.vt-more{min-width:var(--vt-min);border-bottom:1px solid var(--hover);height:32px;color:var(--text-3);font-size:var(--text-body);align-items:center;gap:6px;padding:0 16px 0 34px;display:flex}.vt-more button{color:var(--text-3);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.vt-more button:hover{color:var(--text-1)}.vt-more .sep{color:var(--text-4)}.vt-empty{color:var(--text-3);flex-direction:column;align-items:center;gap:10px;padding:48px 16px;display:flex}.vt-side.var-inspector{border-left:1px solid var(--hairline);background:var(--dialog);flex:none;width:264px}.tab-pane:has(>.var-inspector)>:not(.var-inspector){display:none!important}.var-inspector{background:var(--panel);flex:1;min-height:0;overflow:auto}.vi-head{height:44px;padding:0 var(--edge);align-items:center;gap:8px;display:flex}.vi-type{flex:none;display:inline-flex}.vi-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-1);flex:1;font-weight:500;overflow:hidden}.vi-kind{background:var(--button);height:18px;color:var(--text-2);border-radius:4px;flex:none;align-items:center;padding:0 6px;font-size:10px;font-weight:500;display:inline-flex}.vi-icon{width:20px;height:20px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;padding:0;display:grid}.vi-icon:hover{background:var(--hover);color:var(--text-1)}.vi-section{padding:10px var(--edge) 12px;border-top:1px solid var(--hairline);flex-direction:column;gap:8px;display:flex}.vi-section-head{height:20px;color:var(--text-1);font-size:var(--text-caption);justify-content:space-between;align-items:center;font-weight:600;display:flex}.vi-value{align-items:center;gap:8px;display:flex}.vi-mode{text-overflow:ellipsis;white-space:nowrap;width:78px;color:var(--text-3);font-size:var(--text-caption);flex:none;overflow:hidden}.vi-field{min-width:0;height:var(--field-h);border-radius:var(--radius-field);background:var(--field);color:color-mix(in srgb, var(--text-1) 88%, var(--text-2));border:0;flex:1;align-items:center;gap:8px;padding:0 8px;display:flex}.vi-field:focus-within{box-shadow:inset 0 0 0 1px var(--brand)}.vi-field input{min-width:0;color:inherit;font:inherit;font-size:var(--text-body);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;padding:0}textarea.vi-desc{height:auto;min-height:52px;color:var(--text-soft);font:inherit;font-size:var(--text-body);resize:none;outline:none;padding:7px 8px;line-height:1.4;display:block}textarea.vi-desc::placeholder{color:var(--text-4)}.vi-scope{height:22px;color:var(--text-soft);font:inherit;font-size:var(--text-body);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.vi-scope:hover{color:var(--text-1)}.vi-code{height:var(--field-h);border-radius:var(--radius-field);background:var(--field);align-items:center;gap:8px;padding:0 4px 0 8px;display:flex}.vi-code .lang{width:46px;color:var(--text-3);font-size:var(--text-caption);flex:none}.vi-code code{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-soft);font-family:var(--font-mono);background:0 0;flex:1;padding:0;font-size:10.5px;overflow:hidden}.vi-usage{color:var(--text-soft);align-items:center;gap:8px;display:flex}.vi-usage span{font-variant-numeric:tabular-nums;flex:1;min-width:0}.vi-select{border-radius:var(--radius-field);background:var(--button);height:24px;color:var(--text-1);font:inherit;font-size:var(--text-caption);cursor:pointer;border:0;flex:none;padding:0 8px;font-weight:500}.vi-select:hover{background:var(--button-hover)}.home-drop.over{border-color:var(--brand);color:var(--brand-text);background:color-mix(in srgb, var(--brand) 8%, transparent)}.home section h3+.cards .card{animation:fade-up var(--dur-4) var(--ease-out) both}.home section .cards .card:nth-child(2){animation-delay:40ms}.home section .cards .card:nth-child(3){animation-delay:80ms}.home section .cards .card:nth-child(n+4){animation-delay:.12s}.scale-row{gap:6px;margin-bottom:8px}.scale-row>:first-child{flex:1}.props .caption.hint{color:var(--muted-foreground);margin:8px 0 0;line-height:1.45}.brand-icon{color:inherit;flex:none;display:inline-flex}.brand-icon svg{width:100%;height:100%;display:block}.caption.warn-text{color:var(--warning,#f5a524)}.caption a{color:var(--brand-text,var(--brand));white-space:nowrap;text-decoration:none}.caption a svg{vertical-align:-1px}.stock{flex-direction:column;gap:8px;display:flex}.stock .assets-source{margin-bottom:2px}.stock-grid{flex-direction:column;gap:6px;display:flex}.stock-row{gap:6px;display:flex}.stock-tile{border-radius:var(--radius-button);cursor:pointer;border:0;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.stock-tile img{object-fit:cover;width:100%;height:100%;display:block}.stock-tile:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.stock-tile.used{box-shadow:0 0 0 2px var(--brand)}.stock-tile .stock-credit{color:var(--text-on-brand);white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(transparent, color-mix(in srgb, var(--tooltip-bg) 75%, transparent));opacity:0;padding:14px 8px 6px;font-size:10px;font-weight:500;text-decoration:none;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.stock-tile:hover .stock-credit,.stock-tile:focus-visible .stock-credit,.stock-tile.used .stock-credit{opacity:1}.stock-tile .spin{color:var(--text-on-brand);margin:auto;position:absolute;inset:0}.stock-tile.busy img{opacity:.5}.stock-hint{color:var(--text-3);font-size:var(--text-caption);line-height:1.5}.stock-loading{color:var(--text-3);justify-content:center;padding:8px;display:flex}.stock-more{align-self:center}.stock-source{color:var(--text-3);font-size:var(--text-caption);padding-top:4px;line-height:1.4}.stock-source a{color:var(--brand-text);white-space:nowrap;text-decoration:none}.stock-source a svg{vertical-align:-1px}.tidy .name{word-break:break-all}:root{--pt-stage:#0b0b0c;--pt-viewport-edge:#ffffff1f;--pt-shadow-bar:0 8px 24px #00000080;--pt-shadow-screen:0 20px 60px #000000b3;--pt-brand-line:#af47d166;--pt-brand-tint:#af47d11a}:root[data-theme=light]{--pt-stage:#f7f7f8;--pt-viewport-edge:#0000001f;--pt-shadow-bar:0 8px 24px #00000029;--pt-shadow-screen:0 20px 60px #0003}.pt-panel{flex-direction:column;display:flex}.pt-sel-header{height:44px;padding:0 var(--edge);flex:none;align-items:center;gap:6px;display:flex}.pt-sel-header .pt-kind{display:inline-flex}.pt-sel-header .name{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.pt-sec{padding:10px var(--edge) 12px;border-top:1px solid var(--hairline);flex-direction:column;gap:8px;display:flex}.pt-sec-head{justify-content:space-between;align-items:center;height:20px;display:flex}.pt-sec-head .title{color:var(--text-1);font-size:11px;font-weight:600}.pt-sec.pt-empty .pt-sec-head .title{color:var(--text-3);font-weight:500}.pt-sec-head .actions{gap:2px;margin-right:-4px;display:flex}.pt-head-btn{width:22px;height:22px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.pt-head-btn:hover{background:var(--hover);color:var(--text-1)}.pt-ix.open{border:1px solid var(--pt-brand-line);background:var(--fill-soft);border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.pt-field{height:var(--field-h);border-radius:var(--radius-field);background:var(--field);color:var(--text-1);font:inherit;text-align:left;cursor:pointer;border:0;align-items:center;gap:7px;min-width:0;padding:0 8px;display:flex}.pt-field:hover,.pt-field.open{background:var(--active)}.pt-field.static{cursor:default}.pt-field.static:hover{background:var(--field)}.pt-field .label{width:64px;color:var(--text-3);flex:none;font-size:11px}.pt-field .icon{color:var(--text-3);flex:none;display:inline-flex}.pt-field .value{min-width:0;color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.pt-field .value.pt-muted{color:var(--text-4)}.pt-field .chev{color:var(--text-3);flex:none}.pt-field.listening{box-shadow:inset 0 0 0 1px var(--brand)}.pt-field.listening .value{color:var(--brand-text)}.pt-field.text{cursor:text}.pt-field.text input{min-width:0;height:100%;color:var(--text-1);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:12px}.pt-field.text:focus-within{box-shadow:inset 0 0 0 1px var(--brand)}.pt-dirs{gap:2px;margin-left:auto;display:flex}.pt-dirs button{width:22px;height:20px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.pt-dirs button:hover{color:var(--text-1)}.pt-dirs button.active{background:var(--button-hover);color:var(--text-1)}.pt-timing{gap:6px;display:flex}.pt-num{width:82px;height:var(--field-h);border-radius:var(--radius-field);background:var(--field);cursor:text;flex:none;align-items:center;gap:5px;padding:0 8px;display:flex}.pt-num.wide{width:auto}.pt-num.small{flex:1;gap:4px;width:auto;padding:0 6px}.pt-num:focus-within{box-shadow:inset 0 0 0 1px var(--brand)}.pt-num .label{width:64px;color:var(--text-3);flex:none;font-size:11px}.pt-num.small .label{width:auto}.pt-num .icon{color:var(--text-3);display:inline-flex}.pt-num input{width:100%;min-width:0;height:100%;color:var(--text-1);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:11px}.pt-num .suffix{color:var(--text-3);font-size:11px}.pt-easing{min-width:0;height:var(--field-h);border-radius:var(--radius-field);background:var(--field);color:var(--text-1);font:inherit;cursor:pointer;border:0;flex:1;align-items:center;gap:6px;padding:0 6px 0 4px;display:flex}.pt-easing:hover,.pt-easing.open{background:var(--active)}.pt-easing .curve-box{background:var(--field);width:22px;height:18px;color:var(--brand-text);border-radius:3px;flex:none;justify-content:center;align-items:center;display:inline-flex}.pt-easing .value{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.pt-easing .chev{color:var(--text-3);flex:none}.menu .pt-curve{color:var(--brand-text)}.pt-curve-inputs{gap:4px;display:flex}.pt-check-row{height:24px;color:var(--text-soft);cursor:pointer;align-items:center;gap:8px;padding:0 2px;font-size:12px;display:flex}.pt-check-row input{accent-color:var(--brand);margin:0}.pt-note-row{min-height:22px;color:var(--text-3);align-items:center;gap:6px;padding:0 2px;font-size:11px;display:flex}.pt-note-row .pt-link-btn{margin-left:auto}.pt-inherited{flex-direction:column;gap:4px;display:flex}.pt-ix-row.inherited{cursor:default;opacity:.75}.pt-link-btn{height:22px;color:var(--brand-text);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0 4px;font-size:11px}.pt-link-btn:hover{text-decoration:underline}.pt-fx-title{height:22px;color:var(--text-1);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.pt-fx-title svg{color:var(--brand-text)}.pt-fx-title .hint{color:var(--text-4);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:11px;font-weight:400;overflow:hidden}.pt-fx-sub{color:var(--text-3);padding:2px 2px 0;font-size:11px}.pt-fx-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.pt-fx-grid .pt-num{width:auto}.pt-fx-grid .pt-num .label{width:auto;min-width:14px}.pt-ix-row{border:1px solid var(--hairline);background:var(--fill-soft);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-width:0;height:32px;padding:0 4px 0 8px;display:flex}.pt-ix-row:hover{background:var(--hover)}.pt-ix-row:focus-visible{outline:1px solid var(--brand)}.pt-ix-row .icon{color:var(--text-3);flex:none}.pt-ix-row .trigger{color:var(--text-3);white-space:nowrap;flex:none;font-size:11px}.pt-ix-row .arrow{color:var(--text-4);flex:none}.pt-ix-row .value{min-width:0;color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.pt-row-menu{width:22px;height:22px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;justify-content:center;align-items:center;display:inline-flex}.pt-row-menu:hover{background:var(--active);color:var(--text-1)}.pt-flow{border-radius:var(--radius-field);background:var(--field);align-items:center;gap:8px;min-width:0;height:28px;padding:0 4px 0 8px;display:flex}.pt-flow .icon{color:var(--brand-text);flex:none}.pt-flow .name{min-width:0;color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.pt-flow .from{max-width:45%;color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:11px;overflow:hidden}.pt-flow-name-input{border:1px solid var(--brand);background:var(--panel);min-width:0;height:22px;color:var(--text-1);font:inherit;border-radius:4px;outline:none;flex:1;padding:0 4px;font-size:12px}.pt-panel-foot{padding:var(--edge);border-top:1px solid var(--hairline)}.pt-play-btn{border-radius:var(--radius-button);background:var(--button);width:100%;height:30px;color:var(--text-1);font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.pt-play-btn:hover{background:var(--button-hover)}.pt-play-btn .pt-kbd-hint{color:var(--text-3);font-size:11px;font-weight:400}.pt-wiring{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pt-wires{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pt-wire{fill:none;stroke:#af47d1;stroke-width:1px;opacity:.45}.pt-arrow{fill:#af47d1;opacity:.45}.pt-wires g.on .pt-wire{stroke-width:1.5px;opacity:1}.pt-wires g.on .pt-arrow{opacity:1}.pt-dest{fill:none;stroke:#af47d1;stroke-width:1.5px}.pt-flag{color:#fff;height:18px;font:inherit;white-space:nowrap;pointer-events:auto;cursor:pointer;background:#af47d1;border:0;border-radius:4px;align-items:center;gap:4px;padding:0 6px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;top:0;left:0}.pt-handle{box-sizing:border-box;pointer-events:auto;cursor:crosshair;touch-action:none;background:#af47d1;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:0;left:0;box-shadow:0 1px 3px #0000004d}.pt-handle:before{content:"";border-radius:50%;position:absolute;inset:-7px}.pt-play,.pt-window{font-family:var(--font-sans);color:var(--text-1)}.pt-play{z-index:80;background:var(--pt-stage);-webkit-user-select:none;user-select:none;outline:none;flex-direction:column;display:flex;position:fixed;inset:0}.pt-window{background:var(--pt-stage);position:fixed;inset:0}.pt-window-empty{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;inset:0}.pt-window-empty p{margin:0}.pt-topbar{height:var(--topbar-h);background:var(--panel);border-bottom:1px solid var(--hairline);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 8px;display:grid}.pt-tb-side{align-items:center;gap:2px;min-width:0;display:flex}.pt-tb-side.right{justify-content:flex-end;gap:4px}.pt-tb-btn{border-radius:var(--radius-button);height:28px;color:var(--text-1);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.pt-tb-btn:hover,.pt-tb-btn.open{background:var(--hover)}.pt-tb-btn.pt-back{background:var(--active);padding:0 10px 0 6px}.pt-tb-btn.pt-back:hover{background:var(--button-hover)}.pt-key{color:var(--text-3);font-size:11px;font-weight:400}.pt-flow-btn .brand{color:var(--brand-text)}.pt-flow-btn .chev{color:var(--text-3)}.pt-tb-btn.pt-share{background:var(--button);padding:0 11px}.pt-tb-btn.pt-share:hover{background:var(--button-hover)}.pt-divider{background:var(--divider);flex:none;width:1px;height:16px;margin:0 6px}.pt-devices{background:var(--field);border-radius:7px;align-items:center;gap:2px;height:30px;padding:2px;display:flex}.pt-devices button{height:26px;color:var(--text-3);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.pt-devices button:hover{color:var(--text-1)}.pt-devices button.active{background:var(--button-hover);color:var(--text-1);font-weight:500}.pt-icon-btn{border-radius:var(--radius-button);width:28px;height:28px;color:var(--text-2);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.pt-icon-btn:hover:not(:disabled){background:var(--hover);color:var(--text-1)}.pt-icon-btn:disabled{opacity:.35;cursor:default}.pt-icon-btn.on{background:var(--brand-soft);color:var(--brand-text)}.pt-viewers{display:flex}.pt-avatar{border:2px solid var(--panel);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:600;display:inline-flex}.pt-viewers .pt-avatar+.pt-avatar{margin-left:-4px}.pt-body{flex:1;min-height:0;display:flex}.pt-flows{background:var(--panel);border-right:1px solid var(--hairline);flex-direction:column;flex:none;gap:16px;width:232px;padding:12px 4px;display:flex;overflow-y:auto}.pt-group{flex-direction:column;gap:2px;display:flex}.pt-group.screens{gap:4px}.pt-heading{color:var(--text-3);justify-content:space-between;padding:0 8px 2px;font-size:11px;display:flex}.pt-heading .count{color:var(--text-4)}.pt-empty-line{color:var(--text-4);padding:2px 8px;font-size:11px}.pt-section .pt-empty-line{padding:0}.pt-flow-row{border-radius:var(--radius-button);height:30px;color:var(--text-3);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 8px;display:flex}.pt-flow-row:hover{background:var(--hover)}.pt-flow-row .name{min-width:0;color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.pt-flow-row .count{color:var(--text-4);font-size:11px}.pt-flow-row.active{background:var(--active);color:var(--brand-text)}.pt-flow-row.active .name{color:var(--text-1);font-weight:500}.pt-screen-row{font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;padding:6px 8px;display:flex}.pt-screen-row:hover{background:var(--hover)}.pt-screen-row.active{background:var(--pt-brand-tint);border-color:var(--pt-brand-line)}.pt-thumb{width:56px;height:38px;box-shadow:inset 0 0 0 1px var(--divider);background:var(--field);border-radius:4px;flex:none}.pt-screen-row .text{flex-direction:column;gap:2px;min-width:0;display:flex}.pt-screen-row .name{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.pt-screen-row .pt-idx{margin-right:8px}.pt-screen-row .meta{color:var(--text-4);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.pt-screen-row.active .name{color:var(--text-1);font-weight:500}.pt-screen-row.active .meta{color:var(--brand-text)}.pt-stage{flex:1;min-width:0;position:relative;overflow:hidden}.pt-frame{position:absolute}.pt-caption{white-space:nowrap;justify-content:space-between;align-items:center;height:26px;padding-bottom:6px;display:flex}.pt-caption .left,.pt-caption .right{align-items:center;gap:8px;display:flex}.pt-caption .right{color:var(--text-4);gap:6px;font-size:11px}.pt-caption .screen{font-size:12px;font-weight:500}.pt-caption .size{color:var(--text-4);font-size:11px}.pt-viewport{box-sizing:border-box;box-shadow:0 0 0 1px var(--pt-viewport-edge), var(--pt-shadow-screen);background:#fff;border-radius:10px;position:relative;overflow:hidden}.pt-viewport.device{box-shadow:0 0 0 1px #2a2a2e, var(--pt-shadow-screen);border:12px solid #111113;border-radius:24px}.pt-viewport.device.mobile{border-radius:40px}.pt-present{background:var(--pt-stage);outline:none;position:fixed;inset:0}.pt-present-stage{justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0;overflow:hidden}.pt-present-bar{background:var(--panel);box-shadow:0 0 0 1px var(--pt-viewport-edge), var(--pt-shadow-bar);transition:opacity var(--dur-4) var(--ease-out);border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.pt-present.calm .pt-present-bar{opacity:0;pointer-events:none}.pt-present.calm{cursor:none}.pt-present-bar .pt-devices button{justify-content:center;width:30px}.pt-live{color:#000;-webkit-user-select:none;user-select:none;font-family:Inter,system-ui,sans-serif;line-height:normal;position:relative;overflow:hidden}.pt-live-scale{transform-origin:0 0;position:absolute;top:0;left:0}.pt-live-screen{contain:layout paint;position:absolute;top:0;left:0;overflow:hidden}.pt-live-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8080808c transparent;position:absolute;inset:0}.pt-live .pt-scrollable{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8080808c transparent}.pt-live-fixed{pointer-events:none;position:absolute;inset:0}.pt-live-fixed>*{pointer-events:auto}.pt-live-root,.pt-live p{margin:0}.pt-live-dim{background:#0006;position:absolute;inset:0}.pt-live-flight{pointer-events:none;z-index:3;position:absolute;inset:0}.pt-live-code{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.pt-live-code>.code-play.interactive{pointer-events:auto}.pt-live [data-click]{cursor:pointer}.pt-live [data-hot]:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:#af47d124;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #af47d1}.pt-live.hotspots [data-hot]:after{opacity:1}.pt-live [data-hot].pt-flash:after{animation:.9s ease-out pt-hot-flash}@keyframes pt-hot-flash{0%{opacity:0}17%{opacity:1}to{opacity:0}}.pt-screen-host{touch-action:pan-x pan-y}.pt-note{z-index:1;background:var(--raised);color:var(--text-3);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.pt-playback{border:1px solid var(--divider);background:var(--raised);height:36px;box-shadow:var(--pt-shadow-bar);white-space:nowrap;border-radius:9px;align-items:center;gap:2px;padding:0 4px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.pt-playback .pt-divider{margin:0 4px}.pt-position{align-items:center;gap:6px;padding:0 8px;font-size:12px;display:flex}.pt-position .index{color:var(--text-1);font-weight:500}.pt-position .name{color:var(--text-3);text-overflow:ellipsis;max-width:180px;overflow:hidden}.pt-inspector{background:var(--panel);border-left:1px solid var(--hairline);flex-direction:column;flex:none;width:280px;display:flex;overflow-y:auto}.pt-tabs{height:var(--tabs-h);border-bottom:1px solid var(--hairline);flex:none;align-items:center;gap:2px;padding:0 8px 0 4px;display:flex}.pt-tabs button{border-radius:var(--radius-button);height:26px;color:var(--text-3);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:12px}.pt-tabs button.active{background:var(--active);color:var(--text-1);font-weight:500}.pt-section{padding:12px var(--edge) 14px;border-bottom:1px solid var(--hairline);flex-direction:column;gap:8px;display:flex}.pt-section h3{color:var(--text-1);margin:0;font-size:11px;font-weight:600}.pt-target{color:var(--text-soft);align-items:center;gap:6px;font-size:12px;display:flex}.pt-target .pt-kind{display:inline-flex}.pt-ix-card{background:var(--hover);border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.pt-ix-card .trigger,.pt-ix-card .action{align-items:center;gap:6px;display:flex}.pt-ix-card .trigger{color:var(--text-3);font-size:11px}.pt-ix-card .action{color:var(--text-1);font-size:12px}.pt-ix-card .action svg{color:var(--text-4)}.pt-ix-card .pt-chip{background:var(--button);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;align-items:center;max-width:140px;height:20px;padding:0 6px;font-size:12px;display:inline-flex;overflow:hidden}.pt-ix-card .meta{color:var(--text-4);font-size:11px}.pt-screen-item{height:24px;color:var(--text-3);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;margin:0 -4px;padding:0 4px;display:flex}.pt-screen-item:hover{background:var(--hover)}.pt-screen-item .name{min-width:0;color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.pt-screen-item .what{max-width:55%;color:var(--text-4);text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:11px;overflow:hidden}.pt-switch-row{height:24px;color:var(--text-soft);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.pt-switch{background:var(--switch-off);cursor:pointer;border:0;border-radius:8px;flex:none;width:26px;height:16px;padding:0;position:relative}.pt-switch .knob{background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.pt-switch.on{background:#af47d1}.pt-switch.on .knob{left:12px}.pt-viewer{height:26px;color:var(--text-soft);align-items:center;gap:8px;font-size:12px;display:flex}.pt-play .pt-stage{zoom:var(--ui-unscale,1)}.pt-play .pt-playback{zoom:var(--ui-scale,1)}.pt-sec-head .title .badge{vertical-align:1px;margin-left:4px}.pt-state-adds{flex-direction:column;gap:4px;display:flex}.pt-state-add{border:1px dashed var(--line-mid);height:28px;color:var(--text-soft);font:inherit;cursor:pointer;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:0 8px;font-size:12px;display:flex}.pt-state-add svg{color:var(--brand-text);flex:none}.pt-state-add:hover{background:var(--hover);border-color:var(--brand);color:var(--text-1)}.pt-state-add:focus-visible{outline:1px solid var(--brand)}.pt-state-row .icon{color:var(--brand-text)}.pt-state-row.replaced .value{color:var(--text-4);text-decoration:line-through}:root{--collab-pin-shadow:0 3px 8px #0006;--collab-card-shadow:0 16px 40px #000000a6}:root[data-theme=light]{--collab-pin-shadow:0 3px 8px #0000001f;--collab-card-shadow:0 16px 40px #0003}.collab-layer{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.collab-people{position:absolute;inset:0}.collab-cursor{will-change:transform;position:absolute;top:0;left:0}.collab-cursor svg{display:block}.collab-tag{color:#fff;white-space:nowrap;border-radius:6px;height:22px;padding:0 7px;font-size:11px;font-weight:600;line-height:22px;position:absolute;top:21px;left:17px}.collab-outline{will-change:transform;border:1.5px solid;border-radius:1px;position:absolute;top:0;left:0}.collab-follow-frame{pointer-events:none;border:2px solid;position:absolute;inset:0}.collab-follow-chip{color:#fff;height:26px;box-shadow:var(--shadow-bar);pointer-events:auto;border-radius:13px;align-items:center;gap:6px;padding:0 4px 0 6px;font-size:11px;font-weight:600;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.collab-follow-chip .collab-avatar{border:0}.collab-follow-chip button{color:#fff;cursor:pointer;background:#fff3;border:0;border-radius:9px;place-items:center;width:18px;height:18px;display:grid}.canvas-wrap[data-tool=comment] canvas{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 21V11a8 8 0 0 1 8-8h2a8 8 0 0 1 0 16H5z' fill='%23ffffff' stroke='%23111111' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 2 22,crosshair!important}.collab-avatar{color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:600;line-height:1;display:inline-grid}.collab-avatar.agent{background:var(--brand)}.collab-avatar.agent .brand-icon,.collab-avatar.agent svg{color:#fff}.comments-layer{position:absolute;inset:0}.comment-pin{color:#fff;width:28px;height:28px;font:600 11px var(--font-sans);box-shadow:var(--collab-pin-shadow);cursor:pointer;pointer-events:auto;will-change:transform;border:2px solid #fff;border-radius:14px 14px 14px 3px;place-items:center;padding:0;display:grid;position:absolute;top:0;left:0}.comment-pin.selected{border-color:var(--brand);z-index:1}.comment-pin.resolved{opacity:.45}.comment-pin.draft{pointer-events:none}.comment-card{z-index:2;border:1px solid var(--line-soft);background:var(--raised);width:312px;max-height:min(520px,100% - 16px);box-shadow:var(--collab-card-shadow);pointer-events:auto;animation:collab-pop var(--dur-2) var(--ease-out);border-radius:12px;flex-direction:column;display:flex;position:absolute;top:0;left:0}@keyframes collab-pop{0%{opacity:0}}.comment-card.draft{padding:8px}.comment-card-head{border-bottom:1px solid var(--hairline);flex:none;align-items:center;gap:6px;height:40px;padding:0 8px 0 12px;display:flex}.comment-card-head .panel-action.on{color:var(--success)}.comment-kind{color:var(--text-3);flex:none;place-items:center;display:inline-grid}.comment-kind.kind-frame{color:var(--kind-frame)}.comment-kind.kind-component{color:var(--kind-component)}.comment-kind.kind-text{color:var(--kind-text)}.comment-kind.kind-image{color:var(--kind-image)}.comment-kind.kind-icon{color:var(--kind-icon)}.comment-kind.kind-note{color:var(--kind-note)}.comment-target{min-width:0;color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:500;overflow:hidden}.comment-messages{flex:1;min-height:0;padding-top:0;overflow:auto}.comment-msg{gap:10px;padding:12px 12px 4px;display:flex}.comment-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.comment-meta{align-items:center;gap:6px;min-height:16px;display:flex}.comment-name{color:var(--text-1);font-size:12px;font-weight:600}.comment-time{color:var(--text-3);font-size:11px}.comment-delete{color:var(--text-3);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;display:none}.comment-msg:hover .comment-delete{display:inline-grid}.comment-delete:hover{color:var(--danger)}.comment-text{color:var(--kind-text);white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.45}.comment-text.muted{color:var(--text-3)}.comment-mention{background:var(--button);height:22px;color:var(--text-strong);vertical-align:middle;border-radius:6px;align-items:center;gap:4px;margin:0 2px;padding:0 7px 0 6px;font-size:11.5px;font-weight:500;display:inline-flex}.comment-mention-logo .collab-avatar.agent{background:0 0}.comment-mention-logo .collab-avatar.agent svg,.comment-mention-logo .collab-avatar.agent .brand-icon{color:var(--text-1)}.comment-actions{align-items:center;gap:6px;padding-top:4px;display:flex}.comment-action{border:1px solid var(--line-mid);height:24px;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:5px;padding:0 8px;font-size:11px;font-weight:500}.comment-action:hover{background:var(--hover);color:var(--text-1)}.comment-undone{color:var(--text-4);font-size:11px}.comment-reply{flex:none;padding:12px}.comment-field{border:1px solid var(--divider);background:var(--field);border-radius:8px;align-items:flex-end;gap:6px;min-height:32px;padding:3px 4px 3px 10px;display:flex;position:relative}.comment-field:focus-within{border-color:var(--brand)}.comment-field textarea{min-width:0;height:18px;color:var(--text-1);font:400 12px/18px var(--font-sans);resize:none;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1;margin:4px 0;padding:0}.comment-field textarea::placeholder{color:var(--text-4)}.comment-send{background:var(--button);width:24px;height:24px;color:var(--text-quiet);cursor:pointer;border:0;border-radius:5px;flex:none;place-items:center;display:grid}.comment-send:not(:disabled){background:var(--brand);color:#fff}.comment-send:disabled{cursor:default}.comment-mentions{z-index:3;border:1px solid var(--line-soft);border-radius:var(--radius-menu);background:var(--raised);box-shadow:var(--shadow-menu);flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);left:-1px;right:-1px}.comment-mentions button{border-radius:var(--radius-button);height:28px;color:var(--text-strong);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex}.comment-mentions button.active,.comment-mentions button:hover{background:var(--active)}.comment-mentions .name{flex:1}.comment-mentions .hint{color:var(--text-3);font-size:11px}.comments-panel{flex-direction:column;flex:1;min-height:0;display:flex}.comments-head{height:var(--tabs-h);padding:0 8px 0 var(--edge);border-bottom:1px solid var(--hairline);flex:none;justify-content:space-between;align-items:center;display:flex}.comments-title{color:var(--text-1);font-size:12px;font-weight:600}.comments-actions{align-items:center;gap:2px;display:flex}.comments-actions .panel-action.on{background:var(--active);color:var(--text-1)}.comments-filter,.share-dd{border-radius:var(--radius-button);height:26px;color:var(--text-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0 8px;font-size:11px;display:inline-flex}.comments-filter svg,.share-dd svg{color:var(--text-3)}.comments-filter:hover,.share-dd:hover{background:var(--hover)}.comments-search{height:36px;padding:0 var(--edge);border-bottom:1px solid var(--hairline);color:var(--text-3);flex:none;align-items:center;gap:6px;display:flex}.comments-search input{min-width:0;color:var(--text-1);background:0 0;border:0;outline:none;flex:1;font-size:12px}.comments-list{flex:1;min-height:0;overflow:auto}.comment-row{width:100%;padding:var(--edge);border:0;border-bottom:1px solid var(--field);text-align:left;cursor:pointer;background:0 0;flex-direction:column;gap:6px;display:flex}.comment-row:hover{background:var(--hover)}.comment-row.active{background:#af47d114}.comment-row.resolved .comment-row-text,.comment-row.resolved .comment-row-name{opacity:.6}.comment-row-top{align-items:center;gap:8px;display:flex}.comment-row-name{min-width:0;color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:600;overflow:hidden}.comment-row-time{color:var(--text-3);font-size:11px}.comment-row-text{color:var(--text-soft);-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.comment-row-meta{align-items:center;gap:10px;min-width:0;font-size:11px;display:flex}.comment-row-where{min-width:0;color:var(--text-quiet);white-space:nowrap;align-items:center;gap:4px;display:inline-flex;overflow:hidden}.comment-row-where span:last-child{text-overflow:ellipsis;overflow:hidden}.comment-row-replies{color:var(--text-3);flex:none}.comment-row-replies.fixed{color:var(--brand-text)}.comments-resolved{width:100%;height:40px;padding:0 var(--edge);color:var(--text-3);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;display:flex}.comments-resolved .label{color:var(--text-quiet);font-size:11px;font-weight:500}.comments-resolved .count{color:var(--text-4);font-size:11px}.comments-empty{padding:var(--edge);color:var(--text-3);align-items:center;gap:8px;font-size:12px;display:flex}.share-pop{z-index:250;border:1px solid var(--line-soft);background:var(--raised);width:360px;box-shadow:var(--shadow-menu);animation:collab-menu-in var(--dur-2) var(--ease-out);border-radius:12px;flex-direction:column;gap:12px;padding:12px;font-size:12px;display:flex;position:fixed}@keyframes collab-menu-in{0%{opacity:0;transform:translateY(-2px)}}.share-head{color:var(--text-1);font-size:13px;font-weight:600}.share-invite{align-items:center;gap:6px;display:flex}.share-email{background:var(--field);opacity:.6;cursor:not-allowed;border-radius:6px;flex:1;align-items:center;gap:8px;height:30px;padding:0 10px;display:flex}.share-email .placeholder{color:var(--text-4);flex:1}.share-email .share-dd{pointer-events:none;height:auto;padding:0}.share-email.live{opacity:1;font:inherit;text-align:left;cursor:pointer;border:0}.share-email.live:hover{background:var(--active)}.share-signin{color:var(--brand-text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.share-signin:hover{text-decoration:underline}.share-invite .btn{border-radius:6px;height:30px;padding:0 12px;font-weight:600}.share-note{color:var(--text-4);margin-top:-6px;font-size:11px}.share-error{color:var(--danger);margin-top:-6px;font-size:11px}.share-people{flex-direction:column;gap:2px;display:flex}.share-person{width:100%;height:36px;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.share-person.me{cursor:pointer}.share-person.me:hover .share-name{text-underline-offset:2px;text-decoration:underline}.share-person .collab-avatar{width:24px;height:24px;font-size:10px}.share-text{flex-direction:column;flex:1;align-items:flex-start;gap:1px;min-width:0;display:flex}.share-name{max-width:100%;color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.share-status,.share-role{color:var(--text-3);font-size:11px}.share-text .share-dd{height:16px;padding:0}.share-text .share-dd:hover{color:var(--text-1);background:0 0}.share-me-edit{align-items:center;gap:8px;height:36px;display:flex}.share-name-input{border:1px solid var(--brand);border-radius:var(--radius-field);background:var(--field);min-width:0;height:26px;color:var(--text-1);-webkit-user-select:text;user-select:text;outline:none;flex:1;padding:0 8px;font-size:12px}.share-swatches{gap:4px;display:flex}.share-swatch{color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:16px;height:16px;padding:0;display:grid}.share-swatch.on{box-shadow:0 0 0 2px var(--raised), 0 0 0 3px var(--text-3)}.share-link{border-top:1px solid var(--hairline);flex-direction:column;gap:12px;padding-top:12px;display:flex}.share-link-row{align-items:center;gap:10px;display:flex}.share-link-icon{background:var(--button);width:24px;height:24px;color:var(--text-2);border-radius:12px;flex:none;place-items:center;display:grid}.share-copy{background:var(--button);height:28px;color:var(--text-1);cursor:pointer;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:500;display:inline-flex}.share-copy:hover{background:var(--button-hover)}.collab-switch{background:var(--line-strong);cursor:pointer;border:0;border-radius:8px;flex:none;width:28px;height:16px;padding:0;position:relative}.collab-switch span{width:12px;height:12px;transition:transform var(--dur-1) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.collab-switch.on{background:var(--brand)}.collab-switch.on span{transform:translate(12px)}.collab-switch:disabled{opacity:.45;cursor:default}.join-card{z-index:260;border:1px solid var(--line-soft);background:var(--raised);width:300px;box-shadow:var(--shadow-dialog);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex;position:fixed;top:60px;left:50%;transform:translate(-50%)}.join-title{color:var(--text-1);font-size:13px;font-weight:600}.join-row{gap:6px;display:flex}.join-row input{border:1px solid var(--divider);background:var(--field);min-width:0;height:28px;color:var(--text-1);-webkit-user-select:text;user-select:text;border-radius:6px;outline:none;flex:1;padding:0 10px;font-size:12px}.join-row input:focus{border-color:var(--brand)}@media (prefers-reduced-motion:reduce){.comment-card,.share-pop{animation:none}}.share-cloud{flex-direction:column;gap:10px;display:flex}.share-cloud .share-email.live{cursor:text}.share-email-input{min-width:0;height:100%;color:var(--text-1);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:12px}.share-email-input::placeholder{color:var(--text-4)}.share-cloud .share-email .share-dd{pointer-events:auto}.share-section{color:var(--text-3);padding:2px 0 4px;font-size:11px;font-weight:500}.share-cloud-actions{gap:8px;display:flex}.share-cloud-actions .btn svg{margin-right:4px}.share-cloud .share-email.live:hover{background:var(--field)}.watch-layer{pointer-events:none;position:absolute;inset:0}.watch-chip{color:#fff;white-space:nowrap;height:26px;box-shadow:var(--shadow-bar);pointer-events:auto;border-radius:13px;align-items:center;gap:6px;padding:0 4px 0 8px;font-size:11px;font-weight:600;display:flex;position:absolute;top:10px;left:50%;overflow:hidden;transform:translate(-50%)}.watch-chip>svg{flex:none}.watch-chip button{color:#fff;cursor:pointer;background:#fff3;border:0;border-radius:9px;place-items:center;width:18px;height:18px;display:grid}.watch-chip .watch-text-btn{width:auto;font:inherit;padding:0 8px;font-weight:600}.watch-chip button:hover{background:#ffffff4d}.watch-progress{transform-origin:0;background:#ffffffb3;height:2px;animation:linear forwards watch-countdown;position:absolute;bottom:0;left:0;right:0}@keyframes watch-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.canvas-wrap:has(.ag-top>*) .watch-chip{top:calc(14px + 42px * var(--ui-scale,1) + 4px)}:root{--sp-url:#9aa0a6;--sp-title:#8ab4f8;--sp-desc:#bdc1c6;--site-url-selected:#e0b3ef;--site-row-selected:#af47d11f;--site-tooltip-line:#ffffff17;--site-tooltip-dim:#9a9a9e;--site-overlay:#000000a6;--site-knob-shadow:#00000040;--site-brand-bar:#af47d124;--site-delta:#9a9a9e}:root[data-theme=light]{--sp-url:#4d5156;--sp-title:#1a0dab;--sp-desc:#4d5156;--site-url-selected:#8e2bb0;--site-delta:#5f5f67}.site-switch,.menu-switch{background:var(--switch-off);cursor:pointer;border:0;border-radius:8px;flex:none;width:28px;height:16px;padding:0;position:relative}.site-switch .knob,.menu-switch:after{content:"";background:var(--text-on-brand);width:12px;height:12px;box-shadow:0 1px 2px var(--site-knob-shadow);border-radius:50%;position:absolute;top:2px;left:2px}.site-switch.on,.menu-switch.on{background:var(--brand)}.site-switch.on .knob,.menu-switch.on:after{left:14px}.site-switch:disabled{opacity:.4;cursor:default}.site-switch:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.menu-switch{pointer-events:none;margin-left:auto}.menu-item .brand-icon,.icon-btn.brand{color:var(--brand-text)}.site-avatar{color:var(--text-on-brand);border-radius:50%;flex:none;place-items:center;font-weight:600;line-height:1;display:inline-grid}.site-mark{background:var(--brand);color:var(--text-on-brand);flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.site-section{border-bottom:1px solid var(--hairline);flex-direction:column;gap:10px;padding:10px 12px 14px;display:flex}.site-section.empty{padding-bottom:10px}.site-section .ss-head{justify-content:space-between;align-items:center;height:20px;display:flex}.site-section .ss-head .title{font-size:var(--text-caption);color:var(--text-1);font-weight:600}.site-section.empty .ss-head .title,.site-section .ss-head .icon-btn{color:var(--text-3)}.site-section .ss-head .icon-btn.brand{color:var(--brand-text)}.ss-field{border-radius:var(--radius-field);background:var(--field);height:26px;color:var(--text-3);border:1px solid #0000;align-items:center;gap:7px;padding:0 8px;display:flex}.ss-field:focus-within{border-color:var(--brand)}.ss-field input{min-width:0;color:var(--text-1);font:inherit;font-size:var(--text-body);background:0 0;border:0;outline:none;flex:1}.ss-row{align-items:center;gap:8px;display:flex}.ss-label{width:64px;color:var(--text-3);font-size:var(--text-caption);flex:none}.ss-select{border-radius:var(--radius-field);background:var(--field);min-width:0;height:26px;color:var(--text-1);font:inherit;font-size:var(--text-body);border:0;flex:1;padding:0 6px}.ss-select option{background:var(--raised);color:var(--text-1)}.search-preview{border:1px solid var(--hairline);background:var(--fill-soft);border-radius:6px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.sp-site{align-items:center;gap:6px;min-width:0;display:flex}.sp-favicon{background:var(--brand);width:16px;height:16px;color:var(--text-on-brand);border-radius:50%;flex:none;place-items:center;font-size:9px;font-weight:700;display:grid}.sp-address{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--sp-url);font-size:var(--text-caption);flex:1;overflow:hidden}.sp-edit{color:var(--text-4);flex:none}.sp-text{text-align:left;width:100%;font:inherit;cursor:text;background:0 0;border:0;border-radius:3px;padding:0;display:block}.sp-text:hover{background:var(--hover)}.sp-title{color:var(--sp-title);font-size:14px;line-height:1.3}.sp-desc{color:var(--sp-desc);font-size:var(--text-caption);line-height:1.45}.sp-text.placeholder{opacity:.6}.sp-editing{position:relative}.sp-input{border:1px solid var(--brand);background:var(--field);width:100%;font:inherit;resize:none;box-sizing:content-box;border-radius:4px;outline:none;margin:-3px -4px;padding:3px 4px}input.sp-input{width:calc(100% - 44px)}textarea.sp-input{box-sizing:border-box;width:100%;margin:0}.sp-editing .sp-count{color:var(--text-3);font-size:10px;position:absolute;top:2px;right:0}.sp-editing:has(textarea) .sp-count{text-align:right;margin-top:2px;display:block;position:static}.sp-count.over{color:var(--warning)}.social-image{background:var(--field) top center / cover no-repeat;cursor:pointer;border-radius:6px;outline:none;height:126px;position:relative;overflow:hidden}.social-image:focus-visible{box-shadow:0 0 0 2px var(--brand)}.social-image .placeholder-icon{color:var(--text-3);margin:auto;position:absolute;inset:0}.social-image .label{background:var(--site-overlay);color:var(--text-on-brand);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500;position:absolute;bottom:8px;left:8px}.social-image .reset{background:var(--site-overlay);width:20px;height:20px;color:var(--text-on-brand);cursor:pointer;border:0;border-radius:5px;place-items:center;display:none;position:absolute;top:6px;right:6px}.social-image:hover .reset{display:grid}.ss-toggle{align-items:center;gap:8px;display:flex}.ss-toggle label{color:var(--text-soft);font-size:var(--text-body);flex:1}.translations{gap:6px}.translations .locales{flex-direction:column;gap:2px;display:flex}.locale{border-radius:var(--radius-field);border:1px solid #0000;align-items:center;gap:8px;min-height:28px;padding:0 8px;display:flex}.locale:hover{background:var(--hover)}.locale.current{background:var(--field);border-color:var(--brand);padding-top:6px;padding-bottom:6px}.locale .locale-code{width:18px;color:var(--text-3);flex:none;font-size:10px;font-weight:600}.locale.current .locale-code{color:var(--brand-text)}.locale .value,.locale .value-input{min-width:0;color:var(--text-soft);font:inherit;font-size:var(--text-body);text-align:start;cursor:text;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;padding:0;overflow:hidden}.locale.current .value{color:var(--text-1);white-space:normal}.locale.missing .value{color:var(--text-3)}.locale .value-input{white-space:pre-wrap;resize:none;color:var(--text-1);outline:none;line-height:1.4}.locale .translate{color:var(--brand-text);font:inherit;font-size:var(--text-caption);cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:4px;padding:0;display:inline-flex}.locale .translate:hover{text-decoration:underline}.locale .translate:disabled{opacity:.6;cursor:default}.tb-btn.lang-switch{background:var(--button);color:var(--text-2);gap:5px}.tb-btn.lang-switch .lang-code{color:var(--text-1);font-weight:500}.tb-btn.lang-switch:hover,.tb-btn.lang-switch.open{background:var(--button-hover)}.publish-pop{z-index:280;border:1px solid var(--line-soft);background:var(--raised);width:300px;box-shadow:var(--shadow-menu);font-size:var(--text-body);animation:menu-in var(--dur-2) var(--ease-out);border-radius:12px;flex-direction:column;gap:12px;padding:14px 14px 12px;display:flex;position:fixed}.pp-head{align-items:center;gap:8px;display:flex}.pp-site{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-1);font-size:var(--text-panel-title);flex:1;font-weight:600;overflow:hidden}.pp-status{background:var(--hover);height:20px;color:var(--text-3);font-size:var(--text-caption);border-radius:10px;align-items:center;gap:5px;padding:0 8px;font-weight:500;display:inline-flex}.pp-status .dot,.sb-status .dot,.online-chip .dot{background:var(--text-4);border-radius:50%;width:6px;height:6px}.pp-status.live{background:var(--success-soft);color:var(--success)}.pp-status.live .dot{background:var(--success)}.pp-where{min-width:0;color:var(--text-3);font-size:var(--text-caption);align-items:center;gap:6px;margin-top:-4px;display:flex}.pp-where[data-place=online]>svg{color:var(--brand-text)}.pp-where-label{color:var(--text-soft);flex:none;font-weight:500}.pp-where-host{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.pp-where .link{margin-left:auto}.pp-addresses{flex-direction:column;display:flex}.pp-address{height:30px;color:var(--text-3);align-items:center;gap:8px;display:flex}.pp-address .host{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-1);flex:1;overflow:hidden}.pp-address .icon-btn{width:24px;height:24px;color:var(--text-3)}.pp-name{height:var(--field-h);border-radius:var(--radius-field);background:var(--input-bg);box-shadow:inset 0 0 0 1px var(--line-soft);color:var(--text-3);cursor:text;align-items:center;gap:6px;padding:0 8px;display:flex}.pp-name:focus-within{box-shadow:inset 0 0 0 1px var(--brand)}.pp-name>svg{flex:none}.pp-name-addr{white-space:nowrap;flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.pp-name-pre{text-overflow:ellipsis;min-width:0;overflow:hidden}.pp-name-post{flex:none}.pp-name input{field-sizing:content;min-width:3ch;max-width:100%;color:var(--text-1);font:inherit;background:0 0;border:0;outline:0;flex:none;padding:0}.pp-name-status{min-height:16px;color:var(--text-3);font-size:var(--text-caption);align-items:center;gap:6px;margin-top:-4px;display:flex}.pp-name-status[data-state=ok]{color:var(--success)}.pp-name-status[data-state=bad]{color:var(--danger)}.pp-changes{border-top:1px solid var(--hairline);flex-direction:column;gap:6px;padding-top:10px;display:flex}.pp-label-row{color:var(--text-3);font-size:var(--text-caption);align-items:center;display:flex}.pp-label-row span{flex:1}.pp-label-row .link,.link{color:var(--brand-text);font:inherit;font-size:var(--text-caption);cursor:pointer;background:0 0;border:0;padding:0}.pp-pages{flex-wrap:wrap;gap:4px;display:flex}.pp-page{background:var(--active);height:22px;color:var(--text-soft);font-size:var(--text-caption);border-radius:5px;align-items:center;padding:0 7px;display:inline-flex}.pp-page.more{color:var(--text-3)}.pp-note{border-top:1px solid var(--hairline);color:var(--text-3);font-size:var(--text-caption);margin:0;padding-top:10px;line-height:1.45}.pp-missing{background:var(--fill-soft);box-shadow:inset 0 0 0 1px var(--line-soft);color:var(--text-soft);font-size:var(--text-caption);border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;padding:8px 10px;line-height:1.45;display:flex}.pp-missing b{color:var(--text-1);font-weight:500}.pp-missing-btn{background:var(--button-hover);height:24px;color:var(--text-1);font:inherit;cursor:pointer;border:0;border-radius:6px;padding:0 10px;font-weight:500}.pp-missing-btn:hover{background:var(--active)}.pp-publish{background:var(--brand);height:32px;color:var(--text-on-brand);font:inherit;font-size:var(--text-label);cursor:pointer;border:0;border-radius:7px;font-weight:600}.pp-publish:hover:not(:disabled){background:var(--brand-hover)}.pp-publish:disabled{opacity:.5;cursor:default}.pp-foot{align-items:center;gap:6px;display:flex}.pp-foot .last{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-3);font-size:var(--text-caption);flex:1;overflow:hidden}.pp-foot .icon-btn{width:24px;height:24px;color:var(--text-3)}.site-view{background:var(--canvas);min-height:0;display:flex}.site-sidebar{border-right:1px solid var(--hairline);background:var(--panel);flex-direction:column;flex:none;gap:2px;width:232px;padding:12px 8px;display:flex}.sb-heading{color:var(--text-3);font-size:var(--text-caption);justify-content:space-between;align-items:center;padding:10px 8px 6px;display:flex}.sb-heading .icon-btn{color:var(--text-3)}.sb-item{height:30px;color:var(--text-2);font:inherit;font-size:var(--text-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:0 8px;display:flex}.sb-item .label{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-soft);flex:1;overflow:hidden}.sb-item:hover{background:var(--hover)}.sb-item.active{background:var(--button);color:var(--text-1)}.sb-item.active .label{color:var(--text-1);font-weight:500}.sb-item .count{color:var(--text-4);font-size:var(--text-caption)}.sb-item .badge{background:var(--brand);min-width:16px;height:16px;color:var(--text-on-brand);border-radius:8px;place-items:center;padding:0 5px;font-size:10px;font-weight:600;display:inline-grid}.sb-gap{height:10px}.sb-spacer{flex:1}.sb-status{border:1px solid var(--hairline);background:var(--fill-soft);border-radius:8px;align-items:center;gap:8px;padding:10px;display:flex}.sb-status .dot{width:7px;height:7px}.sb-status .dot.live{background:var(--success)}.sb-status .text{flex-direction:column;gap:1px;min-width:0;display:flex}.sb-status .state{color:var(--text-1);font-size:var(--text-body);font-weight:500}.sb-status .host{white-space:nowrap;text-overflow:ellipsis;color:var(--text-3);font-size:var(--text-caption);overflow:hidden}.site-sidebar.rail{width:var(--rail-w);align-items:center;padding:8px 6px}.site-sidebar.rail .sb-heading span,.site-sidebar.rail .sb-item .label,.site-sidebar.rail .sb-item .count,.site-sidebar.rail .sb-status .text{display:none}.site-sidebar.rail .sb-heading{justify-content:center;padding:6px 0}.site-sidebar.rail .sb-item{justify-content:center;width:32px;padding:0;position:relative}.site-sidebar.rail .sb-item .badge{min-width:14px;height:14px;padding:0 4px;font-size:9px;position:absolute;top:0;right:-4px}.site-sidebar.rail .sb-status{justify-content:center;width:32px;padding:8px 0}.site-main{background:var(--canvas);flex:1;min-width:0;min-height:0;display:flex}.site-main>*{flex:1;min-width:0}.site-header{align-items:center;gap:8px;padding:20px 24px 16px;display:flex}.site-header h1{color:var(--text-1);margin:0;font-size:18px;font-weight:600}.site-header .title-input{border:1px solid var(--brand);background:var(--field);width:260px;height:28px;color:var(--text-1);font:inherit;border-radius:5px;outline:none;padding:0 6px;font-size:16px;font-weight:600}.site-header .count{color:var(--text-3);font-size:var(--text-panel-title)}.site-header .spacer,.domain-row .spacer{flex:1}.site-header .icon-btn{width:28px;height:28px;color:var(--text-2)}.site-header .btn.sm{border-radius:6px;gap:5px;padding:0 10px 0 8px;font-weight:500}.chip-btn{border:1px solid var(--divider);height:28px;color:var(--text-soft);font:inherit;font-size:var(--text-body);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.chip-btn:hover:not(:disabled){background:var(--hover)}.chip-btn:disabled{opacity:.5;cursor:default}.quiet{color:var(--text-3)}.site-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:80px 24px;display:flex}.site-empty .site-empty-icon{color:var(--text-3)}.site-empty .title{color:var(--text-1);font-size:var(--text-panel-title);margin:0;font-weight:600}.site-empty .hint{max-width:360px;color:var(--text-3);font-size:var(--text-body);margin:0 0 6px;line-height:1.5}.site-error{color:var(--danger);font-size:var(--text-body);margin:0 24px 12px}.cms,.forms{min-height:0;display:flex}.cms-main,.forms-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:auto}.connect-bar{border:1px solid var(--divider);border-radius:8px;align-items:center;gap:8px;margin:0 24px 12px;padding:6px 6px 6px 10px;display:flex}.connect-bar input{min-width:0;color:var(--text-1);font:inherit;font-size:var(--text-body);background:0 0;border:0;outline:none;flex:1}.cms-table,.forms-table{outline:none;flex-direction:column;padding:0 16px 24px;display:flex}.cms-head,.cms-row{align-items:center;gap:12px;padding:0 8px;display:flex}.cms-head,.forms-head{border-bottom:1px solid var(--hairline);height:32px;color:var(--text-3);font-size:var(--text-caption)}.cms-row{border-bottom:1px solid var(--field);cursor:pointer;height:52px}.cms-row:hover{background:var(--hover)}.cms-row.selected,.forms-row.selected{background:var(--site-row-selected);border-bottom-color:#0000;border-radius:6px}.col-title{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.col-extra{white-space:nowrap;width:130px;color:var(--text-soft);font-size:var(--text-body);flex:none;align-items:center;gap:6px;display:flex;overflow:hidden}.cms-head .col-extra,.cms-head .col-date,.cms-head .col-status{color:var(--text-3);font-size:var(--text-caption)}.col-date{width:90px;color:var(--site-delta);font-size:var(--text-body);flex:none}.col-status{width:70px;color:var(--text-3);font-size:var(--text-body);flex:none;align-items:center;gap:6px;display:flex}.cms-row .col-status .dot{background:var(--text-4);border-radius:50%;width:6px;height:6px}.cms-row .col-status.live{color:var(--text-soft)}.cms-row .col-status.live .dot{background:var(--success)}.cms-row .cover{background:var(--field) center / cover no-repeat;border-radius:4px;flex:none;width:40px;height:28px}.cms-row .text{flex-direction:column;gap:2px;min-width:0;display:flex}.cms-row .name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-1);font-size:var(--text-body);font-weight:500;overflow:hidden}.cms-row .slug{white-space:nowrap;text-overflow:ellipsis;color:var(--text-3);font-size:var(--text-caption);overflow:hidden}.ref-name{text-overflow:ellipsis;overflow:hidden}.site-panel{border-left:1px solid var(--hairline);background:var(--panel);flex-direction:column;flex:none;width:340px;display:flex}.site-panel .sp-header{border-bottom:1px solid var(--hairline);align-items:center;gap:4px;height:48px;padding:0 8px 0 16px;display:flex}.site-panel .sp-header .title{color:var(--text-1);font-size:var(--text-label);flex:1;font-weight:600}.site-panel .sp-header .icon-btn{width:28px;height:28px;color:var(--text-3)}.site-panel .sp-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px;display:flex;overflow:auto}.site-panel .sp-footer{border-top:1px solid var(--hairline);flex:none;align-items:center;gap:8px;height:52px;padding:0 16px;display:flex}.site-panel .sp-footer.block{height:auto;padding:16px}.site-panel .sp-footer .dot{background:var(--text-4);border-radius:50%;width:6px;height:6px}.site-panel .sp-footer .dot.live{background:var(--success)}.site-panel .sp-footer label{color:var(--text-3);font-size:var(--text-caption);flex:1}.cms-field{flex-direction:column;flex:none;gap:6px;min-width:0;display:flex}.field-row>.cms-field{flex:1}a.btn{text-decoration:none}.cms-field>label{color:var(--text-3);font-size:var(--text-caption)}.field-row{gap:10px;display:flex}.cms-input{background:var(--field);height:30px;color:var(--text-1);font-size:var(--text-body);border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:0 10px;display:flex;position:relative}.cms-input:focus-within{border-color:var(--brand)}.cms-input input{min-width:0;height:100%;color:var(--text-1);font:inherit;background:0 0;border:0;outline:none;flex:1}.cms-input .prefix{color:var(--text-3);flex:none}.cms-input:has(.prefix){gap:0}.cms-input .value{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;min-width:0;overflow:hidden}.cms-input.select,.cms-input.date{width:100%;font:inherit;font-size:var(--text-body);cursor:pointer}.cms-input.select:hover,.cms-input.date:hover{background:var(--button)}.cms-input.date input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.cms-input.switch-row .value{color:var(--text-soft)}.cms-rich{background:var(--field);width:100%;min-height:80px;color:var(--text-1);font:inherit;font-size:var(--text-body);resize:none;border:1px solid #0000;border-radius:6px;outline:none;padding:10px;line-height:1.5;overflow:hidden}.cms-rich:focus{border-color:var(--brand)}.cms-image{background:var(--field) center / cover no-repeat;cursor:pointer;border:0;border-radius:6px;width:100%;height:96px;padding:0;display:block;position:relative}.cms-image.large{border-radius:8px;height:170px}.cms-image .empty{color:var(--text-3);font-size:var(--text-body);align-items:center;gap:6px;display:inline-flex}.cms-image .clear{background:var(--site-overlay);width:20px;height:20px;color:var(--text-on-brand);border-radius:5px;place-items:center;display:none;position:absolute;top:6px;right:6px}.cms-image:hover .clear{display:grid}.sp-body.fields{gap:6px}.field-def{align-items:center;gap:8px;display:flex}.field-def input{background:var(--field);min-width:0;height:28px;color:var(--text-1);font:inherit;font-size:var(--text-body);border:1px solid #0000;border-radius:5px;outline:none;flex:1;padding:0 8px}.field-def input:focus{border-color:var(--brand)}.field-def .type{width:64px;color:var(--text-3);font-size:var(--text-caption);flex:none}.field-def .ss-select{flex:none;width:90px}.sp-body.fields>.btn{align-self:flex-start;margin-top:8px}.analytics{flex-direction:column;gap:24px;padding-bottom:24px;display:flex;overflow:auto}.analytics .site-header{gap:10px;padding-bottom:0}.online-chip{background:var(--success-soft);height:22px;color:var(--text-soft);font-size:var(--text-caption);border-radius:11px;align-items:center;gap:6px;padding:0 8px;font-weight:500;display:inline-flex}.online-chip .dot{background:var(--success)}.totals{padding:0 24px;display:flex}.total{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.total+.total{border-left:1px solid var(--hairline);padding-left:20px}.total .label{color:var(--text-3);font-size:var(--text-caption)}.total .value-row{align-items:flex-end;gap:8px;display:flex}.total .value{color:var(--text-1);letter-spacing:-.4px;font-size:26px;font-weight:600;line-height:1.1}.total .delta{color:var(--site-delta);font-size:var(--text-caption);align-items:center;gap:3px;padding-bottom:4px;display:inline-flex}.total .delta svg{color:var(--success)}.total .delta.bad svg{color:var(--danger)}.chart{flex:none;height:262px;margin:0 24px;position:relative}.chart .grid-line{background:var(--field);height:1px;position:absolute;left:40px;right:0}.chart .grid-line.base{background:var(--divider)}.chart .grid-line span{color:var(--text-3);font-size:10px;position:absolute;top:-7px;left:-40px}.chart .bars{align-items:flex-end;gap:10px;height:200px;display:flex;position:absolute;top:40px;left:40px;right:0}.chart .bar-slot{flex:1;align-items:flex-end;min-width:2px;height:100%;display:flex}.chart .bar{background:var(--brand);border-radius:4px 4px 0 0;width:100%;min-height:1px}.chart .bar.hover{background:var(--brand-text)}.chart .x-labels span{color:var(--text-3);white-space:nowrap;font-size:10px;position:absolute;top:248px;transform:translate(-50%)}.chart-tip{border:1px solid var(--site-tooltip-line);background:var(--tooltip-bg);pointer-events:none;border-radius:7px;flex-direction:column;gap:2px;min-width:110px;padding:7px 10px;display:flex;position:absolute;top:8px;transform:translate(-50%)}.chart-tip .date{color:var(--site-tooltip-dim);font-size:10px}.chart-tip .v{color:var(--tooltip-text);font-size:var(--text-body);font-weight:600}.lists{gap:24px;padding:0 24px;display:flex}.top-list{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.top-list .head{padding:0 8px 6px;display:flex}.top-list .head .title{color:var(--text-1);font-size:var(--text-caption);flex:1;font-weight:600}.top-list .head .unit{color:var(--text-3);font-size:var(--text-caption)}.top-list .row{align-items:center;height:28px;padding:0 8px;display:flex;position:relative}.top-list .fill{background:var(--site-brand-bar);border-radius:4px;position:absolute;top:2px;bottom:2px;left:0}.top-list .label{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-strong);font-size:var(--text-body);flex:1;position:relative;overflow:hidden}.top-list .v{color:var(--site-delta);font-size:var(--text-body);position:relative}.top-list .none{color:var(--text-3);font-size:var(--text-caption);margin:4px 8px}.form-tabs,.settings-tabs{gap:4px;display:flex}.form-tabs{padding:0 24px 12px}.form-tab{height:28px;color:var(--site-delta);font:inherit;font-size:var(--text-body);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.form-tab:hover{background:var(--hover)}.form-tab.active{background:var(--button);color:var(--text-1);font-weight:500}.form-tab .count{color:var(--text-3);font-size:var(--text-caption);font-weight:400}.forms-head,.forms-row{align-items:center;gap:12px;padding:0 8px;display:flex}.forms-head{padding-left:30px}.forms-row{border-bottom:1px solid var(--field);cursor:pointer;height:44px}.forms-row:hover{background:var(--hover)}.forms-row .unread-dot{border-radius:50%;flex:none;width:6px;height:6px;margin:0 2px}.forms-row.unread .unread-dot{background:var(--brand)}.col-name{white-space:nowrap;text-overflow:ellipsis;width:150px;color:var(--text-1);font-size:var(--text-body);flex:none;overflow:hidden}.forms-row.unread .col-name{font-weight:500}.col-msg{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--site-delta);font-size:var(--text-body);flex:1;overflow:hidden}.forms-row.unread .col-msg{color:var(--text-soft)}.col-page{white-space:nowrap;text-overflow:ellipsis;width:150px;color:var(--text-3);font-size:var(--text-caption);flex:none;overflow:hidden}.col-at{width:80px;color:var(--site-delta);font-size:var(--text-body);flex:none}.forms-head .col-name,.forms-head .col-msg,.forms-head .col-page,.forms-head .col-at{color:var(--text-3);font-size:var(--text-caption);font-weight:400}.spam-note{color:var(--text-3);font-size:var(--text-caption);align-items:center;gap:6px;margin:0;padding:0 24px 24px 46px;display:flex}.spam-note svg{color:var(--text-4)}.sp-body.message{gap:16px}.sp-body.message .from{align-items:center;gap:10px;display:flex}.sp-body.message .from .text{flex-direction:column;gap:2px;min-width:0;display:flex}.sp-body.message .name{color:var(--text-1);font-size:var(--text-body);font-weight:600}.sp-body.message .email{color:var(--text-3);font-size:var(--text-caption)}.message-text{color:var(--text-strong);font-size:var(--text-body);white-space:pre-wrap;margin:0;line-height:1.55}.details{border-top:1px solid var(--hairline);flex-direction:column;gap:8px;margin:0;padding-top:14px;display:flex}.details>div{align-items:center;display:flex}.details dt{width:90px;color:var(--text-3);font-size:var(--text-caption);flex:none}.details dd{overflow-wrap:anywhere;min-width:0;color:var(--text-soft);font-size:var(--text-body);margin:0}.btn.disabled{opacity:.45;pointer-events:none}.site-settings{flex-direction:column;gap:20px;padding:20px 24px 24px;display:flex;overflow:auto}.settings-header{flex-direction:column;gap:12px;display:flex}.settings-header h1{color:var(--text-1);margin:0;font-size:18px;font-weight:600}.settings-content{flex-direction:column;gap:28px;width:720px;max-width:100%;display:flex}.set-section{flex-direction:column;gap:10px;display:flex}.set-head{align-items:center;min-height:28px;display:flex}.set-head h2{color:var(--text-1);font-size:var(--text-panel-title);flex:1;margin:0;font-weight:600}.set-head .btn.sm{border-radius:6px;gap:5px;padding:0 10px 0 8px;font-weight:500}.set-list{border:1px solid var(--hairline);border-radius:8px;flex-direction:column;display:flex}.set-row{border-bottom:1px solid var(--field);align-items:center;gap:10px;min-height:44px;padding:0 12px 0 14px;display:flex}.set-list>:last-child{border-bottom:0}.set-row .label{min-width:0;color:var(--text-strong);font-size:var(--text-body);flex:1}.set-row .meta,.domain-row .meta{color:var(--text-3);font-size:var(--text-caption)}.set-input{background:var(--field);width:260px;height:28px;color:var(--text-1);font:inherit;font-size:var(--text-body);border:1px solid #0000;border-radius:5px;outline:none;padding:0 8px}.set-input:focus{border-color:var(--brand)}.set-row .addr{align-items:center;gap:8px;display:flex}.set-row .addr .set-input{width:180px}.set-row .addr .suffix{color:var(--text-3);font-size:var(--text-caption)}.set-row.redirect .set-input{flex:1;width:auto}.set-row .pw{align-items:center;gap:6px;display:flex}.set-row .pw input{border:1px solid var(--brand);background:var(--field);width:160px;height:26px;color:var(--text-1);font:inherit;font-size:var(--text-body);border-radius:5px;outline:none;padding:0 8px}.set-hint{color:var(--text-3);font-size:var(--text-caption);margin:0;line-height:1.5}.domain{border-bottom:1px solid var(--field);flex-direction:column;gap:10px;padding-bottom:12px;display:flex}.domain .domain-row{border-bottom:0}.domain-row{border-bottom:1px solid var(--field);align-items:center;gap:10px;min-height:44px;padding:0 12px 0 14px;display:flex}.domain-row .host{color:var(--text-1);font-size:var(--text-body);font-weight:500}.domain-row.adding input{height:28px;color:var(--text-1);font:inherit;font-size:var(--text-body);background:0 0;border:0;outline:none;flex:1}.primary-chip{background:var(--brand-soft);height:18px;color:var(--brand-text);border-radius:4px;padding:0 6px;font-size:10px;font-weight:500;line-height:18px}.domain-row .status{color:var(--text-soft);font-size:var(--text-caption);align-items:center;gap:6px;display:inline-flex}.domain-row .status .dot{background:var(--warning);border-radius:50%;width:6px;height:6px}.domain-row .status.off{color:var(--text-3)}.domain-row .status.off .dot{background:var(--text-4)}.dns{background:var(--fill-soft);border-radius:6px;align-items:center;gap:24px;margin:0 12px 0 14px;padding:10px 12px;display:flex}.dns.disabled{opacity:.55}.dns>div{flex-direction:column;gap:2px;display:flex}.dns .grow{flex:1}.dns .k{color:var(--text-3);font-size:10px}.dns .v{color:var(--text-1);font-size:var(--text-body)}.code-area{border:1px solid var(--hairline);background:var(--field);width:100%;color:var(--text-1);font-family:var(--font-mono);font-size:var(--text-body);resize:vertical;border-radius:8px;outline:none;padding:10px 12px;line-height:1.5}.code-area:focus{border-color:var(--brand)}.domain-row .icon-btn.xs,.set-row .icon-btn.xs{width:24px;height:24px;color:var(--text-3)}.bp-layer{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bp-header{background:var(--hairline);min-width:0;height:22px;color:var(--text-3);font-size:var(--text-caption);white-space:nowrap;pointer-events:auto;-webkit-user-select:none;user-select:none;cursor:default;border-radius:5px;align-items:center;gap:5px;padding:0 6px;line-height:1;display:flex;position:absolute;top:0;left:0;overflow:hidden}.bp-header .bp-icon{color:var(--text-3);flex:none;display:inline-flex}.bp-header .bp-name{text-overflow:ellipsis;min-width:0;color:var(--text-2);font-weight:500;overflow:hidden}.bp-header .bp-width{color:var(--text-4);font-variant-numeric:tabular-nums;flex:none}.bp-header .bp-spacer{flex:1;min-width:0}.bp-header .bp-btn{width:18px;height:18px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;margin-right:-3px;padding:0;display:inline-flex}.bp-header .bp-btn:hover{background:var(--button-hover);color:var(--text-1)}.bp-header .bp-more{display:none}.bp-header:hover .bp-more,.bp-header.open .bp-more{display:inline-flex}.bp-header.active{background:var(--brand-soft)}.bp-header.active .bp-icon,.bp-header.active .bp-name,.bp-header.active .bp-width,.bp-header.active .bp-btn{color:var(--brand-text)}.bp-header input{border:1px solid var(--selection);background:var(--raised);min-width:0;height:18px;color:var(--text-1);font:inherit;-webkit-user-select:text;user-select:text;border-radius:4px;outline:none;padding:0 4px;font-weight:500}.bp-header .bp-name-input{width:96px}.bp-header .bp-width-input{font-variant-numeric:tabular-nums;width:52px}.bp-plus{background:var(--button-hover);width:22px;height:22px;color:var(--text-1);pointer-events:auto;cursor:pointer;border:0;border-radius:5px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0;left:0}.bp-plus:hover,.bp-plus.open{background:var(--line-strong)}.bp-plus.lone{background:var(--hairline);width:18px;height:18px;color:var(--text-3);border-radius:4px}.bp-plus.lone:hover,.bp-plus.lone.open{background:var(--button-hover);color:var(--text-1)}.bp-pop{z-index:7;border:1px solid var(--divider);border-radius:var(--radius-menu);background:var(--raised);height:34px;box-shadow:var(--shadow-menu);color:var(--text-3);font-size:var(--text-caption);pointer-events:auto;align-items:center;gap:6px;padding:0 8px;display:flex;position:absolute;top:0;left:0}.bp-pop-input{border-radius:var(--radius-field);background:var(--field);width:64px;height:22px;box-shadow:inset 0 0 0 1px var(--brand);color:var(--text-1);font:inherit;font-size:var(--text-body);font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text;border:0;outline:none;padding:0 6px}.bp-ai-icon{color:var(--brand-text)}.bp-chip{background:var(--hairline);height:20px;color:var(--text-3);font-size:var(--text-caption);white-space:nowrap;border-radius:5px;flex:none;align-items:center;gap:4px;padding:0 6px;font-weight:500;display:inline-flex}.bp-chip.on{background:var(--brand-soft);color:var(--brand-text)}.num.marked{box-shadow:inset 0 0 0 1px #af47d166}.num.marked .lbl,.num.marked input,.num.marked .mode-btn{color:var(--brand-text)}.num .mark-reset{width:16px;height:16px;color:var(--brand-text);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;margin-right:-3px;padding:0;display:inline-flex}.num .mark-reset:hover{background:var(--brand-soft)}.bp-note{color:var(--text-3);font-size:var(--text-caption);align-items:flex-start;gap:6px;margin-top:-4px;padding:0 12px 12px;line-height:1.35;display:flex}.bp-note-dot{background:var(--brand);border-radius:50%;flex:none;width:6px;height:6px;margin-top:4px}.bp-note-text{flex:1;min-width:0}.bp-note-reset{color:var(--brand-text);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:0}.bp-note-reset:hover{text-decoration:underline}.bp-show{background:var(--field);border-radius:6px;gap:2px;height:28px;padding:2px;display:flex}.bp-show-btn{min-width:0;color:var(--text-4);font:inherit;font-size:var(--text-caption);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:5px;padding:0 4px;font-weight:500;display:inline-flex}.bp-show-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bp-show-btn:hover{color:var(--text-2)}.bp-show-btn.on{background:var(--button-hover);color:var(--text-1)}.bp-show-hint{margin:0}.bp-list{flex-direction:column;gap:2px;display:flex}.bp-row{height:28px;color:var(--text-2);font:inherit;font-size:var(--text-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 8px;display:flex}.bp-row:hover{background:var(--hover)}.bp-row.active{background:var(--active);color:var(--text-1)}.bp-row-name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.bp-row-main{color:var(--text-4);font-size:var(--text-caption)}.bp-row-width{color:var(--text-3);font-size:var(--text-caption);font-variant-numeric:tabular-nums}.layer.page-head .name{font-weight:500}.layer .ico .bp-row-icon{color:var(--text-2);display:inline-flex}.layer .ico .bp-row-icon.active{color:var(--brand-text)}.layer .row-mark.bp-dot:before{content:"";background:var(--brand);border-radius:50%;width:6px;height:6px}.phone{--st:var(--phone-safe-top,env(safe-area-inset-top,0px));--sb:var(--phone-safe-bottom,env(safe-area-inset-bottom,0px));background:var(--canvas);color:var(--text-1);-webkit-tap-highlight-color:transparent;flex-direction:column;font-size:15px;line-height:1.35;display:flex;position:fixed;inset:0;overflow:hidden}body.phone-ui{background:var(--canvas)}body.phone-ui .tooltip{display:none}:where(.phone) :where(button){font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}:where(.phone) :where(button:disabled){cursor:default}:where(.phone) :where(input,textarea){font:inherit;color:var(--text-1);-webkit-user-select:text;user-select:text}:where(.phone) :where(input,textarea)::placeholder{color:var(--text-4)}.phone :focus-visible{outline:2px solid color-mix(in srgb, var(--brand) 70%, transparent);outline-offset:2px}.phone :is(input,textarea):focus-visible{outline:0}.ph-search:focus-within,.ph-agent-field:focus-within,.ph-composer-field:focus-within,.ph-signin-field:focus-within{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 55%, transparent)}.ph-screen{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.ph-checking{background:var(--canvas)}.ph-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-height:0;padding:0 20px 28px;overflow-y:auto}.ph-scroll::-webkit-scrollbar{display:none}.ph-pad{padding:16px 20px 0}.ph-pad-0{padding:0}.ph-loading{height:120px}.ph-large{min-height:36px;padding:calc(var(--st) + 10px) 20px 0;flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.ph-large h1{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:30px;font-weight:700;line-height:36px;overflow:hidden}.ph-site .ph-large h1{font-size:28px}.ph-nav+.ph-large{padding-top:4px}.ph-nav{height:44px;margin-top:var(--st);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 8px 0 6px;display:grid}.ph-back{height:44px;color:var(--brand-text);background:0 0;border:0;justify-self:start;align-items:center;gap:0;max-width:120px;padding:0 8px 0 0;font-size:16px;display:inline-flex}.ph-back span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ph-nav-title{white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:200px;margin:0;font-size:16px;font-weight:600;overflow:hidden}.ph-nav-actions{justify-self:end;align-items:center;display:flex}.ph-icon-btn{width:44px;height:44px;color:var(--text-1);background:0 0;border:0;border-radius:22px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.ph-icon-btn.small{width:32px;height:32px;color:var(--text-2);margin-right:-6px}.ph-icon-btn.on{color:var(--success)}.ph-icon-btn:disabled{opacity:.4}.ph-hint{background:var(--brand-soft);color:var(--brand-text);border-radius:12px;flex:none;margin:0 20px 8px;padding:10px 14px;font-size:13px}.ph-link{color:var(--brand-text);background:0 0;border:0;padding:8px 0;font-size:15px}.ph-note{color:var(--text-3);margin:16px 4px;font-size:13px}.ph-tabbar{padding:11px 8px max(calc(var(--sb) - 4px), 6px);border-top:1px solid var(--hairline);background:var(--panel);flex:none;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.ph-tab{min-height:44px;color:var(--text-3);background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:0;display:flex}.ph-tab.on{color:var(--brand-text)}.ph-tab-icon{width:24px;height:24px;display:inline-flex;position:relative}.ph-tab-label{font-size:11px;font-weight:500;line-height:14px}.ph-tab.on .ph-tab-label{font-weight:600}.ph-badge{border:2px solid var(--panel);background:var(--person-1);color:#fff;text-align:center;border-radius:10px;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:600;line-height:16px;position:absolute;top:-6px;left:11px}.ph-section-head{justify-content:space-between;align-items:center;margin:19px 0 4px;display:flex}.ph-section-head h2{margin:0;font-size:17px;font-weight:700;line-height:24px}.ph-section-head.small h2{color:var(--text-3);font-size:14px;font-weight:600}.ph-card{background:var(--panel);border:1px solid var(--hairline);border-radius:16px}.ph-list-card{overflow:hidden}.ph-list-row{border:0;border-bottom:1px solid var(--hairline);text-align:left;background:0 0;align-items:center;gap:14px;width:100%;min-height:52px;padding:0 14px;font-size:15px;display:flex}.ph-list-row:last-child{border-bottom:0}.ph-list-row:disabled{opacity:.45}.ph-list-row.danger{color:var(--danger)}.ph-list-icon{color:var(--text-2);flex:none;display:inline-flex}.ph-list-row.danger .ph-list-icon{color:var(--danger)}.ph-list-label{flex-direction:column;flex:1;min-width:0;padding:12px 0;display:flex}.ph-list-label .sub{color:var(--text-3);font-size:13px}.ph-list-value{color:var(--text-3);font-size:14px}.ph-chev{color:var(--text-4);flex:none}.ph-list{flex-direction:column;display:flex}.ph-row{text-align:left;background:0 0;border:0;align-items:center;gap:12px;min-height:64px;padding:8px 0;display:flex}.ph-row-icon{background:var(--button);width:40px;height:40px;color:var(--text-2);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.ph-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ph-row-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.ph-row-sub{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.ph-row-end{color:var(--text-3);font-size:12px}.ph-empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:40px 24px;display:flex}.ph-empty-icon{background:var(--button);width:48px;height:48px;color:var(--text-3);border-radius:24px;justify-content:center;align-items:center;margin-bottom:6px;display:inline-flex}.ph-empty-title{font-size:15px;font-weight:600}.ph-empty-text{max-width:280px;color:var(--text-3);font-size:13px}.ph-avatar{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.ph-avatar.agent{background:var(--brand)}.ph-avatar.agent .brand-icon{color:#fff}.ph-avatar.icon{background:var(--button-hover);color:var(--text-2)}.ph-dot{background:var(--brand);border-radius:4px;width:8px;height:8px;display:inline-block}.ph-btn{white-space:nowrap;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.ph-btn.primary{background:var(--brand);color:#fff;font-weight:600}.ph-btn.secondary{background:var(--button);color:var(--text-1)}.ph-btn.outline{border:1px solid var(--line-strong);background:0 0;height:39px}.ph-btn.wide{width:100%;height:48px}.ph-btn.tall{border-radius:14px;height:52px}.ph-btn:disabled{opacity:.5}.ph-seg{background:var(--field);border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;height:36px;padding:3px;display:grid}.ph-seg button{color:var(--text-3);background:0 0;border:0;border-radius:8px;font-size:13px;font-weight:500}.ph-seg button.on{background:var(--button-hover);color:var(--text-1)}.ph-ws{background:var(--button);height:36px;color:var(--text-2);border:0;border-radius:18px;flex:none;align-items:center;gap:8px;padding:0 10px 0 4px;display:inline-flex}.ph-ws-tile{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:inline-flex}.ph-sheet-item .ph-ws-tile{border-radius:6px;width:24px;height:24px;font-size:12px}.ph-search{background:var(--field);height:44px;color:var(--text-3);border-radius:12px;align-items:center;gap:8px;margin-top:16px;padding:0 14px 0 13px;display:flex}.ph-search input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:15px}.ph-agent-box{border:1.5px solid var(--brand);background:var(--raised);box-shadow:0 0 36px color-mix(in srgb, var(--brand) 18%, transparent);border-radius:16px;margin-top:16px;padding:16px}.ph-agent-title{font-size:16px;font-weight:600;line-height:20px}.ph-agent-sub{color:var(--text-2);margin-top:10px;font-size:14px;line-height:18px}.ph-agent-field{background:var(--field);border-radius:12px;align-items:center;height:44px;margin-top:10px;padding:0 5px 0 12px;display:flex}.ph-agent-field input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:14px}.ph-agent-send,.ph-send{background:var(--brand);color:#fff;border:0;border-radius:17px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.ph-files{flex-direction:column;display:flex}.ph-file{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;height:72px;padding:0;display:flex}.ph-file-thumb{background:var(--surface-2);width:64px;height:48px;box-shadow:inset 0 0 0 1px var(--hairline);border-radius:6px;flex:none;overflow:hidden}.ph-file-thumb img{object-fit:cover;width:100%;height:100%;display:block}.ph-thumb-empty{width:100%;height:100%;display:block}.ph-file-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ph-file-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:20px;overflow:hidden}.ph-file-meta{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:18px;overflow:hidden}.ph-frames{padding-top:20px}.ph-frame-row{gap:16px;margin-bottom:24px;display:flex}.ph-frame{flex:none;min-width:0}.ph-frame-name{height:18px;color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13px;line-height:18px;overflow:hidden}.ph-frame-pic{background:var(--surface-2);border-radius:2px;position:relative}.ph-frame-pic img{border-radius:2px;width:100%;height:100%;display:block}.ph-frame-loading{width:100%;height:100%;display:block}.commenting .ph-frame-pic{cursor:crosshair;outline:1.5px dashed color-mix(in srgb, var(--brand) 60%, transparent);outline-offset:2px}.ph-pin{background:0 0;border:0;padding:0;line-height:0;position:absolute;transform:translate(-1px,calc(1px - 100%))}.ph-pin .ph-avatar{border-radius:50% 50% 50% 3px;box-shadow:0 0 0 2px #fff,0 2px 8px #00000059}.ph-bar-space{height:80px}.ph-file-bar{left:50%;bottom:calc(var(--sb) + 6px);border:1px solid var(--hairline);background:var(--raised);width:min(341px,100% - 32px);height:56px;box-shadow:var(--shadow-bar);border-radius:28px;justify-content:space-between;align-items:center;padding:4px;display:flex;position:absolute;transform:translate(-50%)}.ph-bar-btn{white-space:nowrap;background:0 0;border:0;border-radius:24px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;height:48px;padding:0 4px;font-size:15px;font-weight:500;display:inline-flex}.ph-bar-btn.on{background:var(--brand-soft);color:var(--brand-text)}.ph-bar-btn.ask{background:var(--brand);color:#fff;flex:none;padding:0 16px}.ph-play{z-index:20;background:#000;position:absolute;inset:0}.ph-play-stage{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.ph-play-screen{flex:none;position:relative}.ph-play-top{top:calc(var(--st) + 8px);pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;left:12px;right:12px}.ph-play-top>*{pointer-events:auto}.ph-play-btn,.ph-play-flow{color:#fff;-webkit-backdrop-filter:blur(12px);background:#1f1f21b3;border:0;justify-content:center;align-items:center;display:inline-flex}.ph-play-btn{border-radius:20px;width:40px;height:40px}.ph-play-flow{border-radius:18px;gap:8px;max-width:220px;height:36px;padding:0 16px 0 12px;font-size:15px;font-weight:500}.ph-play-flow span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ph-thread-body{padding:4px 16px 20px}.ph-crop{background:var(--surface-2);border-radius:14px;height:120px;position:relative;overflow:hidden}.ph-crop-inner{position:absolute;top:0;left:0}.ph-crop-inner img{display:block}.ph-crop-mark{border:2px solid var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 20%, transparent);border-radius:3px;position:absolute}.ph-pin.static{pointer-events:none}.ph-msg{gap:12px;margin-top:20px;display:flex}.ph-msg-body{flex:1;min-width:0}.ph-msg-head{align-items:baseline;gap:8px;line-height:20px;display:flex}.ph-msg-head .name{font-size:15px;font-weight:600}.ph-msg-head .time{color:var(--text-3);font-size:13px}.ph-msg-text{-webkit-user-select:text;user-select:text;overflow-wrap:anywhere;margin-top:4px;font-size:15px;line-height:22px}.ph-mention{color:var(--brand-text);font-weight:500}.ph-msg-actions{gap:8px;margin-top:12px;display:flex}.ph-undone{color:var(--text-3);font-size:13px}.ph-msg.asking{color:var(--text-3);align-items:center;font-size:14px}.ph-msg-spinner{justify-content:center;align-items:center;width:32px;display:inline-flex}.ph-thread-new{color:var(--text-3);margin:20px 4px;font-size:14px}.ph-composer{padding:8px 12px max(calc(var(--sb) - 4px), 8px);border-top:1px solid var(--hairline);background:var(--panel);flex:none;position:relative}.ph-composer-field{background:var(--field);border-radius:22px;align-items:flex-end;gap:6px;min-height:44px;padding:5px 5px 5px 16px;display:flex}.ph-composer-field textarea{resize:none;background:0 0;border:0;outline:0;flex:1;min-width:0;min-height:34px;max-height:104px;padding:7px 0;font-size:15px;line-height:20px}.ph-send{background:var(--button);color:var(--text-3)}.ph-send.ready{background:var(--brand);color:#fff}.ph-composer-plus{width:34px;height:34px;color:var(--text-2);background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-left:-10px;display:inline-flex}.ph-mentions{scrollbar-width:none;gap:6px;padding:0 0 8px;display:flex;overflow-x:auto}.ph-mention-option{border:1px solid var(--hairline);background:var(--raised);border-radius:20px;flex:none;align-items:center;gap:8px;height:40px;padding:0 14px 0 8px;font-size:14px;display:inline-flex}.ph-mention-option .hint{color:var(--text-3);font-size:13px}.ph-agent-body{padding:0 16px 20px}.ph-model-row{justify-content:center;display:flex}.ph-model{background:var(--button);border:0;border-radius:15px;align-items:center;gap:8px;height:30px;padding:0 10px 0 12px;font-size:14px;font-weight:500;display:inline-flex}.ph-model svg:last-child{color:var(--text-3)}.ph-turn{flex-direction:column;display:flex}.ph-bubble{background:var(--button);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;border-radius:18px 18px 6px;align-self:flex-end;max-width:78%;margin-top:14px;padding:10px 14px;font-size:15px;line-height:22px}.ph-steps{min-height:40px;color:var(--text-3);text-align:left;background:0 0;border:0;align-items:center;gap:10px;margin-top:6px;padding:0;font-size:14px;display:flex}.ph-steps>span{flex:1}.ph-steps .ok{color:var(--success)}.ph-steps .bad{color:var(--danger)}.ph-steps .chev{color:var(--text-3)}.ph-steps .chev.open{transform:rotate(180deg)}.ph-steps.working{color:var(--text-2)}.ph-stop{width:40px;height:40px;color:var(--text-2);background:0 0;border:0;justify-content:center;align-items:center;margin-right:-8px;display:inline-flex}.ph-step-list{color:var(--text-3);margin:0 0 4px;padding:4px 0 4px 28px;font-size:13px;list-style:none}.ph-step-list li{align-items:center;gap:8px;min-height:28px;display:flex}.ph-reply{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin-top:6px;font-size:15px;line-height:22px}.ph-reply.error{color:var(--danger);font-size:15px}.ph-result{background:var(--raised);border:1px solid var(--hairline);border-radius:18px;margin-top:18px;padding:12px}.ph-result-pics{grid-template-columns:1fr 1fr;gap:9px;display:grid}.ph-result-pics figure{background:var(--surface-2);border-radius:10px;height:200px;margin:0;position:relative;overflow:hidden}.ph-result-pics img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.ph-result-pics figcaption{color:#fff;background:#000000a6;border-radius:6px;padding:2px 7px;font-size:12px;font-weight:500;position:absolute;bottom:6px;left:6px}.ph-result-none{height:100%;color:var(--text-3);justify-content:center;align-items:center;font-size:14px;display:flex}.ph-result-caption{margin-top:12px;font-size:14px;line-height:20px}.ph-result-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.ph-result-actions .ph-btn{height:44px}.ph-outcome{color:var(--text-3);align-items:center;gap:6px;margin-top:10px;font-size:13px;display:flex}.ph-activity .ph-scroll{padding:16px 8px 24px}.ph-activity-list{flex-direction:column;gap:1px;display:flex}.ph-act{text-align:left;background:0 0;border:0;border-radius:14px;align-items:flex-start;gap:12px;width:100%;min-height:64px;padding:12px;display:flex}.ph-act.unread{background:var(--hover)}.ph-act-avatar{flex:none;line-height:0}.ph-act-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ph-act-title{font-size:15px;line-height:20px}.ph-act.unread .ph-act-title{font-weight:600}.ph-act-detail{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:18px;overflow:hidden}.ph-act-end{flex-direction:column;flex:none;align-items:flex-end;gap:10px;padding-top:2px;display:flex}.ph-act-time{color:var(--text-3);font-size:12px;line-height:16px}.ph-pill{background:var(--button);border-radius:18px;flex:none;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:15px;font-weight:500;display:inline-flex}.ph-pill .dot{background:var(--text-4);border-radius:4px;width:8px;height:8px}.ph-pill.live .dot{background:var(--success)}.ph-pill.small{gap:6px;height:26px;padding:0 10px;font-size:13px}.ph-pill.small .dot{width:6px;height:6px}.ph-site .ph-scroll{padding:14px 16px 24px}.ph-address{background:var(--raised);padding:0 16px 16px}.ph-address-row{border-bottom:1px solid var(--hairline);min-height:47px;color:var(--text-2);align-items:center;gap:10px;display:flex}.ph-address-row .host{min-width:0;color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;font-weight:500;overflow:hidden}.ph-address-changes{flex-direction:column;gap:8px;padding-top:11px;display:flex}.ph-address-changes .note{color:var(--text-3);font-size:13px;line-height:18px}.ph-address-changes .ph-btn{margin-top:4px}.ph-chips{flex-wrap:wrap;gap:8px;display:flex}.ph-chip{background:var(--button);height:30px;color:var(--text-2);border-radius:8px;align-items:center;padding:0 10px;font-size:14px;display:inline-flex}.ph-stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:13px;display:grid}.ph-stat{border:1px solid var(--hairline);background:var(--panel);border-radius:16px;flex-direction:column;gap:4px;min-height:80px;padding:14px;display:flex}.ph-stat .label{color:var(--text-3);font-size:13px;line-height:18px}.ph-stat .value{letter-spacing:-.01em;align-items:baseline;gap:6px;font-size:24px;font-weight:700;line-height:32px;display:flex}.ph-stat .change{letter-spacing:0;font-size:13px;font-weight:500;line-height:1}.change.good{color:var(--success)}.change.bad{color:var(--danger)}.ph-site .ph-list-card{margin-top:13px}.ph-new{background:var(--brand);color:#fff;border-radius:11px;align-items:center;height:22px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.ph-status-dot{background:var(--text-4);border-radius:4px;flex:none;width:8px;height:8px}.ph-status-dot.live{background:var(--success)}.ph-list-row.static{cursor:default}.ph-analytics .ph-scroll{padding:8px 16px 24px}.ph-stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.ph-stat-grid .ph-stat .value{font-size:22px;line-height:28px}.ph-chart{margin-top:16px;padding:14px}.ph-chart-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ph-chart h2,.ph-top h2{margin:0;font-size:14px;font-weight:600}.ph-chart-pick{color:var(--text-2);font-size:13px}.ph-bars{align-items:flex-end;height:109px;margin-top:22px;display:flex}.ph-bar{background:var(--brand);border:0;border-radius:2px 2px 0 0;flex:1;min-width:2px;padding:0}.ph-bar.on{background:var(--brand-text)}.ph-bar-labels{color:var(--text-3);justify-content:space-between;margin-top:10px;font-size:12px;display:flex}.ph-top{margin-top:19px}.ph-top h2{margin-bottom:10px}.ph-top-row{justify-content:space-between;align-items:center;height:28px;margin-bottom:10px;padding:0 9px 0 8px;font-size:14px;display:flex;position:relative}.ph-top-row .bar{background:var(--brand-soft);border-radius:6px;position:absolute;top:0;bottom:0;left:0}.ph-top-row .label{white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden}.ph-top-row .count{color:var(--text-3);padding-left:12px;position:relative}.ph-forms .ph-scroll{padding:6px 0 24px}.ph-form-tabs{scrollbar-width:none;gap:8px;padding:0 16px;display:flex;overflow-x:auto}.ph-form-tab{border:1px solid var(--divider);height:34px;color:var(--text-2);background:0 0;border-radius:17px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex}.ph-form-tab.on{background:var(--button-hover);color:var(--text-1);border-color:#0000}.ph-form-tab .count{color:var(--text-3);font-size:12px;font-weight:400}.ph-messages{flex-direction:column;margin-top:10px;display:flex}.ph-message{text-align:left;background:0 0;border:0;grid-template-columns:25px 1fr;width:100%;padding:12px 21px 12px 16px;display:grid}.ph-dot-slot{padding-top:6px;padding-left:5px;line-height:0}.ph-message-text{min-width:0}.ph-message-head{justify-content:space-between;align-items:baseline;gap:8px;line-height:20px;display:flex}.ph-message-head .name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.ph-message-head .time{color:var(--text-3);flex:none;font-size:12px}.ph-message .body{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.ph-spam{color:var(--text-3);align-items:center;gap:8px;margin:18px 16px;font-size:12px;display:flex}.ph-message-screen .ph-scroll{padding:8px 16px 24px}.ph-message-full{white-space:pre-wrap;-webkit-user-select:text;user-select:text;margin:8px 4px 20px;font-size:17px;line-height:24px}.ph-fields{margin-bottom:16px}.ph-field-row{border-bottom:1px solid var(--hairline);gap:12px;padding:13px 14px;font-size:14px;display:flex}.ph-field-row:last-child{border-bottom:0}.ph-field-row .k{width:90px;color:var(--text-3);flex:none}.ph-field-row .v{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;flex:1;min-width:0}.ph-cms h2{color:var(--text-3);margin:18px 4px 8px;font-size:14px;font-weight:600}.ph-cms h2 .count{font-weight:400}.ph-signin-body{padding:calc(var(--st) + 60px) 24px 0;flex-direction:column;flex:1;align-items:center;display:flex}.ph-signin .ph-nav+.ph-signin-body{padding-top:16px}.ph-signin-body .penly-logo{border-radius:20.5%}.ph-signin-body h1{letter-spacing:-.01em;margin:25px 0 0;font-size:26px;font-weight:700;line-height:32px}.ph-signin-body p{color:var(--text-2);text-align:center;margin:10px 0 28px;font-size:14px;line-height:20px}.ph-signin-btn{border:1px solid var(--hairline);background:var(--button);border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;margin-bottom:10px;font-size:16px;font-weight:500;display:inline-flex}.ph-or{width:100%;color:var(--text-3);align-items:center;gap:12px;margin:12px 0 22px;font-size:13px;display:flex}.ph-or i{background:var(--divider);flex:1;height:1px}.ph-signin-email{flex-direction:column;gap:10px;width:100%;display:flex}.ph-signin-field{border:1px solid var(--hairline);background:var(--field);height:52px;color:var(--text-3);border-radius:14px;align-items:center;gap:10px;padding:0 16px;display:flex}.ph-signin-field input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:16px}.ph-signin-note,.ph-signin-sent{color:var(--text-2);text-align:center;align-items:center;gap:8px;margin-top:16px;font-size:14px;display:flex}.ph-signin-code{border:1px solid var(--ui-line-mid);border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:100%;margin:16px 0;padding:16px;display:flex}.ph-signin-code .label,.ph-signin-code .hint{color:var(--text-3);text-align:center;font-size:13px}.ph-signin-code .value{color:var(--text-1);font-variant-numeric:tabular-nums;letter-spacing:.3em;padding-left:.3em;font-size:30px;font-weight:600}.ph-legal{padding:0 24px max(calc(var(--sb) - 10px), 14px);color:var(--text-3);text-align:center;flex:none;font-size:12px}.ph-account .ph-scroll{padding:16px 16px 24px}.ph-me{align-items:center;gap:14px;margin-bottom:16px;padding:16px;display:flex}.ph-me-text{flex-direction:column;gap:2px;min-width:0;display:flex}.ph-me-text .name{font-size:17px;font-weight:600}.ph-me-text .sub{color:var(--text-3);font-size:13px}.ph-account .ph-section-head{margin:24px 4px 8px}.ph-about{color:var(--text-4);justify-content:center;align-items:center;gap:6px;margin-top:32px;font-size:13px;display:flex}.ph-agent-tab .ph-scroll{padding-top:6px}.ph-sheet-scrim{z-index:60;padding:0 8px calc(var(--sb) + 8px);background:var(--scrim);animation:fade-in var(--dur-3) var(--ease-out);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ph-sheet{width:100%;max-width:420px;max-height:80%;animation:ph-sheet-in var(--dur-4) var(--ease-out);flex-direction:column;gap:8px;display:flex}@keyframes ph-sheet-in{0%{opacity:0;transform:translateY(24px)}}.ph-sheet-title{background:var(--raised);color:var(--text-3);text-align:center;border-radius:14px 14px 0 0;margin-bottom:-8px;padding:12px 16px 6px;font-size:13px}.ph-sheet-list{background:var(--raised);border-radius:14px;overflow-y:auto}.ph-sheet-title+.ph-sheet-list{border-radius:0 0 14px 14px}.ph-sheet-item{border:0;border-top:1px solid var(--hairline);text-align:left;background:0 0;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 16px;font-size:16px;display:flex}.ph-sheet-item:first-child{border-top:0}.ph-sheet-item.danger{color:var(--danger)}.ph-sheet-item .icon{color:var(--text-2);flex:none;display:inline-flex}.ph-sheet-item .label{flex-direction:column;flex:1;min-width:0;display:flex}.ph-sheet-item .hint{color:var(--text-3);font-size:13px}.ph-sheet-item .check{color:var(--brand-text)}.ph-sheet-cancel{background:var(--raised);border:0;border-radius:14px;min-height:52px;font-size:16px;font-weight:600}.ph-toasts{left:16px;right:16px;bottom:calc(var(--sb) + 80px);z-index:70;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed}.ph-toast{border:1px solid var(--hairline);background:var(--raised);max-width:100%;box-shadow:var(--shadow-bar);animation:toast-in var(--dur-4) var(--ease-out);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;line-height:20px;display:flex}.ph-toast>svg{color:var(--text-3);flex:none;margin-top:1px}.ph-toast.success>svg{color:var(--success)}.ph-toast.error>svg{color:var(--danger)}.ph-toast.leaving{animation:toast-out var(--dur-3) var(--ease-standard) forwards}@media (prefers-reduced-motion:reduce){.ph-sheet,.ph-sheet-scrim,.ph-toast{animation:none}}:root{--ag-bar-shadow:0 8px 24px #0006;--ag-float-shadow:0 8px 24px #00000080;--ag-send:#ffffff12;--ag-mention-text:#f6e8fb;--ag-grey:#8a8a8a;--ag-dim:.15}:root[data-theme=light]{--ag-bar-shadow:0 8px 24px #0000001f;--ag-float-shadow:0 8px 24px #00000029;--ag-send:#0000000f;--ag-mention-text:#8e2bb0;--ag-grey:#a1a1a6;--ag-dim:.12}.agent-spinner{--sp:12px;grid-template-columns:repeat(3, calc(var(--sp) / 4));grid-auto-rows:calc(var(--sp) / 4);gap:calc(var(--sp) / 8);width:var(--sp);height:var(--sp);flex:none;display:inline-grid}.agent-spinner i{border-radius:calc(var(--sp) / 15);background:var(--brand);opacity:var(--ag-dim)}.agent-spinner i:not(.c){animation-duration:.72s;animation-timing-function:step-end;animation-iteration-count:infinite}.agent-spinner i.r0{animation-name:ag-dot-0}.agent-spinner i.r1{animation-name:ag-dot-1}.agent-spinner i.r2{animation-name:ag-dot-2}.agent-spinner i.r3{animation-name:ag-dot-3}.agent-spinner i.r4{animation-name:ag-dot-4}.agent-spinner i.r5{animation-name:ag-dot-5}.agent-spinner i.r6{animation-name:ag-dot-6}.agent-spinner i.r7{animation-name:ag-dot-7}:root[data-theme=light] .agent-spinner i.r0{animation-name:ag-dot-l0}:root[data-theme=light] .agent-spinner i.r1{animation-name:ag-dot-l1}:root[data-theme=light] .agent-spinner i.r2{animation-name:ag-dot-l2}:root[data-theme=light] .agent-spinner i.r3{animation-name:ag-dot-l3}:root[data-theme=light] .agent-spinner i.r4{animation-name:ag-dot-l4}:root[data-theme=light] .agent-spinner i.r5{animation-name:ag-dot-l5}:root[data-theme=light] .agent-spinner i.r6{animation-name:ag-dot-l6}:root[data-theme=light] .agent-spinner i.r7{animation-name:ag-dot-l7}@keyframes ag-dot-0{0%{opacity:1}12.5%{opacity:.65}25%{opacity:.35}37.5%,to{opacity:.15}}@keyframes ag-dot-1{0%{opacity:.15}12.5%{opacity:1}25%{opacity:.65}37.5%{opacity:.35}50%,to{opacity:.15}}@keyframes ag-dot-2{0%{opacity:.15}25%{opacity:1}37.5%{opacity:.65}50%{opacity:.35}62.5%,to{opacity:.15}}@keyframes ag-dot-3{0%{opacity:.15}37.5%{opacity:1}50%{opacity:.65}62.5%{opacity:.35}75%,to{opacity:.15}}@keyframes ag-dot-4{0%{opacity:.15}50%{opacity:1}62.5%{opacity:.65}75%{opacity:.35}87.5%,to{opacity:.15}}@keyframes ag-dot-5{0%{opacity:.15}62.5%{opacity:1}75%{opacity:.65}87.5%,to{opacity:.35}}@keyframes ag-dot-6{0%{opacity:.35}12.5%{opacity:.15}75%{opacity:1}87.5%,to{opacity:.65}}@keyframes ag-dot-7{0%{opacity:.65}12.5%{opacity:.35}25%{opacity:.15}87.5%,to{opacity:1}}@keyframes ag-dot-l0{0%{opacity:1}12.5%{opacity:.65}25%{opacity:.35}37.5%,to{opacity:.12}}@keyframes ag-dot-l1{0%{opacity:.12}12.5%{opacity:1}25%{opacity:.65}37.5%{opacity:.35}50%,to{opacity:.12}}@keyframes ag-dot-l2{0%{opacity:.12}25%{opacity:1}37.5%{opacity:.65}50%{opacity:.35}62.5%,to{opacity:.12}}@keyframes ag-dot-l3{0%{opacity:.12}37.5%{opacity:1}50%{opacity:.65}62.5%{opacity:.35}75%,to{opacity:.12}}@keyframes ag-dot-l4{0%{opacity:.12}50%{opacity:1}62.5%{opacity:.65}75%{opacity:.35}87.5%,to{opacity:.12}}@keyframes ag-dot-l5{0%{opacity:.12}62.5%{opacity:1}75%{opacity:.65}87.5%,to{opacity:.35}}@keyframes ag-dot-l6{0%{opacity:.35}12.5%{opacity:.12}75%{opacity:1}87.5%,to{opacity:.65}}@keyframes ag-dot-l7{0%{opacity:.65}12.5%{opacity:.35}25%{opacity:.12}87.5%,to{opacity:1}}.agent-spinner.still i:not(.c){animation:none}.agent-spinner.still .r1{opacity:1}.agent-spinner.still .r0{opacity:.65}.agent-spinner.still .r7{opacity:.35}@media (prefers-reduced-motion:reduce){.agent-spinner i:not(.c){animation:none}.agent-spinner .r1{opacity:1}.agent-spinner .r0{opacity:.65}.agent-spinner .r7{opacity:.35}}.agent-layer{z-index:4;pointer-events:none;font-family:var(--font-sans);position:absolute;inset:0;overflow:hidden}.ag-world{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.ag-world>*{box-sizing:border-box;position:absolute;top:0;left:0}.ag-ring{--d:256px;border:2px solid #af47d14d;border-radius:2px}.ag-ring:before{content:"";border-radius:inherit;pointer-events:none;animation:3.2s ease-in-out infinite alternate ag-breathe;position:absolute;inset:-2px;box-shadow:0 0 28px #af47d152}.ag-comet{border-radius:inherit;-webkit-mask-composite:xor;padding:2px;position:absolute;inset:-2px;overflow:hidden;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.ag-spin{width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);background:conic-gradient(transparent 0 60%, #af47d1 84%, #f0d4f8 92%, transparent 98%);will-change:transform;animation:4s linear infinite ag-spin;position:absolute;top:50%;left:50%}@keyframes ag-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ag-ring.paused .ag-spin,.ag-ring.off .ag-spin,.agent-layer.doc-hidden .ag-spin{animation-play-state:paused}.agent-layer.reduced .ag-spin{animation:none}.ag-ring.off .ag-comet{visibility:hidden}.ag-ring.big .ag-comet{display:none}@media (prefers-reduced-motion:reduce){.ag-spin{animation:none}}.ag-ring:after{content:"";border-radius:inherit;background:#af47d11a;animation:3.2s ease-in-out infinite alternate ag-breathe;position:absolute;inset:0}@keyframes ag-breathe{0%{opacity:.3}to{opacity:1}}.ag-trail{offset-path:inset(0 round 2px);offset-rotate:auto;offset-anchor:100% 50%;background:linear-gradient(90deg,#0000,#af47d1 70%,#f0d4f8);border-radius:2px;width:140px;height:4px;margin:-1px 0 0;animation:5s linear infinite ag-trail;display:none;position:absolute;top:0;left:0;box-shadow:0 0 10px #af47d1b3}.ag-ring.big .ag-trail{display:block}@keyframes ag-trail{0%{offset-distance:0%}to{offset-distance:100%}}.ag-ring.paused:after,.ag-ring.paused:before,.ag-ring.paused .ag-trail,.ag-ring.off:after,.ag-ring.off:before,.ag-ring.off .ag-trail,.agent-layer.doc-hidden .ag-ring:after,.agent-layer.doc-hidden .ag-ring:before,.agent-layer.doc-hidden .ag-trail{animation-play-state:paused}.agent-layer.reduced .ag-ring:after,.agent-layer.reduced .ag-ring:before{opacity:.6;animation:none}@media (prefers-reduced-motion:reduce){.ag-ring:after,.ag-ring:before{opacity:.6;animation:none}}.agent-layer.reduced .ag-trail{display:none}.ag-veil{overflow:hidden}.ag-busy{justify-content:center;align-items:center;display:flex}.ag-busy-chip{z-index:1;background:var(--dialog);max-width:calc(100% - 8px);box-shadow:var(--shadow-dialog);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.ag-veil:before{content:"";background:var(--agent-veil);animation:3.2s ease-in-out infinite alternate ag-veil;position:absolute;inset:0}@keyframes ag-veil{0%{opacity:.6}to{opacity:1}}.agent-layer.doc-hidden .ag-veil:before{animation-play-state:paused}.agent-layer.reduced .ag-veil:before{animation:none}@media (prefers-reduced-motion:reduce){.ag-veil:before{animation:none}}.ag-block{background:#af47d114;border:1px solid #af47d126;border-radius:8px;overflow:hidden}.ag-veil:after,.ag-block:after{content:"";background:linear-gradient(100deg,#0000,#af47d12e 45%,#f0d4f81f 55%,#0000);width:45%;animation:4.4s ease-in-out infinite ag-sweep;position:absolute;top:0;bottom:0;left:0;transform:translate(-110%)}@keyframes ag-sweep{to{transform:translate(330%)}}.agent-layer.doc-hidden .ag-veil:after,.agent-layer.doc-hidden .ag-block:after{animation-play-state:paused}.agent-layer.reduced .ag-veil:after,.agent-layer.reduced .ag-block:after{display:none}.ag-float,.ag-bob{will-change:transform;display:block}.ag-cursor .ag-float{animation:ag-sway-x 3.05s cubic-bezier(.37, 0, .63, 1) var(--ph,0s) infinite alternate both}.ag-cursor .ag-bob{animation:ag-sway-y 2.15s cubic-bezier(.37, 0, .63, 1) calc(var(--ph,0s) * 1.37) infinite alternate both}@keyframes ag-sway-x{0%{transform:translateX(calc(var(--ax,0px) * -1))}to{transform:translateX(var(--ax,0px))}}@keyframes ag-sway-y{0%{transform:translateY(calc(var(--ay,0px) * -1))}to{transform:translateY(var(--ay,0px))}}.agent-layer.reduced .ag-float,.agent-layer.reduced .ag-bob,.agent-layer.doc-hidden .ag-float,.agent-layer.doc-hidden .ag-bob{animation-play-state:paused}.agent-layer.reduced .ag-float,.agent-layer.reduced .ag-bob{animation:none}@media (prefers-reduced-motion:reduce){.ag-float,.ag-bob{animation:none}}.ag-cursor{animation:.45s ease-out backwards ag-fade-in}.ag-frame-name{animation:.6s ease-out .2s backwards ag-fade-in}@keyframes ag-fade-in{0%{opacity:0}to{opacity:1}}.agent-layer .leaving{animation:.9s ease-in-out both ag-fade-out}.agent-layer .leaving,.agent-layer .leaving *{pointer-events:none!important}@keyframes ag-fade-out{0%{opacity:1}to{opacity:0}}.ag-outline{border:1.5px solid var(--brand);animation:ag-fade .16s var(--ease-out)}.ag-target-label{white-space:nowrap;height:16px;color:var(--brand-text);animation:ag-fade .16s var(--ease-out);align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}.ag-target-label .ico{display:inline-flex}.ag-target-label .state{font-weight:400}@keyframes ag-fade{0%{opacity:0}}.ag-frame-name,.ag-take-label{white-space:nowrap;background:var(--canvas);align-items:flex-start;gap:6px;width:max-content;font-size:11px;font-weight:500;display:flex;overflow:hidden}.ag-frame-name{height:18px}.ag-frame-name span{color:var(--brand-text);text-overflow:ellipsis;margin-top:4px;line-height:11px;overflow:hidden}.ag-frame-name.tiny span,.ag-take-label.tiny .model,.ag-take-label.tiny .state,.ag-take-label.tiny .logo{display:none}.ag-take-label{pointer-events:auto;cursor:default;box-sizing:border-box;align-items:center;height:24px;padding-bottom:6px}.ag-take-label .letter{background:var(--pressed);width:18px;height:18px;color:var(--text-1);border-radius:5px;flex:none;place-items:center;font-size:10.5px;font-weight:600;display:grid}.ag-take-label.picked .letter{background:var(--brand);color:#fff}.ag-take-label .logo{color:var(--text-1);opacity:.85;display:inline-flex}.ag-take-label .model{color:var(--text-soft)}.ag-take-label .state{color:var(--brand-text);margin-left:-2px;font-weight:400}.ag-take-outline{border:2px solid var(--brand);border-radius:4px}.ag-cursor{width:24px;height:24px;color:var(--brand);will-change:transform}.ag-cursor.waiting{color:var(--ag-grey)}.ag-arrow{width:24px;height:24px;display:block}.ag-arrow svg{display:block}.ag-tag{white-space:nowrap;pointer-events:auto;cursor:pointer;background:currentColor;border-radius:6px;align-items:center;gap:5px;height:22px;padding:0 7px 0 5px;display:flex;position:absolute;top:21px;left:17px}.ag-tag>*{color:#fff}.ag-tag .brand-icon,.ag-tag svg{flex:none}.ag-tag .who,.ag-tag .task{font-size:11px;font-weight:500;line-height:22px}.ag-tag .task{text-overflow:ellipsis;max-width:260px;display:none;overflow:hidden}.ag-tag:hover .task{display:inline}.ag-mention{background:var(--brand);color:#fff;border-radius:9px;place-items:center;width:18px;height:18px;display:grid}.ag-sel-actions{border:1px solid var(--divider);background:var(--raised);height:30px;box-shadow:var(--shadow-bar);pointer-events:auto;white-space:nowrap;border-radius:8px;align-items:center;gap:2px;padding:0 4px;display:flex}.ag-sel-mention{background:var(--brand-soft);height:24px;color:var(--brand-text);font:500 12px var(--font-sans);cursor:pointer;border:0;border-radius:5px;align-items:center;gap:6px;padding:0 8px 0 6px;display:flex}.ag-sel-mention .label{color:var(--ag-mention-text)}.ag-sel-mention .ag-kbd{font-size:11px;font-weight:400}.ag-sel-mention:hover{background:var(--selected-row)}.ag-sel-divider{background:var(--divider);width:1px;height:14px;margin:0 3px}.ag-sel-btn{width:24px;height:24px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.ag-sel-btn:hover{background:var(--hover);color:var(--text-1)}.ag-top{zoom:var(--ui-scale,1);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.ag-pill,.ag-review,.ag-variations-bar{border:1px solid var(--divider);background:var(--raised);height:34px;box-shadow:var(--shadow-bar);white-space:nowrap;pointer-events:auto;color:var(--text-1);border-radius:8px;align-items:center;gap:10px;padding:0 5px 0 12px;font-size:12px;display:flex}.ag-review{animation:ag-fade .16s var(--ease-out)}.ag-pill-label,.ag-review-label{text-overflow:ellipsis;max-width:360px;font-weight:500;overflow:hidden}.ag-pill-time{color:var(--text-3);font-variant-numeric:tabular-nums;margin-left:-4px;font-size:11px}.ag-review-icon{color:var(--brand-text);flex:none}.ag-btn{background:var(--button);height:24px;color:var(--text-1);font:500 11px var(--font-sans);cursor:pointer;border:0;border-radius:5px;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.ag-btn:hover{background:var(--button-hover)}.ag-btn .ag-kbd{color:var(--text-4);font-weight:400}.ag-btn.primary{background:var(--brand);color:#fff;font-weight:600}.ag-btn.primary:hover{background:var(--brand-hover)}.ag-btn.ghost{color:var(--text-2);background:0 0}.ag-btn.ghost:hover{background:var(--hover);color:var(--text-1)}.ag-btn:disabled{opacity:.5;cursor:default}.ag-variations-bar{height:36px;box-shadow:var(--ag-float-shadow);border-radius:9px;gap:8px}.ag-variations-bar .ico{color:var(--text-2);flex:none}.ag-variations-bar .label{font-weight:500}.ag-variations-bar .hint{color:var(--text-3);font-size:11px}.ag-variations-bar .ag-btn{border-radius:6px;height:26px;padding:0 10px}.ag-prompt-wrap{zoom:var(--ui-scale,1);pointer-events:none;flex-direction:column;align-items:stretch;gap:6px;width:420px;max-width:calc(100% - 32px);display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);container-type:inline-size}.ag-prompt-status{border:1px solid var(--divider);background:var(--surface-2);min-width:0;height:30px;box-shadow:var(--ag-bar-shadow);color:var(--text-2);pointer-events:auto;border-radius:8px;align-items:center;gap:8px;padding:0 6px 0 10px;font-size:12px;display:flex}.ag-prompt-status>svg{color:var(--text-3);flex:none}.ag-prompt-status .text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ag-prompt-status .queued{color:var(--text-3);flex:none;font-size:11px}.ag-prompt-status .link{flex:none;font-size:11px}.ag-prompt-status .stop{width:22px;height:22px;color:var(--text-2);flex:none}.ag-prompt-status.error,.ag-prompt-status.error>svg{color:var(--danger)}.ag-prompt{box-sizing:border-box;border:1px solid var(--divider);background:var(--surface-2);width:100%;min-width:0;height:40px;box-shadow:var(--ag-bar-shadow);pointer-events:auto;border-radius:10px;align-items:center;gap:8px;padding:0 6px;display:flex;position:relative}.ag-prompt:focus-within{border-color:var(--line-strong)}.ag-prompt-chip{background:var(--field);min-width:0;max-width:150px;height:28px;color:var(--kind-text);border-radius:6px;flex:0 auto;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:400;display:flex}.ag-prompt-chip .ico{color:var(--kind-shape);display:inline-flex}.ag-prompt-chip.kind-frame .ico{color:var(--kind-frame)}.ag-prompt-chip.kind-component .ico{color:var(--kind-component)}.ag-prompt-chip.kind-text .ico{color:var(--kind-text)}.ag-prompt-chip.kind-image .ico{color:var(--kind-image)}.ag-prompt-chip.kind-icon .ico{color:var(--kind-icon)}.ag-prompt-chip.kind-note .ico{color:var(--kind-note)}.ag-prompt-chip .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ag-prompt-input{min-width:0;height:28px;color:var(--text-1);font:400 12px var(--font-sans);background:0 0;border:0;outline:none;flex:1;padding:0 2px}.ag-prompt-input::placeholder{color:var(--text-3)}.ag-prompt-model{height:26px;color:var(--text-3);font:inherit;white-space:nowrap;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:6px;flex:0 auto;align-items:center;gap:6px;min-width:0;max-width:150px;padding:0 6px 0 8px;font-size:11px;display:flex}.ag-prompt-model .label{text-overflow:ellipsis;min-width:0;overflow:hidden}.ag-prompt-model:hover,.ag-prompt-model.open{background:var(--hover);color:var(--text-1)}.ag-prompt-model .chev{color:var(--text-4)}.ag-prompt-model .logo{color:var(--text-1);opacity:.7;display:inline-flex}.ag-prompt-send{background:var(--ag-send);width:28px;height:28px;color:var(--text-1);cursor:pointer;border:0;border-radius:6px;flex:none;place-items:center;display:grid}.ag-prompt-send:disabled{cursor:default}.ag-prompt-send.ready{background:var(--brand);color:#fff}.ag-prompt-send.ready:hover{background:var(--brand-hover)}.ag-prompt-input{min-width:60px}@container (width<=360px){.ag-prompt-chip .name,.ag-prompt-model .label,.ag-prompt-model .chev,.ag-prompt-status .queued{display:none}.ag-prompt-model{padding:0 6px}}@container (width<=220px){.ag-prompt-chip,.ag-prompt-status .link{display:none}}.ag-top{max-width:calc(100% - 24px)}.ag-pill,.ag-review,.ag-variations-bar{box-sizing:border-box;min-width:0;max-width:100%}.ag-pill-label,.ag-review-label{flex:0 auto;min-width:0}:root{--code-bg:#19191b;--code-ident:var(--text-strong);--code-string:#7fd1a7;--code-component-soft:#b383ff24;--code-keyword:var(--kind-component);--code-number:var(--warning);--code-function:var(--brand-text);--code-punct:var(--text-3);--code-comment:var(--text-4);--code-active-line:#af47d114;--code-selection:#af47d138}:root[data-theme=light]{--code-bg:#fff;--code-string:#1a7f37;--code-component-soft:#7c2ef01a;--code-selection:#af47d12e}.code-icon-override{color:var(--warning);flex:none}.code-icon-component{color:var(--kind-component);flex:none}.code-assets{flex-direction:column;gap:8px;display:flex}.code-group{height:24px;color:var(--text-1);font:500 12px var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:6px 0 0;display:flex}.code-chev{color:var(--text-4);flex:none}.code-chev.closed{transform:rotate(-90deg)}.code-group-count{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:11px;font-weight:400}.code-list{flex-direction:column;display:flex}.code-row{height:30px;color:var(--text-soft);cursor:pointer;border-radius:5px;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex;position:relative}.code-row:hover{background:var(--hover)}.code-row.active{background:var(--active);color:var(--text-1)}.code-kind{border-radius:5px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.code-kind.component{background:var(--code-component-soft);color:var(--kind-component)}.code-kind.override{background:var(--warning-soft);color:var(--warning)}.code-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.code-row-meta{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:11px}.code-row-meta.error{color:var(--danger)}.code-row-edit{width:22px;height:22px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;margin-right:-4px;display:none}.code-row:hover .code-row-edit{display:inline-flex}.code-row:hover .code-row-meta{display:none}.code-row-edit:hover{background:var(--button-hover);color:var(--text-1)}.code-list-empty{color:var(--text-4);padding:4px 8px 2px 36px;font-size:11px}.code-new{border:1px solid var(--divider);height:30px;color:var(--text-soft);font:400 12px var(--font-sans);cursor:pointer;text-align:left;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:0 8px;display:flex}.code-new svg{color:var(--text-2);flex:none}.code-new:hover:not(.naming){background:var(--hover)}.code-new.naming{border-color:var(--selection);cursor:text}.code-new-input{min-width:0;height:100%;color:var(--text-1);font:inherit;background:0 0;border:0;outline:none;flex:1}.code-new-input::placeholder{color:var(--text-4)}.code-section{flex-direction:column;gap:8px;display:flex}.code-field{align-items:center;gap:8px;min-width:0;display:flex}.code-label{width:62px;color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:11px;font-weight:400;overflow:hidden}.code-control{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.code-control>*{flex:1;min-width:0}.code-control>.icon-btn{flex:none}.code-control .input,.code-control .select{height:var(--field-h);border-radius:var(--radius-field);padding:0 8px;font-size:12px}.code-control .textarea{border-radius:var(--radius-field);padding:6px 8px;font-size:12px}.code-picker{min-width:0;height:var(--field-h);border-radius:var(--radius-field);background:var(--field);color:var(--text-1);font:400 12px var(--font-sans);cursor:pointer;text-align:left;border:1px solid #0000;flex:1;align-items:center;gap:6px;padding:0 8px;display:flex}.code-picker:hover,.code-picker.open{border-color:var(--divider)}.code-picker>svg:first-child{flex:none}.code-picker-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.code-picker-value.none{color:var(--text-3)}.code-picker-error{color:var(--danger);font-size:11px}.code-chevron{color:var(--text-3);flex:none}.code-layers{pointer-events:none;position:absolute;inset:0;overflow:hidden}.code-sandbox{color-scheme:normal;background:0 0;border:0;display:block}.code-live{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.code-layers.paused .code-live{visibility:hidden!important}.code-layers.moving .code-live{will-change:transform}.code-inspector{visibility:hidden;pointer-events:none;border:0;width:1px;height:1px;position:fixed;top:-10px;left:-10px}.code-editor{z-index:30;border-radius:var(--radius-menu);background:var(--code-bg);border:1px solid var(--divider);width:396px;max-width:calc(100% - 48px);box-shadow:var(--shadow-menu);color:var(--text-1);animation:code-editor-in var(--dur-3) var(--ease-out);flex-direction:column;display:flex;position:absolute;top:24px;right:24px}@keyframes code-editor-in{0%{opacity:0;transform:translateY(-4px)}}@media (min-height:720px){.code-editor{top:150px}}.code-editor.expanded{width:min(720px,100% - 48px);top:24px}.ce-head{border-bottom:1px solid var(--hairline);cursor:grab;-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:2px;height:38px;padding:0 6px;display:flex}.ce-head:active{cursor:grabbing}.ce-tabs{align-items:center;gap:2px;min-width:0;display:flex;overflow:hidden}.ce-tab{height:26px;color:var(--text-3);font:400 11.5px var(--font-mono);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;flex:none;align-items:center;gap:6px;padding:0 8px;display:inline-flex;position:relative}.ce-tab:hover{background:var(--hover)}.ce-tab.active{background:var(--active);color:var(--text-1);font-weight:500}.ce-tab-dot{background:var(--text-3);border-radius:50%;width:6px;height:6px}.ce-tab-close{width:16px;height:16px;color:var(--text-3);border-radius:4px;justify-content:center;align-items:center;margin-right:-4px;display:none}.ce-tab:hover .ce-tab-close{display:inline-flex}.ce-tab:hover .ce-tab-dot{display:none}.ce-tab-close:hover{background:var(--button-hover);color:var(--text-1)}.ce-spacer{flex:1}.ce-icon.icon-btn{width:26px;height:26px;color:var(--text-3)}.ce-code{cursor:text;height:240px;min-height:0;overflow:hidden}.code-editor.expanded .ce-code{height:min(620px,100vh - 220px)}@media (min-height:900px){.ce-code{height:260px}}.ce-foot{border-top:1px solid var(--hairline);flex:none;align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.ce-dot{background:var(--success);border-radius:50%;flex:none;width:6px;height:6px}.ce-dot.dirty{background:var(--warning)}.ce-dot.error{background:var(--danger)}.ce-status{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-3);flex:1;font-size:11px;overflow:hidden}.ce-status.error{color:var(--danger);cursor:pointer}.ce-ask{height:24px;color:var(--brand-text);font:400 11px var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;align-items:center;gap:5px;margin-right:-4px;padding:0 4px;display:inline-flex}.ce-ask:hover{background:var(--brand-soft)}.code-preview{z-index:40;background:var(--canvas);animation:code-editor-in var(--dur-3) var(--ease-out);flex-direction:column;display:flex;position:absolute;inset:0}.cp-bar{border-bottom:1px solid var(--hairline);height:40px;color:var(--text-1);flex:none;align-items:center;gap:8px;padding:0 8px 0 16px;font-size:12px;display:flex}.cp-icon{color:var(--brand-text)}.cp-title{font-weight:500}.cp-hint{color:var(--text-3);font-size:11px}.cp-spacer{flex:1}.cp-bar .icon-btn{width:26px;height:26px}.cp-scroll{flex:1;min-height:0;padding:32px 48px 64px;overflow:auto}.cp-page{box-shadow:var(--shadow-bar);border-radius:6px;margin:0 auto;position:relative}.cp-page canvas{border-radius:inherit;display:block}.code-play{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.code-play.interactive{pointer-events:auto}.code-play-hit{transform-origin:0 0;position:absolute;top:0;left:0}.touch{--touch-row:40px;--touch-target:40px;--touch-field:40px;--touch-card-radius:14px;--touch-gap:12px;--touch-bar-h:60px;--touch-bar-gap:12px}.app.touch{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}html.touch,html.touch body,.app.touch{touch-action:pan-x pan-y;overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.touch .site-view{min-width:0;overflow:hidden}.touch .touch-topbar,.touch .touch-toolbar,.touch .touch-tabs{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch button{-webkit-tap-highlight-color:transparent}.touch .canvas-wrap,.touch .touch-card .layer,.touch .file-card,.touch .home-nav,.touch .sb-item{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch .canvas-wrap textarea,.touch .canvas-wrap input,.touch .touch-card .layer input{-webkit-user-select:text;user-select:text}.touch .touch-topbar{height:calc(52px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 12px 0 12px;gap:12px}.touch .touch-topbar.home{height:calc(56px + env(safe-area-inset-top,0px));padding-left:12px}.touch-topbar .tb-left{gap:2px}.touch-topbar .tb-right{gap:8px}.touch-topbar .tb-divider{display:none}.touch-logo{height:40px;color:var(--text-1);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 8px 0 4px;display:inline-flex}.touch-logo .app-name{margin-left:4px;font-size:15px;font-weight:600}.touch-logo .chev,.touch-file .chev{color:var(--text-3)}.touch-logo.open,.touch-logo:active,.touch-file.open,.touch-file:active{background:var(--hover)}.touch-icon{width:40px;height:40px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.touch-icon:active:not(:disabled){background:var(--active);color:var(--text-1)}.touch-icon:disabled{color:var(--text-4);opacity:.6;cursor:default}.touch-file{min-width:0;height:40px;color:var(--text-1);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;margin-left:8px;padding:0 8px;font-size:15px;font-weight:500;display:inline-flex}.touch-file .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.touch-file .dot{background:var(--brand);border-radius:50%;flex:none;width:6px;height:6px}.touch .touch-switch{border-radius:10px;gap:2px;height:40px;padding:3px}.touch .touch-switch button{border-radius:7px;width:44px;height:34px}.touch-topbar .presence .avatar{width:28px;height:28px;font-size:12px}.touch-topbar .presence .avatar+.avatar{margin-left:-8px}.touch-topbar .server-offline{height:32px}.touch-toggles{background:var(--field);border-radius:10px;flex:none;gap:2px;height:40px;padding:3px;display:inline-flex}.touch-toggles button{width:38px;height:34px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid;position:relative}.touch-toggles button.on{background:var(--button-hover);color:var(--text-1)}.touch-toggles button:last-child.on{color:var(--brand-text)}.touch-toggles button:last-child:not(.on){color:var(--text-3)}.touch-toggles .tab-dot{background:var(--brand);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:7px}.touch .touch-share,.touch .touch-publish,.touch .touch-new{border-radius:8px;height:36px;padding:0 14px;font-size:14px;font-weight:500}.touch .touch-new{height:40px;padding:0 14px 0 12px;font-size:15px}.touch .touch-search{width:min(420px, calc(38 * var(--vw)));border-radius:10px;gap:10px;height:40px;padding:0 14px;font-size:15px}.touch .touch-topbar .account-btn{border-radius:50%;width:40px;height:40px}.touch .touch-topbar .account-btn .avatar-dot{width:32px;height:32px;font-size:14px}.touch .touch-workspace{min-height:0;display:block;position:relative;overflow:hidden}.touch .touch-workspace>.canvas-wrap,.touch .touch-workspace>.empty{position:absolute;inset:0}.touch .touch-card{top:var(--touch-gap);bottom:calc(var(--touch-bar-h) + var(--touch-bar-gap) * 2);z-index:20;border:1px solid var(--hairline);border-radius:var(--touch-card-radius);background:var(--panel);box-shadow:var(--shadow-bar);flex-direction:column;display:flex;position:absolute;overflow:hidden}.touch .touch-card.left{left:var(--touch-gap);border-right:1px solid var(--hairline);width:272px}.touch .touch-card.right{right:var(--touch-gap);border-left:1px solid var(--hairline);width:296px}.touch .touch-card.right.agent{width:344px}.touch .touch-card.right.agent.expanded{width:440px}.touch .touch-workspace .vt-window{top:var(--touch-gap);bottom:calc(var(--touch-bar-h) + var(--touch-bar-gap) * 2);z-index:25}.touch-tabs{background:var(--field);border-radius:10px;flex:none;gap:2px;height:36px;margin:10px 10px 4px;padding:3px;display:flex}.touch-tabs button{min-width:0;height:30px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:0 6px;font-size:14px;font-weight:500}.touch-tabs button.active{background:var(--button-hover);color:var(--text-1)}[data-theme=light] .touch-tabs button.active,[data-theme=light] .touch-toggles button.on,[data-theme=light] .touch .touch-switch button.active{background:var(--panel);box-shadow:var(--elev-1)}.touch-toolbar{left:50%;bottom:var(--touch-bar-gap);z-index:30;height:var(--touch-bar-h);border:1px solid var(--hairline);background:var(--raised);box-shadow:var(--shadow-bar);border-radius:16px;align-items:center;gap:4px;padding:0 8px;display:flex;position:absolute;transform:translate(-50%)}.touch-tool{width:44px;height:44px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid;position:relative}.touch-tool:active:not(.active),.touch-tool.open:not(.active){background:var(--active)}.touch-tool.active{background:var(--brand);color:var(--text-on-brand)}.touch-toolbar-sep{background:var(--divider);flex:none;width:1px;height:28px;margin:0 2px}.touch-ask{background:var(--button);height:44px;color:var(--text-1);white-space:nowrap;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:8px;padding:0 16px 0 12px;font-size:14px;font-weight:500;display:inline-flex}.touch-ask svg{color:var(--brand-text)}.touch-ask:active,.touch-ask.on{background:var(--button-hover)}.app.touch:has(.color-picker) .touch-toolbar{display:none}.touch .ag-prompt{display:none}.touch .touch-card{--field-h:var(--touch-field);--row-h:var(--touch-row);--text-body:14px;--text-label:14px;--text-caption:13px;--text-panel-title:15px;--radius-field:8px;--radius-button:8px;--edge:14px;--inset:6px;font-size:14px}.touch .touch-card .icon-btn{width:36px;height:36px}.touch .touch-card .layers{padding:4px var(--inset) 12px}.touch .touch-card .layer{padding:0 10px 0 calc(10px + var(--depth,0) * 14px);border-radius:8px;gap:6px}.touch .touch-card .layer.drop-before:before,.touch .touch-card .layer.drop-after:after{left:calc(10px + var(--depth,0) * 14px)}.touch .touch-card .layer .twisty{width:14px;height:20px}.touch .touch-card .layer .ico{width:18px;height:18px}.touch .touch-card .layer .row-btn{width:28px;height:28px}.touch .touch-card .layers-group-head{height:44px}.touch .touch-card .props-header{height:52px;padding:0 8px 0 var(--edge);gap:8px}.touch .touch-card .props-header .name-input,.touch .touch-card .props-header.doc .doc-name{height:32px;font-size:15px}.touch .touch-card .props-header .icon-btn.hd{width:36px;height:36px}.touch .touch-card .section{padding:16px var(--edge) 14px;gap:10px}.touch .touch-card .section-head{height:24px}.touch .touch-card .section-title{font-size:13px}.touch .touch-card .num input,.touch .touch-card .field-box input:not([type=checkbox]){font-size:15px}.touch .touch-card .num .lbl{min-width:14px;font-size:14px}.touch .touch-card .segmented button{border-radius:6px;min-width:36px}.touch .menu{--text-label:15px;--text-caption:13px;min-width:220px;padding:6px;font-size:15px}.touch .menu-item{border-radius:8px;gap:10px;min-height:40px;padding:0 12px;font-size:15px}.touch .menu-header{padding:8px 12px 4px;font-size:13px}.touch .menu .menu-icon{width:18px}.touch .menu .menu-icon svg{width:18px;height:18px}.touch .menu .shortcut{font-size:13px}.touch .menu-search{height:40px}.touch .home-screen{--text-label:15px;--text-caption:13px;--text-body:14px;grid-template-columns:248px minmax(0,1fr)}.touch .home-side{gap:2px;padding:12px 10px}.touch .ws-switch{gap:12px;height:48px;padding:0 10px}.touch .ws-tile{border-radius:6px;width:24px;height:24px;font-size:12px}.touch .home-nav{border-radius:8px;gap:12px;height:44px;padding:0 12px}.touch .home-nav>svg{width:20px;height:20px}.touch .home-folders-head{padding:18px 4px 8px 12px}.touch .home-folders-head .icon-btn{width:36px;height:36px}.touch .agent-status{border-radius:10px;padding:12px 14px}.touch .home-inner{gap:28px;padding:28px 28px 40px}.touch .home-start .quick{display:none}.touch .agent-box{border-radius:12px;gap:14px;min-height:134px;padding:16px 18px}.touch .agent-box-title,.touch .agent-box textarea{font-size:15px}.touch .idea{border-radius:18px;height:36px;padding:0 14px;font-size:14px}.touch .agent-box .model{height:36px;font-size:14px}.touch .agent-box .go{border-radius:50%;width:36px;height:36px}.touch .home-heading h2{font-size:16px}.touch .home-controls .sort{height:36px;padding:0 10px;font-size:14px}.touch .home-controls .icon-btn{width:36px;height:36px}.touch .file-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.touch .file-card .thumb{border-radius:10px;height:170px}.touch .file-card .more{width:36px;height:36px}.touch .sample-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.touch .home-dropzone:not(.over){display:none}.touch .scrim{--text-label:15px;--text-caption:13px;--text-body:14px;--text-title:18px;--text-panel-title:18px;--field-h:var(--touch-field)}.touch .window.settings{width:min(760px,100%);height:min(640px,100%)}.touch .set-nav{width:230px;padding:18px 10px}.touch .set-nav-title{padding:0 10px 14px}.touch .set-nav-item{border-radius:8px;gap:12px;height:44px;padding:0 12px}.touch .set-nav-item>svg{width:18px;height:18px}.touch .set-nav-item .label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.touch .scrim .input,.touch .scrim .select,.touch .scrim select{height:40px;font-size:15px}.touch .set-head{padding:22px 18px 16px 24px}.touch .set-row{min-height:60px;padding:12px 0}.touch .seg{border-radius:10px;height:40px;padding:3px}.touch .seg button{border-radius:7px;min-width:56px;padding:0 14px}.touch .switch{--knob:11px;--knob-at:calc(var(--knob) + 3px);width:48px;height:28px;padding:3px}.touch .win-foot .btn.sm,.touch .set-content .win-foot .btn.sm{height:40px;padding:0 18px;font-size:15px}.touch .set-content>.win-foot{height:64px}.touch .window .btn,.touch .dialog .btn{min-height:40px}.touch .window .icon-btn,.touch .dialog .icon-btn{width:40px;height:40px}.touch .color-picker{--field-h:var(--touch-field);--text-body:15px;--text-caption:13px;--radius-field:8px;border-radius:14px;gap:14px;padding:14px;width:300px!important}.touch .cp-head{min-height:40px}.touch .cp-tabs{border-radius:10px;height:40px;padding:3px}.touch .cp-tabs button{border-radius:7px;width:44px;height:34px}.touch .cp-sv{border-radius:10px;height:190px}.touch .cp-thumb{width:22px;height:22px;margin:-11px 0 0 -11px}.touch .cp-eyedropper{width:40px;height:40px}.touch .cp-bars{gap:14px}.touch .cp-bar{border-radius:7px;height:14px}.touch .cp-bar:after{content:"";position:absolute;inset:-8px 0}.touch .cp-bar-thumb{width:20px;height:20px;margin:-10px 0 0 -10px}.touch .cp-alpha-num{flex-basis:64px;width:64px}.touch .cp-vars{margin:0 -14px;padding:12px 14px 0}.touch .cp-vars-head{min-height:32px;font-size:15px}.touch .cp-var-list{max-height:300px}.touch .cp-var,.touch .cp-create{border-radius:8px;gap:12px;height:42px;padding:0 8px}.touch .publish-pop{--text-body:14px;--text-caption:13px;border-radius:14px;gap:14px;width:336px;padding:16px;font-size:14px}.touch .pp-site{font-size:16px}.touch .pp-name{height:44px;font-size:15px}.touch .pp-address{min-height:44px;font-size:15px}.touch .pp-address .icon-btn,.touch .pp-foot .icon-btn{width:40px;height:40px}.touch .pp-page{border-radius:8px;height:36px;padding:0 12px;font-size:14px}.touch .pp-publish{border-radius:10px;height:48px;font-size:15px}.touch .comment-pin{border-radius:17px 17px 17px 4px;width:34px;height:34px;font-size:13px}.touch .comment-card{border-radius:14px;width:320px}.touch .comment-card-head{gap:8px;height:48px;padding:0 8px 0 14px}.touch .comment-card-head .icon-btn,.touch .comment-card-head .panel-action{width:36px;height:36px}.touch .comment-target{font-size:15px}.touch .comment-msg{gap:12px;padding:14px 14px 4px}.touch .comment-name{font-size:15px}.touch .comment-time{font-size:13px}.touch .comment-text{font-size:15px;line-height:1.4}.touch .comment-action{border-radius:8px;height:36px;padding:0 12px;font-size:14px}.touch .comment-reply{padding:14px}.touch .comment-field{border-radius:10px;min-height:44px;padding:5px 6px 5px 12px}.touch .comment-field textarea{height:22px;margin:6px 0;font-size:15px;line-height:22px}.touch .comment-send{border-radius:50%;width:32px;height:32px}.touch .site-view{--text-body:15px;--text-label:15px;--text-caption:13px;--field-h:44px;--radius-field:8px}.touch .site-sidebar{width:232px;padding:12px 10px}.touch .sb-item{border-radius:8px;gap:12px;height:44px;padding:0 12px}.touch .sb-item>svg{width:20px;height:20px}.touch .sb-heading .icon-btn{width:36px;height:36px}.touch .site-header .btn.sm{height:44px;padding:0 16px;font-size:15px}.touch .site-header .icon-btn{width:40px;height:40px}.touch .cms-row{min-height:64px}.touch .cms-row .cover{width:52px;height:40px}.touch .cms-row .name{font-size:15px}.touch .cms-row .slug,.touch .cms-field>label{font-size:13px}.touch .cms-input{min-height:44px;font-size:15px}.touch .pt-topbar{height:calc(64px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 12px 0;background:var(--pt-stage);border-bottom:0}.touch .pt-tb-side{gap:8px}.touch .pt-tb-btn{border-radius:10px;height:40px;padding:0 12px;font-size:15px}.touch .pt-tb-btn.pt-back,.touch .pt-tb-btn.pt-share{background:var(--raised);padding:0 14px 0 10px}.touch .pt-key,.touch .pt-topbar .pt-divider,.touch .pt-topbar button[aria-label=Show\ hotspots],.touch .pt-flows,.touch .pt-inspector,.touch .pt-caption{display:none}.touch .pt-devices{border-radius:10px;height:40px;padding:3px}.touch .pt-devices button{border-radius:7px;height:34px;padding:0 14px;font-size:15px}.touch .pt-icon-btn{border-radius:10px;width:40px;height:40px}.touch .pt-playback{bottom:max(12px, env(safe-area-inset-bottom,0px));border-radius:12px;gap:4px;height:48px;padding:0 6px}.touch .pt-playback>:nth-child(n+4){display:none}.touch .pt-position{gap:8px;padding:0 10px;font-size:15px}.touch-card-head{border-bottom:1px solid var(--hairline);flex:none;align-items:center;gap:4px;height:52px;padding:0 8px 0 14px;display:flex}.touch-card-head .title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-1);flex:1;font-size:15px;font-weight:600;overflow:hidden}.touch-card-head .ag-tab-actions{align-items:center;gap:2px;display:inline-flex}.touch .touch-card-head .icon-btn{width:36px;height:36px}.touch .touch-card-head .icon-btn svg{width:18px;height:18px}.touch .touch-card.agent textarea{font-size:15px}.touch .touch-card .layer .ico svg{width:16px;height:16px}.touch .touch-card.agent .ag-icon-btn,.touch .touch-card.agent .ag-square-btn,.touch .touch-card.agent .ag-send,.touch .touch-card.agent .ag-stop{border-radius:8px;width:36px;height:36px}.touch .touch-card.agent .ag-send,.touch .touch-card.agent .ag-stop{border-radius:50%}.touch .touch-card.agent .ag-outline-btn,.touch .touch-card.agent .ag-primary-btn,.touch .touch-card.agent .ag-quiet-btn,.touch .touch-card.agent .ag-parallel-chip{border-radius:8px;height:36px;padding:0 12px 0 10px;font-size:14px}.touch .touch-card.agent .ag-input{font-size:15px;line-height:26px}.touch .touch-card.agent .ag-composer{border-radius:14px}.touch .touch-card.agent .suggestion{min-height:40px;font-size:14px}.touch .touch-card.agent .ag-hint{display:none}.touch .scrim .ag-switch,.touch .touch-card .ag-switch{border-radius:14px;width:48px;height:28px;padding:3px}.touch .scrim .ag-switch i,.touch .touch-card .ag-switch i{width:22px;height:22px}.touch .scrim .ag-segments,.touch .scrim .ag-segments.full,.touch .scrim .ag-segments.lg{border-radius:10px;height:40px;padding:3px}.touch .scrim .ag-segments button{border-radius:7px;padding:0 14px;font-size:14px}.touch .scrim .ag-dropdown{border-radius:8px;height:40px;padding:0 12px;font-size:15px}.touch .scrim .ag-set-heading,.touch .scrim .ag-set-field{font-size:13px}.touch .scrim .ag-set-row{min-height:60px}.touch .scrim .ag-outline-btn,.touch .scrim .ag-connect-btn,.touch .scrim .ag-set-none{border-radius:8px;height:36px;padding:0 12px;font-size:14px}