@layer stageshow{.ss-fit{width:100%;margin-inline:auto;position:relative}.ss-stage{--ss-canvas:#f6f5f4;--ss-surface:#fff;--ss-chrome:#fff;--ss-ink-1:#0000000a;--ss-ink-2:#0000000f;--ss-ink-3:#00000014;--ss-fill:#ebebeb;--ss-ink-4:#0000001a;--ss-ink-5:#00000026;--ss-line:#0000000f;--ss-line-faint:#0000000a;--ss-text:#7a7a7d;--ss-text-strong:#262628;--ss-text-faint:#9a9a9d;--ss-icon:#707074;--ss-icon-faint:#c4c4c7;--ss-accent:#3b82f6;--ss-accent-soft:#3b82f61f;--ss-success:#22c55e;--ss-danger:#ef4444;--ss-warning:#f59e0b;--ss-well:#efeeec;--ss-success-soft:#22c55e1f;--ss-success-text:#15803d;--ss-danger-soft:#ef44441a;--ss-danger-text:#b91c1c;--ss-warning-soft:#f59e0b24;--ss-warning-text:#b45309;--ss-accent-2:#8b5cf6;--ss-accent-text:color-mix(in srgb,var(--ss-accent)82%,#000);--ss-shadow-window:0 0 0 1px #0000000f,0 4px 16px #00000014;--ss-shadow-float:0 0 0 1px #00000014,0 4px 16px #0000001f,0 12px 32px #00000014;--ss-shadow-card:0 1px 2px #0000000a;--ss-shadow-hero:0 0 0 1px #0000000f,0 30px 60px -12px #32325d40,0 18px 36px -18px #0000004d;--ss-shadow-lift:0 0 0 1px #0000000a,0 12px 28px -6px #32325d47,0 6px 12px -6px #00000029;--ss-raised:#fff;--ss-shadow-satellite:0 0 0 1px #0000000a,0 14px 32px -8px #32325d3d,0 4px 10px -4px #0000001a;--ss-shadow-ground:0 0 0 1px #32325d0f,0 24px 48px -24px #32325d2e;--ss-font:system-ui,-apple-system,sans-serif;--ss-mono:"SF Mono","SFMono-Regular",ui-monospace,Consolas,monospace;--ss-radius-sm:6px;--ss-radius-md:8px;--ss-radius-lg:10px;--ss-radius-window:12px;--ss-radius-pill:999px;--ss-control:34px;--ss-row:26px;transform-origin:0 0;font-family:var(--ss-font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;letter-spacing:normal;word-spacing:normal;text-align:start;text-indent:0;text-transform:none;white-space:normal;color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:normal;position:absolute;top:0;left:0}.ss-ground{--ss-orb-1:#c9b8ff;--ss-orb-2:#ffc59a;--ss-orb-3:#a9d8ff;z-index:-1;border-radius:var(--ss-ground-radius,20px);background:radial-gradient(60% 75% at 8% 4%,color-mix(in srgb,var(--ss-orb-1)85%,transparent),transparent 70%),radial-gradient(55% 70% at 96% 92%,color-mix(in srgb,var(--ss-orb-2)80%,transparent),transparent 70%),radial-gradient(45% 55% at 78% 8%,color-mix(in srgb,var(--ss-orb-3)55%,transparent),transparent 70%),var(--ss-canvas);pointer-events:none;position:absolute;inset:0;overflow:hidden}.ss-stage[data-theme=dark] .ss-ground{background:radial-gradient(60% 75% at 8% 4%,color-mix(in srgb,var(--ss-orb-1)30%,transparent),transparent 70%),radial-gradient(55% 70% at 96% 92%,color-mix(in srgb,var(--ss-orb-2)24%,transparent),transparent 70%),radial-gradient(45% 55% at 78% 8%,color-mix(in srgb,var(--ss-orb-3)18%,transparent),transparent 70%),var(--ss-canvas)}.ss-stage[data-theme=dark]{--ss-canvas:#111113;--ss-surface:#1a1a1d;--ss-chrome:#1d1d20;--ss-ink-1:#ffffff0d;--ss-ink-2:#ffffff12;--ss-ink-3:#ffffff1a;--ss-fill:#313134;--ss-ink-4:#ffffff21;--ss-ink-5:#fff3;--ss-line:#ffffff14;--ss-line-faint:#ffffff0d;--ss-text:#9d9da1;--ss-text-strong:#ececee;--ss-text-faint:#6c6c70;--ss-icon:#9a9aa0;--ss-icon-faint:#4a4a50;--ss-accent-soft:#3b82f633;--ss-accent-text:color-mix(in srgb,var(--ss-accent)70%,#fff);--ss-well:#0a0a0b;--ss-success-soft:#22c55e29;--ss-success-text:#4ade80;--ss-danger-soft:#ef444429;--ss-danger-text:#f87171;--ss-warning-soft:#f59e0b2e;--ss-warning-text:#fbbf24;--ss-shadow-lift:0 0 0 1px #ffffff1a,0 12px 28px -6px #0009;--ss-shadow-window:0 0 0 1px #ffffff14,0 4px 16px #0006;--ss-shadow-float:0 0 0 1px #ffffff1a,0 4px 16px #0006,0 12px 32px #0000004d;--ss-shadow-card:0 0 0 1px #ffffff0d;--ss-shadow-hero:0 0 0 1px #ffffff14,0 30px 60px -12px #0009;--ss-shadow-satellite:0 0 0 1px #ffffff1a,0 14px 32px -8px #000000b3,0 4px 10px -4px #00000080;--ss-shadow-ground:0 0 0 1px #ffffff1a,0 24px 48px -24px #0009;--ss-raised:#26262a}.ss-stage[data-theme=blueprint]{--ss-canvas:transparent;--ss-surface:#1857bd;--ss-raised:#1b5cc4;--ss-chrome:transparent;--ss-ink-1:#d6e8ff1f;--ss-ink-2:#d6e8ff29;--ss-ink-3:#d6e8ff38;--ss-fill:#4277cc;--ss-ink-4:#d6e8ff4d;--ss-ink-5:#d6e8ff73;--ss-line:#d6e8ff59;--ss-line-faint:#d6e8ff33;--ss-text:#b3c9ec;--ss-text-strong:#f0f6ff;--ss-text-faint:#7fa1da;--ss-icon:#c9dcf7;--ss-icon-faint:#6f97d6;--ss-accent:#fff;--ss-accent-soft:#ffffff26;--ss-success:#e6f0ff;--ss-danger:#e6f0ff;--ss-warning:#e6f0ff;--ss-success-soft:#ffffff24;--ss-danger-soft:#ffffff24;--ss-warning-soft:#ffffff24;--ss-success-text:#fff;--ss-danger-text:#fff;--ss-warning-text:#fff;--ss-well:#1450b4;--ss-shadow-window:0 0 0 1px #d6e8ff8c;--ss-shadow-float:0 0 0 1px #d6e8ffb3;--ss-shadow-card:0 0 0 1px #d6e8ff59;--ss-shadow-hero:0 0 0 1px #d6e8ff8c;--ss-shadow-satellite:0 0 0 1px #d6e8ffcc;--ss-shadow-ground:0 0 0 1px #d6e8ffb3;background-color:var(--ss-well);background-image:linear-gradient(#d6e8ff14 1px,#0000 1px),linear-gradient(90deg,#d6e8ff14 1px,#0000 1px);background-size:16px 16px;background-position:var(--ss-grid-x,0)var(--ss-grid-y,0)}.ss-stage[data-theme=glass]{--ss-canvas:#ffffff80;--ss-surface:#ffffff9e;--ss-chrome:#ffffff61;--ss-raised:#ffffffbd;--ss-line:#ffffffa6;--ss-line-faint:#ffffff73;--ss-well:#ebe9f5;--ss-shadow-window:inset 0 0 0 1px #ffffffbf,0 20px 50px -14px #28285a47;--ss-shadow-hero:inset 0 0 0 1px #ffffffbf,0 30px 60px -16px #28285a4d;--ss-shadow-satellite:inset 0 0 0 1px #ffffffd9,0 16px 36px -10px #28285a52;--ss-shadow-float:inset 0 0 0 1px #ffffffd9,0 12px 32px -8px #28285a47;--ss-shadow-ground:inset 0 0 0 1px #ffffffd9,0 24px 48px -24px #28285a3d;--ss-shadow-card:inset 0 0 0 1px #fff9;background:radial-gradient(55% 65% at 12% 18%,color-mix(in srgb,var(--ss-accent)42%,transparent),transparent 70%),radial-gradient(50% 60% at 88% 28%,color-mix(in srgb,var(--ss-accent-2)38%,transparent),transparent 70%),radial-gradient(60% 55% at 58% 100%,#ffa8786b,transparent 70%),var(--ss-well)}.ss-stage[data-theme=glass] .ss-window,.ss-stage[data-theme=glass] .ss-popover,.ss-stage[data-theme=glass] .ss-glass{-webkit-backdrop-filter:blur(24px)saturate(1.6)}.ss-stage[data-greys=cool]:not([data-theme=dark],[data-theme=blueprint],[data-theme=glass]){--ss-canvas:#f4f5f8;--ss-well:#eceef2}.ss-stage[data-palette=mono]{--ss-accent:#1a1a1a;--ss-accent-soft:#0000000f;--ss-success:#1a1a1a;--ss-danger:#1a1a1a;--ss-warning:#1a1a1a;--ss-accent-2:#1a1a1a;--ss-success-text:#1a1a1a;--ss-danger-text:#1a1a1a;--ss-success-soft:#0000000f;--ss-danger-soft:#0000000a}.ss-stage[data-palette=mono][data-theme=dark]{--ss-accent:#f2f2f2;--ss-accent-soft:#ffffff1a;--ss-success:#f2f2f2;--ss-danger:#f2f2f2;--ss-warning:#f2f2f2;--ss-accent-2:#f2f2f2;--ss-success-text:#f2f2f2;--ss-danger-text:#f2f2f2;--ss-success-soft:#ffffff1a;--ss-danger-soft:#ffffff0f}.ss-stage[data-palette=mono] img,.ss-stage[data-palette=mono] .ss-keep-mono{filter:grayscale()}.ss-fade-b{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--ss-fade,64px)),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - var(--ss-fade,64px)),transparent)}.ss-fade-r{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--ss-fade,64px)),transparent);mask-image:linear-gradient(to right,#000 calc(100% - var(--ss-fade,64px)),transparent)}.ss-fade-br{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--ss-fade,64px)),transparent),linear-gradient(to right,#000 calc(100% - var(--ss-fade,64px)),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - var(--ss-fade,64px)),transparent),linear-gradient(to right,#000 calc(100% - var(--ss-fade,64px)),transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.ss-recede{transition:opacity .3s}.ss-recede[data-receded=true]{opacity:.4}.ss-stage [data-instant],.ss-stage[data-instant] *,.ss-stage [data-instant] *,.ss-stage[data-instant] :before,.ss-stage[data-instant] :after{transition:none!important}@keyframes ss-spin{to{transform:rotate(1turn)}}@keyframes ss-fade-in{0%{opacity:0;filter:blur(2px);transform:translateY(3px)}}.ss-stage[data-still] *,.ss-stage[data-still] :before,.ss-stage[data-still] :after{transition:none!important;animation:none!important}.ss-stage[data-offscreen],.ss-stage[data-offscreen] *,.ss-stage[data-offscreen] :before,.ss-stage[data-offscreen] :after{transition:none!important;animation-play-state:paused!important}.ss-stage[data-placing] *,.ss-stage[data-placing] :before,.ss-stage[data-placing] :after{transition:none!important}.ss-stage *,.ss-stage :before,.ss-stage :after{box-sizing:border-box}.ss-stage[data-hit] *{pointer-events:auto!important}}:where(.ss-stage) :is(p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,a,figure,figcaption,blockquote,pre,code,hr,table,th,td,button,input,label):not(html):not(body){all:revert}:where(.ss-stage,.ss-stage *):not(html){border-width:revert-layer;border-style:revert-layer;border-color:revert-layer;box-sizing:revert-layer;padding:revert-layer;margin:revert-layer}:where(.ss-stage) :is(svg,img):not(html):not(body){max-width:none;vertical-align:revert-layer}:where(.ss-stage :is(.ss-fly__lift,.ss-expand__face))>:is(svg,img):not(html):not(body):not(head){max-width:100%}
@layer stageshow{.ss-keys{z-index:99;opacity:0;pointer-events:none;gap:4px;transition:opacity .16s,transform .2s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%,6px)scale(.96)}.ss-keys[data-show=true]{opacity:1;transform:translate(-50%)scale(1)}.ss-keys[data-at=top]{top:16px;bottom:auto}.ss-keys[data-at=bottom-left],.ss-keys[data-at=bottom-right]{left:auto;transform:translateY(6px)scale(.96)}.ss-keys[data-at=bottom-left]{left:16px}.ss-keys[data-at=bottom-right]{right:16px}.ss-keys[data-at=bottom-left][data-show=true],.ss-keys[data-at=bottom-right][data-show=true]{transform:none}.ss-key{color:#fff;min-width:28px;height:28px;font:500 13px/1 var(--ss-font);background:#18181be0;border-radius:7px;place-items:center;padding:0 8px;transition:transform 80ms ease-out,box-shadow 80ms ease-out;display:grid;box-shadow:inset 0 -2px #0006,0 4px 12px #0000002e}.ss-key[data-down=true]{transform:translateY(1px)scale(.94);box-shadow:inset 0 -1px #0006,0 2px 6px #0000002e}}
@layer stageshow{.ss-cursor{z-index:100;pointer-events:none;will-change:transform;transition:opacity .25s;position:absolute;top:0;left:0}.ss-cursor[data-idle]{opacity:0;transition-duration:.6s}.ss-cursor__press{transform-origin:0 0;transition:transform .26s cubic-bezier(.22,1,.36,1);display:grid}.ss-cursor[data-pressed=true] .ss-cursor__press{transition:transform 80ms ease-out;transform:scale(.9)}.ss-cursor__glyph{opacity:0;grid-area:1/1;transition:transform .2s,opacity .2s;transform:scale(0)}.ss-cursor__glyph[data-active=true]{transform:scale(var(--ss-cursor-size,1));opacity:1}.ss-cursor__glyph[data-glyph^=resize]{transform:scale(calc(var(--ss-cursor-size,1)*.5))}.ss-cursor[data-kind^=resize] .ss-cursor__glyph:not([data-active=true]){transform:scale(calc(var(--ss-cursor-size,1)*.6))}.ss-cursor[data-kind^=resize] .ss-cursor__glyph,.ss-cursor__glyph[data-glyph^=resize]{transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .2s}.ss-cursor__glyph[data-glyph^=resize][data-active=true]{transform:scale(var(--ss-cursor-size,1))}.ss-cursor[data-kind^=resize] .ss-cursor__glyph:not([data-active=true]),.ss-cursor:not([data-kind^=resize]) .ss-cursor__glyph[data-glyph^=resize]{transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .1s}.ss-cursor:is([data-kind=open],[data-kind=grab]) .ss-cursor__glyph:is([data-glyph=open],[data-glyph=grab]){transform:scale(var(--ss-cursor-size,1));transition:opacity 80ms linear}.ss-cursor[data-style=large]{--ss-cursor-size:1.5}.ss-cursor[data-style=large] .ss-cursor__glyph[data-glyph=ibeam]{--ss-cursor-size:1.15}.ss-cursor__dot{-webkit-backdrop-filter:blur(5px)saturate(1.8)brightness(1.04);backdrop-filter:blur(5px)saturate(1.8)brightness(1.04);background:#76768042;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;transition:background .15s,width .2s cubic-bezier(.22,1,.36,1),height .2s cubic-bezier(.22,1,.36,1),margin .2s cubic-bezier(.22,1,.36,1),border-radius .2s;display:block;box-shadow:inset 0 1px 1px #fff6,inset 0 -1px 1px #0000000d,0 2px 10px #0000001a}.ss-cursor[data-style=circle][data-kind=ibeam] .ss-cursor__dot{background:#3c3c438c;border-radius:2px;width:4px;height:20px;margin:-10px 0 0 -2px}.ss-stage[data-theme=dark] .ss-cursor__dot{background:#fff3;box-shadow:inset 0 1px 1px #ffffff4d,0 2px 10px #0000004d}.ss-cursor[data-style=circle][data-pressed=true] .ss-cursor__press{transform:scale(.8)}.ss-cursor[data-style=circle][data-pressed=true] .ss-cursor__dot{-webkit-backdrop-filter:none;backdrop-filter:none;background:#76768038}.ss-stage[data-theme=dark] .ss-cursor[data-style=circle][data-pressed=true] .ss-cursor__dot{background:#ffffff2e}.ss-cursor[data-style=circle][data-pressed=true] .ss-cursor__dot,.ss-cursor[data-style=circle][data-kind=grab] .ss-cursor__dot{background:#76768066}.ss-cursor[data-style=touch] .ss-cursor__dot{-webkit-backdrop-filter:none;backdrop-filter:none;opacity:0;background:#76768024;width:34px;height:34px;margin:-17px 0 0 -17px;transition:opacity .4s,transform .45s cubic-bezier(.22,1,.36,1);transform:scale(.7)}.ss-cursor__streak{transform-origin:100%;opacity:0;pointer-events:none;background:linear-gradient(90deg,#76768000,#76768029);border-radius:13px;width:0;height:26px;transition:opacity .16s;position:absolute;top:-13px;left:0}.ss-cursor[data-swiping] .ss-cursor__streak{opacity:1;transition:none}.ss-cursor[data-style=touch][data-touching] .ss-cursor__dot{opacity:1;transition:opacity .14s,transform .16s cubic-bezier(.22,1,.36,1);transform:scale(1)}.ss-cursor[data-style=touch][data-pressed=true] .ss-cursor__dot,.ss-cursor[data-style=touch][data-swiping] .ss-cursor__dot{background:#76768038;transition:background 80ms,transform .1s ease-out;transform:scale(.82)}.ss-cursor__glyph svg{filter:drop-shadow(0 1px 2px #0000004d);display:block}.ss-cursor__arrow path{fill:var(--ss-cursor-ink,#111);stroke:var(--ss-cursor-ink,#111);stroke-width:2.4px;stroke-linejoin:round}.ss-cursor__arrow{filter:drop-shadow(0 1px 1.5px #0000002e);display:block}.ss-stage[data-theme=dark] .ss-cursor__arrow,.ss-stage[data-theme=blueprint] .ss-cursor__arrow{--ss-cursor-ink:#fff}.ss-stage[data-theme=dark] .ss-cursor,.ss-stage[data-theme=blueprint] .ss-cursor{--ss-cursor-line:#fff;--ss-cursor-edge:#000000bf}.ss-ripple{z-index:99;border:1.5px solid var(--ss-accent);background:color-mix(in srgb,var(--ss-accent)10%,transparent);pointer-events:none;border-radius:50%;width:36px;height:36px;margin:-18px 0 0 -18px;animation:.55s cubic-bezier(.25,.8,.25,1) forwards ss-ripple;position:absolute}@keyframes ss-ripple{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1)}}.ss-stage[data-palette=mono] .ss-ripple{border-color:var(--ss-text-strong);background:0 0}.ss-stage[data-hit] :is(.ss-cursor,.ss-cursor *){pointer-events:none!important}}
@layer stageshow{.ss-stage[data-theme=blueprint] .ss-window__dot{box-shadow:inset 0 0 0 1px var(--ss-line);background:0 0}.ss-stage[data-theme=blueprint] .ss-window__url{box-shadow:inset 0 0 0 1px var(--ss-line-faint);background:0 0}.ss-stage[data-palette=mono] .ss-window__dot{background:var(--ss-ink-5);box-shadow:none}:where(.ss-window){--ss-lights-y:19px;--ss-dot:9px;--ss-side-inset:0px;position:relative}.ss-window{background:var(--ss-canvas);border-radius:var(--ss-radius-window);box-shadow:var(--ss-shadow-window);flex-direction:column;display:flex;overflow:hidden}.ss-window__bar{height:38px;padding:0 calc(var(--ss-lights-y) - var(--ss-dot)/2);background:var(--ss-chrome);border-bottom:1px solid var(--ss-line);flex-shrink:0;align-items:center;gap:6px;display:flex}.ss-window__lights{flex-shrink:0;gap:6px;display:flex}.ss-window__dot{width:var(--ss-dot);height:var(--ss-dot);border-radius:50%;box-shadow:inset 0 0 0 .5px #0000001f}.ss-window__dot:first-child{background:#ff5f57}.ss-window__dot:nth-child(2){background:#febc2e}.ss-window__dot:nth-child(3){background:#28c840}.ss-window__url{background:var(--ss-ink-1);min-width:0;color:var(--ss-text-faint);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex:1;margin-left:8px;padding:4px 10px;font-size:10.5px;line-height:1.4;overflow:hidden}.ss-window[data-url-shape=pill] .ss-window__url{border-radius:999px;padding-inline:12px}.ss-window__title{text-align:center;color:var(--ss-text-strong);flex:1;margin-right:36px;font-size:13px;font-weight:600}.ss-window__body{flex:1;min-height:0;position:relative}.ss-window__spacer{flex:1}.ss-window[data-lights=grey] .ss-window__dot{box-shadow:none;background:#bac8da80}.ss-window[data-lights=white] .ss-window__dot{box-shadow:none;background:#ffffff80}.ss-window[data-chrome=glass]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8fafd73;border-radius:12px;box-shadow:0 0 0 1px #e5edf580,0 15px 35px #17171714}.ss-window[data-chrome=glass]>.ss-window__bar{background:0 0;border:0;grid-template-columns:1fr minmax(0,262px) 1fr;gap:12px;height:35px;padding:0 20px;display:grid}.ss-window[data-chrome=glass] .ss-window__lights{gap:4px}.ss-window[data-chrome=glass] .ss-window__dot{width:8px;height:8px}.ss-window[data-chrome=glass] .ss-window__url{color:#50617a;background:#ffffff61;border-radius:999px;grid-column:2;justify-content:center;align-items:center;gap:4px;height:20px;margin:0;padding:0 8px;font-size:10px;display:flex;box-shadow:inset 0 0 0 1px #e5edf580}.ss-window__lock{color:#667691;flex-shrink:0}.ss-window__url-text{text-overflow:ellipsis;overflow:hidden}.ss-window[data-chrome=glass] .ss-window__end{grid-column:3;justify-content:flex-end;gap:6px;display:flex}.ss-window[data-chrome=glass]>.ss-window__body{background:#fff;border-radius:6px;margin:0 6px 6px;overflow:hidden;box-shadow:0 3px 6px #1717170f}.ss-window[data-chrome=card]{background:#fff;border-radius:8px;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d}.ss-window[data-chrome=card]>.ss-window__bar{background:0 0;border:0;gap:14px;height:44px;padding:0 16px}.ss-window[data-chrome=card]:not([data-lights=color]) .ss-window__dot{box-shadow:none;background:#ecf2f7}.ss-window[data-chrome=card] .ss-window__url{height:24px;box-shadow:none;color:#425466;background:#ecf2f7;border-radius:4px;flex:1;margin:0;padding:0 10px;font-size:12px;font-weight:300;line-height:24px}.ss-window[data-chrome=card] .ss-window__end:empty{display:none}.ss-window[data-chrome=card]>.ss-window__body{background:#fff}.ss-window[data-chrome=hairline]{background:#fff;border-radius:8px;box-shadow:0 0 0 1px #0000000f,0 12px 28px -12px #32325d33}.ss-window[data-chrome=hairline]>.ss-window__bar{background:0 0;border:0;border-bottom:1px solid #0000000f;grid-template-columns:1fr auto 1fr;height:20px;padding:0 8px;display:grid}.ss-window[data-chrome=hairline] .ss-window__lights{gap:3px}.ss-window[data-chrome=hairline] .ss-window__dot{width:5px;height:5px}.ss-window[data-chrome=hairline]:not([data-lights=color]) .ss-window__dot{box-shadow:none;background:#e3e8ee}.ss-window[data-chrome=hairline] .ss-window__url{height:auto;box-shadow:none;color:#8792a2;background:0 0;grid-column:2;margin:0;padding:0;font-size:9px}.ss-window[data-chrome=hairline] .ss-window__end{grid-column:3;justify-self:end}.ss-window[data-chrome=terminal]{--ss-term-bg:#17171a;background:var(--ss-term-bg);box-shadow:inset 0 0 0 1px #ffffff12,var(--ss-shadow-hero,var(--ss-shadow-window))}.ss-window[data-chrome=terminal]>.ss-window__bar{background:0 0;border:0;position:relative}.ss-window[data-chrome=terminal][data-lights=grey] .ss-window__dot{box-shadow:none;background:#ffffff29}.ss-term__title{color:#ffffff6b;white-space:nowrap;font-size:11px;font-weight:500;position:absolute;left:50%;translate:-50%}.ss-term{color:#9d9da6;font:11.5px/1.65 var(--ss-mono);font-variant-ligatures:none;flex-direction:column;gap:3px;padding:4px 16px 16px;display:flex;overflow:hidden}.ss-term>*+.ss-term__prompt{margin-top:8px}.ss-term__line,.ss-term>div,.ss-term>p{white-space:pre;margin:0}.ss-term__path{color:var(--ss-term-path,#6f8ccf)}.ss-term__sigil{color:var(--ss-term-sigil,#6ee7a8);margin:0 7px}.ss-term__cmd{color:#f1f1f3}.ss-term .ok{color:var(--ss-term-ok,#6ee7a8)}.ss-term .err{color:var(--ss-term-err,#f87171)}.ss-term .dim{color:var(--ss-term-dim,#63636b)}.ss-term__caret{vertical-align:-.22em;background:#e8e8ec;width:.6em;height:1.2em;margin-left:1px;animation:1.06s step-end infinite ss-term-blink;display:inline-block}.ss-term__caret[data-still]{animation:none}@keyframes ss-term-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.ss-term__caret{animation:none}}.ss-window__title[data-toolbar]{text-align:left;margin:0 0 0 14px}.ss-window__nav{color:var(--ss-text-faint);flex-shrink:0;gap:6px;margin-left:10px;display:flex}.ss-window__nav+.ss-window__url{margin-left:4px}.ss-window__tabs{height:38px;padding:0 calc(var(--ss-lights-y) - var(--ss-dot)/2);background:var(--ss-canvas);flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.ss-window__tabs .ss-window__lights{align-self:center;margin-right:14px}.ss-window__tab{width:140px;min-width:0;height:30px;color:var(--ss-text-faint);border-radius:8px 8px 0 0;align-items:center;gap:7px;padding:0 12px;font-size:11px;display:flex}.ss-window__tab[data-active]{background:var(--ss-chrome);color:var(--ss-text-strong)}.ss-window__tab-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ss-window__favicon{background:var(--ss-ink-4);border-radius:3px;flex-shrink:0;width:10px;height:10px}.ss-window__tab[data-active] .ss-window__favicon{background:var(--ss-accent)}[data-kind=tabs]>.ss-window__bar .ss-window__url,[data-kind=tabs]>.ss-window__bar .ss-window__nav{margin-left:0}.ss-window[data-kind=sidebar]{flex-direction:row}.ss-window__side{background:var(--ss-canvas);border-right:1px solid var(--ss-line);flex-direction:column;flex-shrink:0;display:flex}.ss-window__side-top{height:calc((var(--ss-lights-y) - var(--ss-side-inset))*2);padding:0 calc(var(--ss-lights-y) - var(--ss-side-inset) - var(--ss-dot)/2);flex-shrink:0;align-items:center;display:flex}.ss-window__main{background:var(--ss-surface);flex-direction:column;flex:1;min-width:0;display:flex}.ss-window__main>.ss-window__bar{padding:0 16px}.ss-window__heading{color:var(--ss-text-strong);font-size:13px;font-weight:600}.ss-bar{flex-shrink:0;display:block}.ss-bar[data-shrink]{flex-shrink:1;min-width:0;max-width:100%}.ss-window[data-lights-size=large]{--ss-dot:12px}.ss-window[data-lights-size=large] .ss-window__lights{gap:8px}.ss-window[data-bar=tall]{--ss-lights-y:26px}.ss-window[data-bar=tall]>.ss-window__bar,.ss-window[data-bar=tall] .ss-window__main>.ss-window__bar{background:0 0;border-bottom:0;align-items:flex-start;height:64px;padding-top:10px}.ss-window[data-bar=tall]>.ss-window__bar>.ss-window__lights{margin-top:calc(16px - var(--ss-dot)/2)}.ss-window[data-bar=tall] .ss-window__url{margin-top:5px}.ss-window[data-bar=tall] .ss-window__title,.ss-window[data-bar=tall] .ss-window__heading{line-height:32px}.ss-window[data-side=floating]{--ss-side-inset:8px;background:var(--ss-surface);border-radius:24px}.ss-window[data-side=floating]>.ss-window__side{z-index:1;margin:var(--ss-side-inset)0 var(--ss-side-inset)var(--ss-side-inset);border-right:0;border-radius:16px;position:relative;box-shadow:0 0 0 .5px #00000012,inset 0 .5px #fff,0 3px 14px #14234612}.ss-stage[data-theme=dark] .ss-window[data-side=floating]>.ss-window__side{background:var(--ss-raised);box-shadow:0 0 0 1px #ffffff14,0 3px 14px #0000004d}.ss-text{white-space:nowrap}.ss-text[data-wrap]{white-space:normal}}
.atg-demo{color:#131416;background:#f3f4f1;border-radius:10px;min-width:0;overflow:hidden}.atg-demo .ss-stage{overflow:hidden}.atg-demo .atg-window{width:600px;height:430px;position:absolute;top:20px;left:20px}.atg-demo [data-layout=compact] .atg-window{width:334px;height:530px;top:12px;left:12px}.atg-demo .atg-main{flex-direction:column;align-items:center;gap:14px;padding:16px 0 0;display:flex}.atg-demo [data-layout=compact] .atg-main{align-items:stretch;padding:12px 12px 0}.atg-demo .atg-board{aspect-ratio:512/340;background:#d9d5cc;border-radius:8px;width:372px;position:relative;overflow:hidden}.atg-demo [data-layout=compact] .atg-board{width:100%}.atg-demo .atg-board>img{object-fit:cover;width:100%;height:100%;display:block}.atg-demo .atg-caption{white-space:nowrap;-webkit-text-stroke:5px #111;paint-order:stroke fill;opacity:0;padding:3px 9px;font-family:Noto Sans,sans-serif;line-height:1.2;transition:opacity .28s cubic-bezier(.16,1,.3,1);position:absolute;left:50%;translate:-50% -50%}.atg-demo .atg-caption[data-show=true]{opacity:1}.atg-demo .atg-caption[data-selected=true]{outline:1.5px solid #2563eb}.atg-demo .atg-caption i{background:#fff;border-radius:2px;width:10px;height:10px;margin:-5px;position:absolute;box-shadow:0 0 0 1.5px #2563eb}.atg-demo .atg-caption [data-corner=nw]{top:0;left:0}.atg-demo .atg-caption [data-corner=ne]{top:0;right:0}.atg-demo .atg-caption [data-corner=sw]{bottom:0;left:0}.atg-demo .atg-caption [data-corner=se]{bottom:0;right:0}.atg-demo .atg-rotate{color:#2563eb;background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;margin-left:-11px;display:grid;position:absolute;bottom:calc(100% + 8px);left:50%;box-shadow:0 0 0 1.5px #2563eb}.atg-demo .atg-readout{color:#fff;font-variant-numeric:tabular-nums;-webkit-text-stroke:0;opacity:0;background:#17191c;border-radius:5px;padding:2px 7px;font-size:12px;font-weight:600;line-height:1.4;transition:opacity .16s;position:absolute;bottom:calc(100% + 10px);left:calc(50% + 20px)}.atg-demo .atg-readout[data-show=true]{opacity:1}.atg-demo .atg-controls{flex-direction:column;gap:10px;padding:12px;font-size:13px;line-height:1.3;display:flex}.atg-demo [data-layout=compact] .atg-controls{padding:0}.atg-demo [data-layout=compact] .atg-panel-title{display:none}.atg-demo .atg-panel-title{font-weight:650}.atg-demo .atg-add{background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:34px;font-weight:600;display:flex;box-shadow:inset 0 0 0 1px #dcdcde}.atg-demo .atg-add[data-hover]{background:#f4f4f5}.atg-demo .atg-layer{opacity:0;flex-direction:column;gap:10px;transition:opacity .26s cubic-bezier(.16,1,.3,1),transform .26s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(-4px)}.atg-demo .atg-layer[data-show=true]{opacity:1;transform:none}.atg-demo .atg-field{white-space:nowrap;background:#fff;border-radius:7px;align-items:center;height:34px;padding:0 10px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #c7c7cb}.atg-demo .atg-caret{background:#131416;width:1.5px;height:15px;margin-left:1px}.atg-demo .atg-color{color:#5d6068;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.atg-demo .atg-color-field{color:#131416;font-variant-numeric:tabular-nums;background:#fff;border-radius:7px;align-items:center;gap:6px;height:28px;padding:0 8px 0 5px;font-size:12px;display:inline-flex;box-shadow:inset 0 0 0 1px #c7c7cb}.atg-demo .atg-color-field[data-open=true],.atg-demo .atg-color-field[data-hover]{box-shadow:inset 0 0 0 1px #131416}.atg-demo .atg-color-field i{border-radius:4px;flex:none;width:18px;height:18px;box-shadow:inset 0 0 0 1px #1113}.atg-demo .atg-picker{z-index:2;box-shadow:var(--ss-shadow-float);opacity:0;background:#fff;border-radius:9px;flex-direction:column;gap:10px;padding:8px 8px 11px;transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;transform:translateY(-4px)}.atg-demo [data-layout=compact] .atg-picker{top:auto;bottom:calc(100% + 6px);transform:translateY(4px)}.atg-demo .atg-picker[data-show=true]{opacity:1;transform:none}.atg-demo .atg-sv{background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:5px;height:62px;position:relative}.atg-demo .atg-sv i{border-radius:50%;width:12px;height:12px;margin:-6px;position:absolute;top:8px;left:70%;box-shadow:0 0 0 2px #fff,0 0 0 3px #1111114d}.atg-demo .atg-hue{background:linear-gradient(90deg,red,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red);border-radius:5px;height:10px;position:relative}.atg-demo .atg-hue i{border-radius:50%;width:14px;height:14px;margin:-7px;position:absolute;top:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px #1111114d}.atg-demo .atg-export{color:#fff;background:#17191c;border-radius:6px;align-items:center;height:26px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.atg-demo .atg-transport{color:#6d737e;align-items:center;gap:10px;width:372px;display:flex}.atg-demo .atg-file{box-shadow:var(--ss-shadow-satellite);opacity:0;background:#fff;border-radius:10px;align-items:center;gap:10px;padding:8px 14px 8px 8px;transition:opacity .32s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:324px;right:36px;transform:translateY(10px)}.atg-demo [data-layout=compact] .atg-file{top:404px;left:24px;right:24px}.atg-demo .atg-file[data-show=true]{opacity:1;transform:none}.atg-demo .atg-thumb{border-radius:6px;flex:none;width:72px;height:48px;position:relative;overflow:hidden}.atg-demo .atg-thumb img{object-fit:cover;width:100%;height:100%;display:block}.atg-demo .atg-thumb b{white-space:nowrap;color:#ffd84d;-webkit-text-stroke:1.5px #111;paint-order:stroke fill;font-family:Noto Sans,sans-serif;font-size:10px;font-weight:400;position:absolute;bottom:5px;left:50%;transform:translate(-50%)rotate(-7deg)}.atg-demo .atg-file-copy{flex-direction:column;gap:2px;min-width:0;font-size:13px;line-height:1.3;display:flex}.atg-demo .atg-file-copy strong{font-weight:650}.atg-demo .atg-file-copy small{color:#5d6068;align-items:center;gap:4px;font-size:12px;display:flex}.atg-demo .atg-file-copy svg{color:#1a8a4a;flex:none}.atg-demo .atg-rest{position:absolute;top:365px;left:300px}.atg-demo [data-layout=compact] .atg-rest{top:396px;left:40px}