.host-onboard{--background:#fafafa;--foreground:#18181b;--card:#fff;--muted:#f4f4f5;--muted-foreground:#71717a;--border:#e4e4e7;--color-brand:#0f766e;--color-fg:#18181b;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--radius-md:8px;--radius-lg:12px;--radius-xl:24px;--radius-full:999px;isolation:isolate;height:100%;min-height:100%;color:var(--foreground);background:radial-gradient(at 18% 82%, color-mix(in srgb, var(--color-brand) 28%, transparent), transparent 52%), radial-gradient(at 88% 12%, color-mix(in srgb, var(--color-brand) 16%, transparent), transparent 46%), var(--background);place-items:center;font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.45;display:grid;position:relative;overflow:hidden}.host-onboard__photo{z-index:0;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.host-onboard__form{z-index:1;position:relative}.host-onboard__card{z-index:1;width:min(380px, calc(100% - var(--space-6) * 2));align-items:center;gap:var(--space-2);padding:var(--space-6);background:color-mix(in srgb, var(--card) 72%, transparent);border:1px solid color-mix(in srgb, var(--card) 55%, transparent);border-radius:var(--radius-xl);box-shadow:0 24px 48px color-mix(in srgb, var(--color-fg) 12%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;flex-direction:column;display:flex;position:relative}.host-onboard__avatar{flex-shrink:0;width:56px;height:56px;position:relative}.host-onboard__card,.host-onboard__avatar,.host-onboard__field,.host-onboard__cta{box-sizing:border-box}.host-onboard__face{border-radius:inherit;background:var(--muted);width:100%;height:100%;color:var(--muted-foreground);place-items:center;font-size:28px;font-weight:650;display:grid;overflow:hidden}.host-onboard__face img{object-fit:cover;width:100%;height:100%}.host-onboard__cam{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);background:var(--color-fg);color:var(--card);pointer-events:none;border:0;place-items:center;display:grid;position:absolute;bottom:0;right:0}.host-onboard__title{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:16px;font-weight:650;line-height:1.2}.host-onboard__lede{color:var(--muted-foreground);margin:0;font-size:13px}.host-onboard__field{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);background:color-mix(in srgb, var(--card) 70%, transparent);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted-foreground);display:flex}.host-onboard__field input{appearance:none;min-width:0;color:var(--foreground);font:inherit;pointer-events:none;background:0 0;border:0;flex:1}.host-onboard__cta{appearance:none;width:100%;padding:var(--space-3) var(--space-4);background:var(--color-fg);color:var(--card);border-radius:var(--radius-md);text-align:center;border:0;font-weight:600;display:block}.host-onboard [data-demo-mark]{cursor:default}.host-onboard__chrome{z-index:4;pointer-events:none;position:absolute;inset:0}.host-app{--background:#fafafa;--foreground:#18181b;--card:#fff;--muted:#f4f4f5;--muted-foreground:#71717a;--border:#e4e4e7;--color-brand:#0f766e;--color-fg:#18181b;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--radius-md:8px;--radius-lg:12px;isolation:isolate;background:var(--background);min-height:520px;color:var(--foreground);font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.45;display:flex}.host-app--phone{flex-direction:column;max-width:390px;margin:0 auto}.host-app__side{padding:var(--space-4);border-right:1px solid var(--border);background:var(--card);flex:0 0 200px}.host-app--phone .host-app__side{justify-content:space-between;align-items:center;gap:var(--space-3);border-right:0;border-bottom:1px solid var(--border);flex:none;display:flex}.host-app__brand{align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);font-size:15px;font-weight:650;display:flex}.host-app__brand svg{color:var(--color-brand)}.host-app--phone .host-app__brand{margin:0}.host-app__nav{gap:var(--space-2);flex-direction:column;display:flex}.host-app--phone .host-app__nav{flex-direction:row}.host-app__nav-btn{align-items:center;gap:var(--space-2);appearance:none;color:var(--muted-foreground);text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:0 0;border:0;display:flex}.host-app__nav-btn.is-current{background:var(--muted);color:var(--foreground)}.host-app__main{min-width:0;padding:var(--space-6);gap:var(--space-6);flex:1;grid-template-columns:1.2fr .8fr;align-items:start;display:grid}.host-app--phone .host-app__main{grid-template-columns:1fr}.host-app__hero{align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex}.host-app__hero h2{letter-spacing:-.03em;margin:0;font-size:28px;font-weight:650;line-height:1.15}.host-app__hero p{color:var(--muted-foreground);margin:0}.host-cta{appearance:none;background:var(--color-brand);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:0;font-weight:600}.host-cta.is-off-scale{padding:11px 22px}.host-cta.is-token{padding:var(--space-4) var(--space-6)}.host-login{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.host-login.is-edited{padding:24px}.host-login h3{margin:0;font-size:16px}.host-login label{gap:var(--space-2);color:var(--muted-foreground);flex-direction:column;font-size:13px;display:flex}.host-login__field{display:block;position:relative}.host-login__glyph{left:var(--space-3);color:var(--muted-foreground);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.host-login input{appearance:none;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-md);width:100%;padding:var(--space-3);padding-left:calc(var(--space-3) + var(--space-4) + var(--space-2));background:var(--card);color:var(--foreground)}.host-login__submit{justify-content:center;align-items:center;gap:var(--space-2);appearance:none;background:var(--color-fg);color:#fff;padding:var(--space-3);border-radius:var(--radius-md);border:0;font-weight:600;display:flex}.host-cards{gap:var(--space-4);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.host-app--phone .host-cards{grid-template-columns:1fr}.host-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.host-card__top{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.host-card__icon{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-brand) 14%, var(--muted));color:var(--color-brand);flex-shrink:0;place-items:center;display:grid}.host-card strong{display:block}.host-card p{color:var(--muted-foreground);margin:0}.host-card.is-duplicate{outline:1px dashed var(--color-brand)}@container host (width<=720px){.host-app{flex-direction:column}.host-app__side{justify-content:space-between;align-items:center;gap:var(--space-3);border-right:0;border-bottom:1px solid var(--border);flex-wrap:wrap;flex:none;display:flex}.host-app__brand{margin:0}.host-app__nav{flex-flow:wrap;flex:100%}.host-app__main,.host-cards{grid-template-columns:1fr}}html{--sl-white:#fff}html:not([data-sl-theme]),html[data-sl-theme=light],[data-sl-chrome]:not([data-sl-theme]),[data-sl-chrome][data-sl-theme=light]{--sl-gray-1:#fcfcfc;--sl-gray-2:#f9f9f9;--sl-gray-3:#f0f0f0;--sl-gray-4:#e8e8e8;--sl-gray-5:#e0e0e0;--sl-gray-6:#d9d9d9;--sl-gray-7:#cecece;--sl-gray-8:#bbb;--sl-gray-9:#8d8d8d;--sl-gray-10:#838383;--sl-gray-10a:#6b6b6b;--sl-gray-11:#646464;--sl-gray-12:#202020;--sl-blue-1:#fbfdff;--sl-blue-2:#f4faff;--sl-blue-3:#e6f4fe;--sl-blue-4:#d5efff;--sl-blue-5:#c2e5ff;--sl-blue-6:#acd8fc;--sl-blue-7:#8ec8f6;--sl-blue-8:#5eb1ef;--sl-blue-9:#0090ff;--sl-blue-10:#0588f0;--sl-blue-11:#0d74ce;--sl-blue-11a:#0a6bbf;--sl-blue-12:#113264;--sl-crimson-9:#e93d82;--sl-crimson-11:#cb1d63;--sl-amber-11:#ab6400;--sl-teal-3:#e1faf4;--sl-teal-9:#12a594;--sl-teal-11:#008573;--sl-violet-9:#6e56cf;--sl-orange-3:#ffefd6;--sl-orange-9:#f76b15;--sl-orange-11:#cc4e00}html[data-sl-theme=dark],[data-sl-chrome][data-sl-theme=dark]{--sl-gray-1:#111;--sl-gray-2:#191919;--sl-gray-3:#222;--sl-gray-4:#2a2a2a;--sl-gray-5:#313131;--sl-gray-6:#3a3a3a;--sl-gray-7:#484848;--sl-gray-8:#606060;--sl-gray-9:#6e6e6e;--sl-gray-10:#7b7b7b;--sl-gray-10a:#9b9b9b;--sl-gray-11:#b4b4b4;--sl-gray-12:#eee;--sl-blue-1:#0d1520;--sl-blue-2:#111927;--sl-blue-3:#0d2847;--sl-blue-4:#003362;--sl-blue-5:#004074;--sl-blue-6:#104d87;--sl-blue-7:#205d9e;--sl-blue-8:#2870bd;--sl-blue-9:#0090ff;--sl-blue-10:#3b9eff;--sl-blue-11:#70b8ff;--sl-blue-12:#c2e6ff;--sl-crimson-9:#e93d82;--sl-crimson-11:#ff92ad;--sl-amber-11:#ffca16;--sl-teal-3:#0d3c38;--sl-teal-9:#12a594;--sl-teal-11:#0eb39e;--sl-violet-9:#6e56cf;--sl-orange-3:#331e0b;--sl-orange-9:#f76b15;--sl-orange-11:#ffa057}html{--sl-role-pad:#0d74ce;--sl-role-margin:#cb1d63;--sl-role-gap:#ab6400;--sl-role-space:#008573;--sl-role-measure:#c8391c;--sl-role-pad-9:#0090ff;--sl-role-margin-9:#e93d82;--sl-role-gap-9:#ab6400;--sl-role-space-9:#12a594;--sl-focus-scrim:#0000007a;--sl-fg-on-accent:#fff;--sl-white:#fff;--sl-cp-check-a:#ccc;--sl-cp-check-b:#fff;--sl-cp-black:#000;--sl-cp-hue-fallback:red;--sl-cp-hue-ramp:linear-gradient(to right, red, #ff0, #0f0, #0ff, #00f, #f0f, red);--sl-cp-checker:repeating-conic-gradient(var(--sl-cp-check-a) 0% 25%, var(--sl-cp-check-b) 0% 50%) 0 0 / 8px 8px;--sl-adapt-bg:#1a1b1e;--sl-adapt-top:#2e2e2e;--sl-adapt-ink:#e8eaed;--sl-adapt-muted:#c4c7cc;--sl-adapt-faint:#9aa0a6;--sl-adapt-menu:#25262b;--sl-adapt-blocked:#2a2b30;--sl-adapt-shell:#000;--sl-adapt-iframe:#fff;--sl-adapt-line:#ffffff1f;--sl-adapt-line-soft:#ffffff1a;--sl-adapt-line-strong:#ffffff24;--sl-adapt-fill:#ffffff0f;--sl-adapt-fill-hover:#ffffff1f;--sl-adapt-fill-soft:#ffffff1a;--sl-adapt-dot:#ffffff24;--sl-adapt-shadow:0 12px 40px #00000073;--sl-adapt-shell-shadow:0 0 0 1px var(--sl-adapt-line), 0 18px 50px #00000073;--sl-ink-12:#0000001f;--sl-r-xs:3px;--sl-r-sm:4px;--sl-r-md:6px;--sl-r-lg:8px;--sl-r-xl:10px;--sl-r-2xl:12px;--sl-r-toolbar:14px;--sl-r-card:16px;--sl-r-3xl:20px;--sl-r-full:999px;--sl-space-2:2px;--sl-space-4:4px;--sl-space-6:6px;--sl-space-8:8px;--sl-space-10:10px;--sl-space-12:12px;--sl-space-16:16px;--sl-font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sl-font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sl-text-2xs:10px;--sl-text-xs:11px;--sl-text-sm:12px;--sl-text-md:13px;--sl-ease:cubic-bezier(.2, 0, 0, 1);--sl-ease-out:cubic-bezier(.16, 1, .3, 1);--sl-ease-snap:cubic-bezier(.34, 1.3, .5, 1);--sl-dur-1:90ms;--sl-dur-2:.14s;--sl-dur-3:.22s;--sl-disabled-opacity:1}html:not([data-sl-theme]),html[data-sl-theme=light],[data-sl-chrome]:not([data-sl-theme]),[data-sl-chrome][data-sl-theme=light]{--sl-bg:var(--sl-gray-1);--sl-surface:var(--sl-white);--sl-surface-muted:var(--sl-gray-2);--sl-surface-subtle:var(--sl-gray-3);--sl-fg:var(--sl-gray-12);--sl-fg-secondary:var(--sl-gray-11);--sl-fg-muted:var(--sl-gray-10a);--sl-border:var(--sl-gray-4);--sl-border-strong:var(--sl-gray-6);--sl-border-control:var(--sl-gray-7);--sl-switch-track:var(--sl-gray-6);--sl-switch-track-ring:var(--sl-gray-9);--sl-fg-disabled:var(--sl-gray-9);--sl-accent:var(--sl-blue-9);--sl-accent-hover:var(--sl-blue-10);--sl-toolbar-on-top:#439be7;--sl-toolbar-on-bot:#0c74ce;--sl-toolbar-on-hover-top:#67adeb;--sl-toolbar-on-hover-bot:#4592d6;--sl-toolbar-on-ring:#186ab4;--sl-accent-subtle:var(--sl-blue-3);--sl-accent-solid:var(--sl-blue-11);--sl-accent-solid-hover:var(--sl-blue-12);--sl-accent-soft-fg:var(--sl-blue-11a);--sl-focus-ring:var(--sl-blue-9);--sl-role-edit:var(--sl-violet-9);--sl-role-edit-ink:var(--sl-fg-on-accent);--sl-warning:var(--sl-orange-9);--sl-warning-bg:var(--sl-orange-3);--sl-success:var(--sl-teal-9);--sl-success-bg:var(--sl-teal-3);--sl-off-scale:var(--sl-orange-11);--sl-swatch-border:color-mix(in srgb, var(--sl-fg) 12%, transparent);--sl-badge-ring:color-mix(in srgb, var(--sl-fg-on-accent) 35%, transparent);--sl-shadow-fab:0 8px 24px #0000001f;--sl-shadow-panel:0 4px 16px #18181b14;--sl-shadow-settings:0 12px 32px #00000029;--sl-shadow-tip:0 6px 18px #00000024;--sl-shadow-switch:0 1px 2px #0003;--sl-shadow-card:0 1px 2px #0000000f;--sl-shadow-drag:0 18px 48px #00000038;--sl-shadow-focus:0 0 0 3px color-mix(in srgb, var(--sl-focus-ring) 24%, transparent);--sl-outline-veil:color-mix(in srgb, var(--sl-accent) 4%, transparent);--sl-tok-copy-hover:color-mix(in srgb, var(--sl-accent) 12%, transparent);--sl-panel-shell:var(--sl-gray-3);--sl-hatch-pad-a:color-mix(in srgb, var(--sl-role-pad-9) 22%, transparent);--sl-hatch-pad-b:color-mix(in srgb, var(--sl-role-pad-9) 6%, transparent);--sl-hatch-mar-a:color-mix(in srgb, var(--sl-role-margin-9) 28%, transparent);--sl-hatch-mar-b:color-mix(in srgb, var(--sl-role-margin-9) 8%, transparent);--sl-hatch-gap-a:color-mix(in srgb, var(--sl-role-gap-9) 32%, transparent);--sl-hatch-gap-b:color-mix(in srgb, var(--sl-role-gap-9) 10%, transparent);--sl-hatch-space-a:color-mix(in srgb, var(--sl-role-space-9) 32%, transparent);--sl-hatch-space-b:color-mix(in srgb, var(--sl-role-space-9) 10%, transparent);--sl-edge-highlight:0 0 transparent}html[data-sl-theme=dark],[data-sl-chrome][data-sl-theme=dark]{--sl-bg:var(--sl-gray-1);--sl-surface:var(--sl-gray-2);--sl-surface-muted:var(--sl-gray-3);--sl-surface-subtle:var(--sl-gray-4);--sl-fg:var(--sl-gray-12);--sl-fg-secondary:var(--sl-gray-11);--sl-fg-muted:var(--sl-gray-10a);--sl-border:var(--sl-gray-6);--sl-border-strong:var(--sl-gray-7);--sl-border-control:var(--sl-gray-8);--sl-switch-track:var(--sl-gray-7);--sl-switch-track-ring:var(--sl-gray-9);--sl-fg-disabled:var(--sl-gray-9);--sl-accent:var(--sl-blue-9);--sl-accent-hover:var(--sl-blue-10);--sl-toolbar-on-top:#439be7;--sl-toolbar-on-bot:#0c74ce;--sl-toolbar-on-hover-top:#67adeb;--sl-toolbar-on-hover-bot:#4592d6;--sl-toolbar-on-ring:#186ab4;--sl-accent-subtle:var(--sl-blue-3);--sl-accent-solid:var(--sl-blue-8);--sl-accent-solid-hover:var(--sl-blue-9);--sl-accent-soft-fg:var(--sl-blue-11);--sl-focus-ring:var(--sl-blue-9);--sl-role-edit:var(--sl-violet-9);--sl-role-edit-ink:var(--sl-fg-on-accent);--sl-warning:var(--sl-orange-9);--sl-warning-bg:var(--sl-orange-3);--sl-success:var(--sl-teal-9);--sl-success-bg:var(--sl-teal-3);--sl-off-scale:var(--sl-orange-11);--sl-swatch-border:color-mix(in srgb, var(--sl-fg) 18%, transparent);--sl-badge-ring:color-mix(in srgb, var(--sl-fg-on-accent) 40%, transparent);--sl-shadow-fab:0 8px 24px #00000073;--sl-shadow-panel:0 4px 24px #00000073;--sl-shadow-settings:0 12px 32px #0000007a;--sl-shadow-tip:0 6px 18px #00000073;--sl-shadow-switch:0 1px 2px #0006;--sl-shadow-card:0 1px 2px #00000059;--sl-shadow-drag:0 18px 48px #0000008c;--sl-shadow-focus:0 0 0 3px color-mix(in srgb, var(--sl-focus-ring) 32%, transparent);--sl-outline-veil:color-mix(in srgb, var(--sl-accent) 8%, transparent);--sl-tok-copy-hover:color-mix(in srgb, var(--sl-accent) 22%, transparent);--sl-panel-shell:var(--sl-gray-1);--sl-hatch-pad-a:color-mix(in srgb, var(--sl-role-pad-9) 28%, transparent);--sl-hatch-pad-b:color-mix(in srgb, var(--sl-role-pad-9) 10%, transparent);--sl-hatch-mar-a:color-mix(in srgb, var(--sl-role-margin-9) 32%, transparent);--sl-hatch-mar-b:color-mix(in srgb, var(--sl-role-margin-9) 10%, transparent);--sl-hatch-gap-a:color-mix(in srgb, var(--sl-role-gap-9) 36%, transparent);--sl-hatch-gap-b:color-mix(in srgb, var(--sl-role-gap-9) 12%, transparent);--sl-hatch-space-a:color-mix(in srgb, var(--sl-role-space-9) 36%, transparent);--sl-hatch-space-b:color-mix(in srgb, var(--sl-role-space-9) 12%, transparent);--sl-edge-highlight:inset 0 1px 0 #ffffff12}.sl-fab-dock,.sl-panel,.sl-tip,.sl-tooltip,.sl-outline,.sl-size-cap,.sl-size-bound,.sl-text-edit-fab,.sl-hatch,.sl-measure,.sl-settings,.sl-sheet,.sl-hover-blocker,.sl-adapt,.sl-live{box-sizing:border-box!important;float:none!important;clear:none!important;text-shadow:none!important;filter:none!important;mix-blend-mode:normal!important;isolation:auto!important;transform-style:flat!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;-webkit-text-fill-color:currentColor!important;-webkit-text-stroke:0!important}.sl-fab-dock *,.sl-panel *,.sl-tip *,.sl-tooltip *,.sl-outline *,.sl-size-cap *,.sl-size-bound *,.sl-hatch *,.sl-measure *,.sl-settings *,.sl-sheet *,.sl-hover-blocker *,.sl-adapt *{box-sizing:border-box!important;float:none!important;clear:none!important;text-shadow:none!important;filter:none!important;mix-blend-mode:normal!important}.sl-fab-dock,.sl-panel,.sl-tip,.sl-tooltip,.sl-outline,.sl-size-cap,.sl-size-bound,.sl-text-edit-fab,.sl-hatch,.sl-measure,.sl-settings,.sl-sheet,.sl-hover-blocker,.sl-live,.sl-edit-pop{font-family:var(--sl-font-ui);font-size:var(--sl-text-md);line-height:1.35}.sl-fab-dock,.sl-panel,.sl-tip,.sl-tooltip,.sl-outline,.sl-size-cap,.sl-size-bound,.sl-text-edit-fab,.sl-hatch,.sl-measure,.sl-settings,.sl-sheet,.sl-hover-blocker,.sl-live,.sl-edit-pop,.sl-fab-dock *,.sl-panel *,.sl-tip *,.sl-tooltip *,.sl-outline *,.sl-size-cap *,.sl-size-bound *,.sl-hatch *,.sl-measure *,.sl-settings *,.sl-sheet *,.sl-hover-blocker *,.sl-edit-pop *{font-variant:normal;font-feature-settings:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-align:left;white-space:normal;word-break:normal;overflow-wrap:normal;vertical-align:baseline;color:var(--sl-fg);direction:ltr;unicode-bidi:isolate;font-family:inherit;font-style:normal;font-stretch:100%;text-decoration:none;list-style:none}.sl-panel,.sl-settings,.sl-sheet,.sl-hover-blocker,.sl-live,.sl-edit-pop{font-family:var(--sl-font-ui)}.sl-fab-dock,.sl-tip,.sl-outline,.sl-size-cap,.sl-size-bound,.sl-text-edit-fab,.sl-hatch,.sl-measure{font-family:var(--sl-font-mono)}.sl-fab-dock img,.sl-panel img,.sl-tip img,.sl-settings img,.sl-sheet img,.sl-fab-dock svg,.sl-panel svg,.sl-tip svg,.sl-settings svg,.sl-sheet svg{min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important}.sl-fab-dock svg,.sl-settings svg,.sl-sheet svg,.sl-panel__tab-ico svg{width:16px!important;height:16px!important}.sl-section__head>svg:first-of-type{width:11px!important;height:11px!important}.sl-section__chevron,.sl-panel .sl-tok__copy svg,.sl-panel .sl-asset__copy svg,.sl-panel .sl-asset__open svg,.sl-panel .sl-asset__download svg,.sl-panel .sl-asset__replace svg,.sl-panel .sl-palette__instance svg,.sl-panel .sl-typeramp__instance svg{width:10px!important;height:10px!important}.sl-asset__img{width:100%!important;height:100%!important}.sl-sheet :where(input),.sl-sheet :where(textarea){appearance:none;box-sizing:border-box;font:inherit;color:var(--sl-fg);margin:0;font-family:inherit}.sl-fab-dock :where(button),.sl-panel :where(button),.sl-settings :where(button),.sl-sheet :where(button),.sl-adapt :where(button),:where(button).sl-tip{appearance:none;box-sizing:border-box;color:var(--sl-fg);font:inherit;text-align:left;text-transform:none;letter-spacing:normal;cursor:pointer;outline-offset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0 solid #0000;border-radius:0;margin:0;padding:0;font-family:inherit;line-height:1.35;text-decoration:none;overflow:visible}@property --sl-seg-i{syntax:"<number>";inherits:true;initial-value:0}@property --sl-tab-i{syntax:"<number>";inherits:true;initial-value:0}@property --sl-ed-align-i{syntax:"<number>";inherits:true;initial-value:0}.sl-seg{padding:var(--sl-space-2);border:1px solid var(--sl-border);border-radius:var(--sl-r-xl);background:var(--sl-surface-subtle);--sl-seg-n:3;--sl-seg-i:0;transition:--sl-seg-i var(--sl-dur-2) var(--sl-ease);grid-auto-columns:1fr;grid-auto-flow:column;gap:0;margin:0;display:grid;position:relative}.sl-seg:not(:has(>:nth-child(3))){--sl-seg-n:2}.sl-seg:has(>:nth-child(4)){--sl-seg-n:4}.sl-seg:has(>:nth-child(5)){--sl-seg-n:5}.sl-seg:has(>:nth-child(6)){--sl-seg-n:6}:is(.sl-seg:has(>:first-child.is-on),.sl-seg:has(>:first-child[aria-pressed=true]),.sl-seg:has(>:first-child[aria-checked=true])){--sl-seg-i:0}:is(.sl-seg:has(>:nth-child(2).is-on),.sl-seg:has(>:nth-child(2)[aria-pressed=true]),.sl-seg:has(>:nth-child(2)[aria-checked=true])){--sl-seg-i:1}:is(.sl-seg:has(>:nth-child(3).is-on),.sl-seg:has(>:nth-child(3)[aria-pressed=true]),.sl-seg:has(>:nth-child(3)[aria-checked=true])){--sl-seg-i:2}:is(.sl-seg:has(>:nth-child(4).is-on),.sl-seg:has(>:nth-child(4)[aria-pressed=true]),.sl-seg:has(>:nth-child(4)[aria-checked=true])){--sl-seg-i:3}:is(.sl-seg:has(>:nth-child(5).is-on),.sl-seg:has(>:nth-child(5)[aria-pressed=true]),.sl-seg:has(>:nth-child(5)[aria-checked=true])){--sl-seg-i:4}:is(.sl-seg:has(>:nth-child(6).is-on),.sl-seg:has(>:nth-child(6)[aria-pressed=true]),.sl-seg:has(>:nth-child(6)[aria-checked=true])){--sl-seg-i:5}.sl-seg:before{content:"";z-index:0;top:var(--sl-space-2);bottom:var(--sl-space-2);left:var(--sl-space-2);width:calc((100% - var(--sl-space-4)) / var(--sl-seg-n));border-radius:var(--sl-r-lg);background:var(--sl-surface);box-shadow:var(--sl-shadow-switch);transform:translateX(calc(var(--sl-seg-i) * 100%));pointer-events:none;position:absolute}.sl-seg:not(:has(.is-on)):not(:has([aria-pressed=true])):not(:has([aria-checked=true])):before{opacity:0}.sl-seg__opt{z-index:1;padding:var(--sl-space-6) var(--sl-space-4);border-radius:var(--sl-r-lg);color:var(--sl-fg-secondary);font-family:var(--sl-font-ui);font-size:var(--sl-text-xs);text-align:center;white-space:nowrap;transition:color var(--sl-dur-1) var(--sl-ease);background:0 0;border:0;margin:0;font-weight:600;line-height:1.2;position:relative;cursor:pointer!important}.sl-seg--mono .sl-seg__opt{font-family:var(--sl-font-mono)}.sl-seg__opt:hover,.sl-seg__opt.is-on,.sl-seg__opt[aria-pressed=true]{color:var(--sl-fg)}.sl-empty{align-items:center;gap:var(--sl-space-8);padding:var(--sl-space-16);text-align:center;flex-direction:column;margin:0;display:flex}.sl-empty__icon{border-radius:var(--sl-r-2xl);background:var(--sl-surface-subtle);width:36px;height:36px;color:var(--sl-fg-muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.sl-empty__title{font-family:var(--sl-font-ui);font-size:var(--sl-text-sm);color:var(--sl-fg);font-weight:600}.sl-empty__hint{max-width:32ch;font-family:var(--sl-font-ui);font-size:var(--sl-text-xs);color:var(--sl-fg-muted);line-height:1.45}.sl-more,.sl-palette__more,.sl-typeramp__more,.sl-assets__more{align-self:flex-start;align-items:center;gap:var(--sl-space-4);margin:var(--sl-space-4) 0 0;padding:var(--sl-space-4) var(--sl-space-8);border-radius:var(--sl-r-md);background:var(--sl-accent-subtle);color:var(--sl-accent-soft-fg);font-family:var(--sl-font-ui);font-size:var(--sl-text-xs);transition:background-color var(--sl-dur-1) var(--sl-ease), transform var(--sl-dur-1) var(--sl-ease);border:0;font-weight:600;line-height:1.2;display:inline-flex;cursor:pointer!important}.sl-more:hover,.sl-palette__more:hover,.sl-typeramp__more:hover,.sl-assets__more:hover{background:color-mix(in srgb, var(--sl-accent) 16%, transparent)}.sl-more:active,.sl-palette__more:active,.sl-typeramp__more:active,.sl-assets__more:active{transform:scale(.96)}.sl-more__chev{transition:transform var(--sl-dur-2) var(--sl-ease);line-height:0;display:inline-flex}.sl-more[aria-expanded=true] .sl-more__chev{transform:rotate(180deg)}.sl-panel .sl-rows,.sl-panel .sl-palette,.sl-panel .sl-typeramp,.sl-panel .sl-assets-panel,.sl-panel .sl-changes{animation:sl-pane-in var(--sl-dur-2) var(--sl-ease-out) both}@keyframes sl-pane-in{0%{opacity:0}to{opacity:1}}@supports (animation-timeline:scroll()){.sl-palette__list,.sl-typeramp__list,.sl-changes__body,.sl-assets-panel__body,.sl-rows{animation:linear both sl-scroll-fade;animation-timeline:scroll(self);animation-range:contain}@keyframes sl-scroll-fade{0%{-webkit-mask-image:linear-gradient(to bottom, var(--sl-cp-black) calc(100% - 20px), transparent);-webkit-mask-image:linear-gradient(to bottom, var(--sl-cp-black) calc(100% - 20px), transparent);mask-image:linear-gradient(to bottom, var(--sl-cp-black) calc(100% - 20px), transparent)}85%{-webkit-mask-image:linear-gradient(to bottom, var(--sl-cp-black) calc(100% - 20px), transparent);-webkit-mask-image:linear-gradient(to bottom, var(--sl-cp-black) calc(100% - 20px), transparent);mask-image:linear-gradient(to bottom, var(--sl-cp-black) calc(100% - 20px), transparent)}to{-webkit-mask-image:linear-gradient(to bottom, var(--sl-cp-black) 100%, transparent);-webkit-mask-image:linear-gradient(to bottom, var(--sl-cp-black) 100%, transparent);mask-image:linear-gradient(to bottom, var(--sl-cp-black) 100%, transparent)}}}.sl-ghost,.sl-palette__refresh,.sl-typeramp__refresh,.sl-palette__back,.sl-palette__copy-color,.sl-typeramp__back{align-items:center;gap:var(--sl-space-4);padding:var(--sl-space-4) var(--sl-space-8);border-radius:var(--sl-r-md);color:var(--sl-fg-secondary);font-family:var(--sl-font-ui);font-size:var(--sl-text-xs);white-space:nowrap;transition:background-color var(--sl-dur-1) var(--sl-ease), color var(--sl-dur-1) var(--sl-ease), transform var(--sl-dur-1) var(--sl-ease);background:0 0;border:0;margin:0;font-weight:600;line-height:1.2;display:inline-flex;cursor:pointer!important}.sl-ghost:hover,.sl-palette__refresh:hover,.sl-typeramp__refresh:hover,.sl-palette__back:hover,.sl-palette__copy-color:hover,.sl-typeramp__back:hover{background:var(--sl-surface-subtle);color:var(--sl-fg)}.sl-ghost:active,.sl-palette__refresh:active,.sl-typeramp__refresh:active{background:var(--sl-surface-muted);transform:scale(.96)}.sl-fab-dock{padding:0 var(--sl-space-8);z-index:2147483647;justify-content:center;align-items:center;gap:var(--sl-space-8);pointer-events:none;flex-direction:row;display:flex;position:fixed;bottom:16px;left:0;right:0;transform:none}.sl-fab-dock>*{pointer-events:auto}.sl-toolbar{justify-content:center;align-items:center;gap:var(--sl-space-4);max-width:calc(100vw - 76px);padding:var(--sl-space-4);border-radius:var(--sl-r-toolbar);background:var(--sl-surface);box-shadow:var(--sl-shadow-fab), var(--sl-edge-highlight);border:0;flex-flow:wrap;margin:0;display:flex}.sl-toolbar__sel{align-items:center;gap:var(--sl-space-4);opacity:1;transform-origin:0;max-width:80rem;transition:max-width var(--sl-dur-3) var(--sl-ease-out), opacity var(--sl-dur-2) var(--sl-ease), transform var(--sl-dur-3) var(--sl-ease-out);flex-direction:row;display:inline-flex;overflow:hidden;transform:scaleX(1)}.sl-fab-dock .sl-toolbar__sel[hidden]{opacity:0;pointer-events:none;max-width:0;margin:0;overflow:hidden;transform:scaleX(.94);display:inline-flex!important}.sl-toolbar__edit-ops{align-items:center;gap:var(--sl-space-4);opacity:1;transform-origin:0;min-width:0;max-width:28rem;transition:max-width var(--sl-dur-3) var(--sl-ease-out), opacity var(--sl-dur-2) var(--sl-ease), margin var(--sl-dur-3) var(--sl-ease-out);flex-direction:row;flex:0 auto;display:inline-flex;overflow:hidden}.sl-toolbar__edit-ops.is-collapsed{opacity:0;pointer-events:none;max-width:0;margin-left:0;margin-right:0}.sl-toolbar__sep{width:1px;height:20px;margin:0 var(--sl-space-4);background:var(--sl-border);flex:none}.sl-toolbar__copy{flex-direction:row;flex:none;align-items:stretch;gap:1px;display:inline-flex;position:relative}.sl-toolbar__copy-block{border-radius:var(--sl-r-full) var(--sl-r-sm) var(--sl-r-sm) var(--sl-r-full)!important}html:is(.sl-screenshotting,.sl-picking-color) [data-sl-chrome].sl-outline,html:is(.sl-screenshotting,.sl-picking-color) [data-sl-chrome].sl-hover-outline,html:is(.sl-screenshotting,.sl-picking-color) [data-sl-chrome].sl-multi-outlines,html:is(.sl-screenshotting,.sl-picking-color) [data-sl-chrome].sl-hatch,html:is(.sl-screenshotting,.sl-picking-color) [data-sl-chrome].sl-hatch-preview,html:is(.sl-screenshotting,.sl-picking-color) [data-sl-chrome].sl-measure,html:is(.sl-screenshotting,.sl-picking-color) [data-sl-chrome].sl-size-cap,html:is(.sl-screenshotting,.sl-picking-color) [data-sl-chrome].sl-size-bound,html.sl-screenshotting [data-sl-chrome].sl-hover-blocker,html.sl-screenshotting [data-sl-chrome].sl-change-badges,html.sl-screenshotting [data-sl-chrome].sl-text-edit-fab,html.sl-screenshotting [data-sl-chrome].sl-overlay-thumb,html.sl-screenshotting [data-sl-chrome].sl-panel,html.sl-screenshotting [data-sl-chrome].sl-fab-dock,html.sl-screenshotting [data-sl-chrome].sl-settings,html.sl-screenshotting [data-sl-chrome].sl-sheet,html.sl-screenshotting [data-sl-chrome].sl-tip,html.sl-screenshotting [data-sl-chrome].sl-tooltip,html.sl-screenshotting [data-sl-chrome].sl-edit-pop,html.sl-screenshotting [data-sl-chrome].sl-dd__menu,html.sl-screenshotting [data-sl-chrome].sl-toolbar__copy-menu,html.sl-screenshotting [data-sl-chrome].sl-panel__copy-menu,html.sl-screenshotting [data-sl-chrome].sl-ed-shadow__flyout,html.sl-screenshotting [data-sl-chrome].sl-live,html.sl-screenshotting [data-sl-chrome].sl-asset-toast,html.sl-screenshotting [data-sl-chrome].sl-dockzones,html.sl-screenshotting [data-sl-chrome] .sl-adapt__top,html.sl-screenshotting [data-sl-chrome] .sl-adapt__frame-head,html.sl-screenshotting [data-sl-chrome] .sl-adapt__pierce,html.sl-screenshotting [data-sl-chrome] .sl-adapt__blocked{visibility:hidden!important}html:is(.sl-screenshotting,.sl-picking-color).sl-xray body *,html:is(.sl-screenshotting,.sl-picking-color).sl-xray body:after{outline:none!important}html:is(.sl-screenshotting,.sl-picking-color).sl-xray body:after{content:none!important;background:0 0!important}html.sl-inspect-paused [data-sl-chrome].sl-outline,html.sl-inspect-paused [data-sl-chrome].sl-hover-outline,html.sl-inspect-paused [data-sl-chrome].sl-multi-outlines,html.sl-inspect-paused [data-sl-chrome].sl-hatch,html.sl-inspect-paused [data-sl-chrome].sl-hatch-preview,html.sl-inspect-paused [data-sl-chrome].sl-measure,html.sl-inspect-paused [data-sl-chrome].sl-size-cap,html.sl-inspect-paused [data-sl-chrome].sl-size-bound,html.sl-inspect-paused [data-sl-chrome].sl-change-badges,html.sl-inspect-paused [data-sl-chrome].sl-text-edit-fab,html.sl-inspect-paused [data-sl-chrome].sl-panel,html.sl-inspect-paused [data-sl-chrome].sl-tip{visibility:hidden!important;pointer-events:none!important}.sl-toolbar__btn.is-ok{color:var(--sl-success)}.sl-toolbar__copy-fmt{border-radius:var(--sl-r-sm) var(--sl-r-full) var(--sl-r-full) var(--sl-r-sm)!important;width:28px!important;min-width:28px!important;height:36px!important;padding:0!important}.sl-toolbar__copy-fmt-icon{line-height:0;display:block}.sl-toolbar__copy-menu{left:0;bottom:calc(100% + var(--sl-space-6));z-index:5;min-width:140px;padding:var(--sl-space-4);border:1px solid var(--sl-border);border-radius:var(--sl-r-2xl);background:var(--sl-surface);box-shadow:var(--sl-shadow-settings), var(--sl-edge-highlight);transform-origin:0 100%;position:absolute}.sl-toolbar__copy-menu,.sl-dd__menu,.sl-ed-shadow__flyout,.sl-edit-pop,.sl-panel__copy-menu,.sl-cp__fmt-menu{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--sl-dur-1) var(--sl-ease), transform var(--sl-dur-1) var(--sl-ease), visibility 0s linear var(--sl-dur-1);transform:translateY(-4px)scale(.98)}.sl-toolbar__copy-menu{transform:translateY(4px)scale(.98)}.sl-toolbar__copy-menu.is-open,.sl-dd__menu.is-open,.sl-ed-shadow__flyout.is-open,.sl-edit-pop.is-open,.sl-panel__copy-menu.is-open,.sl-cp__fmt-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--sl-dur-2) var(--sl-ease-out), transform var(--sl-dur-2) var(--sl-ease-out), visibility 0s linear 0s;transform:translateY(0)scale(1)}.sl-dd__menu:not([hidden]),.sl-ed-shadow__flyout:not([hidden]),.sl-toolbar__copy-menu:not([hidden]){position:fixed!important}.sl-toolbar__copy-menu:not([hidden]){z-index:2147483647;bottom:auto}.sl-toolbar__copy-menu-item{width:100%;padding:var(--sl-space-8) var(--sl-space-10);border-radius:var(--sl-r-md);color:var(--sl-fg);font-size:var(--sl-text-sm);text-align:left;cursor:pointer;background:0 0;border:0;margin:0;font-weight:500;display:block}.sl-toolbar__copy-menu-item:hover,.sl-toolbar__copy-menu-item[aria-checked=true]{background:var(--sl-accent-subtle);color:var(--sl-accent-soft-fg)}.sl-toolbar__copy-menu-item:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:1px!important}.sl-mode{gap:var(--sl-space-4);border-radius:var(--sl-r-xl);border-color:var(--sl-ink-12);margin:0}.sl-mode.sl-seg:before{width:calc((100% - var(--sl-space-4) - (var(--sl-seg-n) - 1) * var(--sl-space-4)) / var(--sl-seg-n));transform:translateX(calc(var(--sl-seg-i) * (100% + var(--sl-space-4))))}.sl-mode.is-dim{background:0 0;border-color:#0000}.sl-mode__btn.sl-toolbar__btn{z-index:1;border-radius:var(--sl-r-md);color:var(--sl-fg-secondary);background:0 0;border-color:#0000;position:relative;width:32px!important;height:32px!important}.sl-mode__btn.sl-toolbar__btn:hover:not(:disabled){background:color-mix(in srgb, var(--sl-fg) 6%, transparent);color:var(--sl-fg)}.sl-mode__btn.sl-toolbar__btn.is-on,.sl-mode__btn.sl-toolbar__btn.is-on:hover:not(:disabled){color:var(--sl-accent);box-shadow:none;background:0 0;border-color:#0000}.sl-toolbar__btn{appearance:none;border-radius:var(--sl-r-xl);color:var(--sl-fg-secondary);font:inherit;text-align:center;transition:background-color var(--sl-dur-1) var(--sl-ease), border-color var(--sl-dur-1) var(--sl-ease), color var(--sl-dur-1) var(--sl-ease), transform var(--sl-dur-1) var(--sl-ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative;cursor:pointer!important;width:36px!important;height:36px!important}.sl-toolbar__btn:hover:not(:disabled):not(.is-active){background:var(--sl-surface-muted);color:var(--sl-fg)}.sl-toolbar__btn:active:not(:disabled){transform:scale(.96)}.sl-toolbar__btn:disabled,.sl-toolbar__btn[aria-disabled=true]{opacity:var(--sl-disabled-opacity);color:var(--sl-fg-disabled)!important;cursor:not-allowed!important}.sl-fab-dock .sl-toolbar__btn:disabled *,.sl-fab-dock .sl-toolbar__btn[aria-disabled=true] *{color:var(--sl-fg-disabled)!important}.sl-fab-dock .sl-toolbar__btn.is-active,.sl-fab-dock .sl-fab.is-active{background-color:var(--sl-toolbar-on-bot);background-image:linear-gradient(180deg, var(--sl-toolbar-on-top) 0%, var(--sl-toolbar-on-bot) 100%);border-color:var(--sl-toolbar-on-ring);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--sl-fg-on-accent) 20%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--sl-fg) 20%, transparent), 0 1px 2px color-mix(in srgb, var(--sl-fg) 20%, transparent);color:var(--sl-fg-on-accent)}.sl-fab-dock .sl-toolbar__btn.is-active *,.sl-fab-dock .sl-fab.is-active *{color:var(--sl-fg-on-accent)}.sl-fab-dock .sl-toolbar__btn.is-active:hover:not(:disabled),.sl-fab-dock .sl-fab.is-active:hover:not(:disabled){background-color:var(--sl-toolbar-on-hover-bot);background-image:linear-gradient(180deg, var(--sl-toolbar-on-hover-top) 0%, var(--sl-toolbar-on-hover-bot) 100%);border-color:var(--sl-toolbar-on-ring);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--sl-fg-on-accent) 20%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--sl-fg) 20%, transparent), 0 1px 2px color-mix(in srgb, var(--sl-fg) 20%, transparent);color:var(--sl-fg-on-accent)}.sl-fab-dock .sl-toolbar__btn.is-active:hover:not(:disabled) *,.sl-fab-dock .sl-fab.is-active:hover:not(:disabled) *{color:var(--sl-fg-on-accent)}.sl-fab{appearance:none;border-radius:var(--sl-r-xl);color:var(--sl-fg-secondary);font-family:var(--sl-font-mono);font-size:var(--sl-text-sm);text-align:center;text-transform:none;letter-spacing:normal;box-shadow:none;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:0;margin:0;padding:0;font-weight:600;line-height:1;display:inline-flex;position:relative;cursor:pointer!important;width:36px!important;height:36px!important}.sl-fab:hover:not(.is-active){background:var(--sl-surface-muted);color:var(--sl-fg)}.sl-fab-settings{appearance:none;border-radius:var(--sl-r-full);background:var(--sl-surface);color:var(--sl-fg-secondary);font:inherit;text-align:center;box-shadow:var(--sl-shadow-fab), var(--sl-edge-highlight);transition:background-color var(--sl-dur-1) var(--sl-ease), border-color var(--sl-dur-1) var(--sl-ease), color var(--sl-dur-1) var(--sl-ease), transform var(--sl-dur-2) var(--sl-ease);border:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative;cursor:pointer!important;width:36px!important;height:36px!important}.sl-fab-settings:hover{background:var(--sl-surface-muted);color:var(--sl-fg)}.sl-fab-settings:active{transform:scale(.96)}.sl-fab-settings[aria-expanded=true]{color:var(--sl-accent);transform:rotate(60deg)}.sl-fab-settings[aria-expanded=true]:active{transform:rotate(60deg)scale(.96)}.sl-fab-close{appearance:none;border-radius:var(--sl-r-full);background:var(--sl-surface);color:var(--sl-fg-secondary);font:inherit;text-align:center;box-shadow:var(--sl-shadow-fab), var(--sl-edge-highlight);transition:background-color var(--sl-dur-1) var(--sl-ease), color var(--sl-dur-1) var(--sl-ease), transform var(--sl-dur-2) var(--sl-ease);border:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative;cursor:pointer!important;width:36px!important;height:36px!important}.sl-fab-close:hover{background:var(--sl-surface-muted);color:var(--sl-fg)}.sl-fab-close:active{transform:scale(.96)}.sl-fab-settings svg,.sl-fab-close svg{display:block}.sl-toolbar__btn:not(.sl-toolbar__copy-block):not(.sl-toolbar__copy-fmt):after,.sl-fab:after,.sl-fab-settings:after,.sl-fab-close:after{content:"";width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sl-settings{z-index:2147483647;overscroll-behavior:contain;border-radius:var(--sl-r-3xl);background:var(--sl-panel-shell);width:280px;max-width:calc(100vw - 16px);min-height:0;max-height:calc(100vh - 16px);color:var(--sl-fg);box-shadow:var(--sl-shadow-settings);font-family:var(--sl-font-ui);opacity:0;visibility:hidden;transform-origin:bottom;transition:opacity var(--sl-dur-1) var(--sl-ease), transform var(--sl-dur-1) var(--sl-ease), visibility 0s linear var(--sl-dur-1);border:0;flex-direction:column;padding:0;display:flex;position:fixed;inset:0 auto auto 0;overflow:hidden;transform:translateY(6px)scale(.98)}.sl-settings.is-below{transform-origin:top;transform:translateY(-6px)scale(.98)}.sl-settings.is-visible{opacity:1;visibility:visible;transition:opacity var(--sl-dur-3) var(--sl-ease-out), transform var(--sl-dur-3) var(--sl-ease-out), visibility 0s linear 0s;transform:translateY(0)scale(1)}.sl-settings__head{justify-content:space-between;align-items:center;gap:var(--sl-space-8);padding:var(--sl-space-8) var(--sl-space-8) var(--sl-space-4) var(--sl-space-12);border-bottom:0;flex:none;display:flex}.sl-settings__heading{font-family:var(--sl-font-ui);font-size:var(--sl-text-sm);color:var(--sl-fg);font-weight:600}.sl-settings__close{border-radius:var(--sl-r-md);color:var(--sl-fg-muted);transition:background-color var(--sl-dur-1) var(--sl-ease), color var(--sl-dur-1) var(--sl-ease);background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;cursor:pointer!important;width:24px!important;height:24px!important}.sl-settings__close:hover{background:var(--sl-surface-subtle);color:var(--sl-fg)}.sl-settings__body{overscroll-behavior:contain;gap:var(--sl-space-4);min-height:0;padding:var(--sl-space-4);flex-direction:column;flex:auto;display:flex;overflow-y:auto}html.sl-xray body *{outline-offset:-1px;outline:1px solid color-mix(in srgb, var(--sl-role-pad) 55%, transparent)!important}html.sl-xray body script,html.sl-xray body style,html.sl-xray body link,html.sl-xray body meta,html.sl-xray body br,html.sl-xray body wbr,html.sl-xray body noscript,html.sl-xray [data-sl-chrome],html.sl-xray [data-sl-chrome] *,html.sl-xray [data-sl-ignore],html.sl-xray [data-spec-ignore]{outline:none!important}html.sl-xray body:after{content:"";z-index:2147483630;pointer-events:none;background:color-mix(in srgb, var(--sl-role-pad-9) 6%, transparent);position:fixed;inset:0}.sl-settings__group{gap:var(--sl-space-6);padding:var(--sl-space-8);background:var(--sl-surface);border-radius:var(--sl-r-card);box-shadow:var(--sl-shadow-card), var(--sl-edge-highlight);flex-direction:column;display:flex}.sl-settings__group+.sl-settings__group{padding-top:var(--sl-space-8);border-top:0;margin-top:0}.sl-settings__title{padding:0 var(--sl-space-4);font-family:var(--sl-font-ui);font-size:var(--sl-text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--sl-fg-muted);font-weight:700}.sl-settings__row{align-items:center;gap:var(--sl-space-8);width:100%;padding:var(--sl-space-6);border-radius:var(--sl-r-lg);color:inherit;text-align:left;transition:background-color var(--sl-dur-1) var(--sl-ease);background:0 0;border:1px solid #0000;margin:0;display:flex;cursor:pointer!important}.sl-settings__row:hover:not(.is-static){background:var(--sl-surface-muted)}.sl-settings__row.is-static{cursor:default!important}.sl-settings__row-text{gap:var(--sl-space-2);flex-direction:column;flex:1;min-width:0;display:flex}.sl-settings__row-text strong{font-family:var(--sl-font-ui);font-size:var(--sl-text-sm);color:var(--sl-fg);font-weight:600}.sl-settings__hint{font-family:var(--sl-font-ui);font-size:var(--sl-text-xs);color:var(--sl-fg-muted);line-height:1.4}.sl-settings__group>.sl-settings__hint{padding:0 var(--sl-space-4)}.sl-settings__soon{padding:var(--sl-space-2) var(--sl-space-6);border-radius:var(--sl-r-full);background:var(--sl-surface-subtle);color:var(--sl-fg-muted);font-family:var(--sl-font-ui);font-size:var(--sl-text-2xs);letter-spacing:.04em;text-transform:uppercase;flex:none;font-weight:700}.sl-settings__help{align-items:center;gap:var(--sl-space-6) var(--sl-space-8);padding:0 var(--sl-space-4);grid-template-columns:max-content 1fr;margin:0;list-style:none;display:grid}.sl-shortcut{display:contents}.sl-keys{align-items:center;gap:var(--sl-space-2);white-space:nowrap;display:inline-flex}.sl-keys__plus{font-family:var(--sl-font-ui);font-size:var(--sl-text-2xs);color:var(--sl-fg-muted);font-style:normal}.sl-shortcut__label{font-family:var(--sl-font-ui);font-size:var(--sl-text-xs);color:var(--sl-fg-secondary);line-height:1.3}.sl-settings__help kbd{min-width:18px;height:18px;padding:0 var(--sl-space-4);border:1px solid var(--sl-border-control);border-radius:var(--sl-r-sm);background:var(--sl-surface-subtle);color:var(--sl-fg);font-family:var(--sl-font-mono);font-size:var(--sl-text-2xs);border-bottom-width:2px;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.sl-settings__help-note{padding:0 var(--sl-space-4);font-family:var(--sl-font-ui);font-size:var(--sl-text-xs);color:var(--sl-fg-muted);margin:0;line-height:1.4}.sl-settings__help-note strong{color:var(--sl-fg-secondary)}.sl-legend{align-items:center;gap:var(--sl-space-6) var(--sl-space-8);padding:0 var(--sl-space-4);grid-template-columns:max-content max-content 1fr;margin:0;list-style:none;display:grid}.sl-legend__row{display:contents}.sl-legend__dot{border-radius:var(--sl-r-xs);width:10px;height:10px;box-shadow:0 0 0 1px var(--sl-swatch-border)}.sl-legend__dot--pad{background:var(--sl-role-pad)}.sl-legend__dot--mar{background:var(--sl-role-margin)}.sl-legend__dot--gap{background:var(--sl-role-gap)}.sl-legend__dot--space{background:var(--sl-role-space)}.sl-legend__dot--measure{background:var(--sl-role-measure)}.sl-legend__label{font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);color:var(--sl-fg);font-weight:600}.sl-legend__note{font-family:var(--sl-font-ui);font-size:var(--sl-text-xs);color:var(--sl-fg-muted)}.sl-settings__switch{border-radius:var(--sl-r-full);background:var(--sl-switch-track);width:36px;height:20px;box-shadow:inset 0 0 0 1px var(--sl-switch-track-ring);transition:background-color var(--sl-dur-2) var(--sl-ease);flex:none;position:relative}.sl-settings__switch:after{content:"";border-radius:var(--sl-r-full);background:var(--sl-fg-on-accent);width:16px;height:16px;box-shadow:var(--sl-shadow-switch);transition:transform var(--sl-dur-2) var(--sl-ease);position:absolute;top:2px;left:2px}.sl-settings__row.is-on .sl-settings__switch{background:var(--sl-accent-solid);box-shadow:inset 0 0 0 1px var(--sl-accent-solid)}.sl-settings__row.is-on .sl-settings__switch:after{transform:translate(16px)}.sl-settings__segment{margin:0}.sl-settings__seg--icon{min-width:0;padding-left:0;padding-right:0}.sl-settings__seg--icon svg{margin:0 auto;display:block}.sl-settings__nav{align-items:center;gap:var(--sl-space-8);width:100%;padding:var(--sl-space-6);border-radius:var(--sl-r-lg);color:var(--sl-fg);text-align:left;transition:background-color var(--sl-dur-1) var(--sl-ease);background:0 0;border:0;margin:0;display:flex;cursor:pointer!important}.sl-settings__nav:hover{background:var(--sl-surface-muted)}.sl-settings__nav svg{color:var(--sl-fg-muted);flex:none}.sl-sheet{z-index:2147483647;border-radius:var(--sl-r-3xl);background:var(--sl-panel-shell);width:360px;max-width:calc(100vw - 16px);min-height:0;max-height:calc(100vh - 16px);color:var(--sl-fg);box-shadow:var(--sl-shadow-settings);font-family:var(--sl-font-ui);opacity:0;visibility:hidden;transition:opacity var(--sl-dur-1) var(--sl-ease), transform var(--sl-dur-1) var(--sl-ease), visibility 0s linear var(--sl-dur-1);border:0;flex-direction:column;padding:0;display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translateY(6px)scale(.98)}.sl-sheet.is-visible{opacity:1;visibility:visible;transition:opacity var(--sl-dur-3) var(--sl-ease-out), transform var(--sl-dur-3) var(--sl-ease-out), visibility 0s linear 0s;transform:translateY(0)scale(1)}.sl-sheet[hidden]{display:none!important}.sl-sheet__head{justify-content:space-between;align-items:center;gap:var(--sl-space-8);padding:var(--sl-space-8) var(--sl-space-8) var(--sl-space-4) var(--sl-space-12);flex:none;display:flex}.sl-sheet__heading{font-family:var(--sl-font-ui);font-size:var(--sl-text-sm);color:var(--sl-fg);font-weight:600}.sl-sheet__body{gap:var(--sl-space-8);min-width:0;min-height:0;margin:0 var(--sl-space-4) var(--sl-space-4);padding:var(--sl-space-8);background:var(--sl-surface);border-radius:var(--sl-r-card);box-shadow:var(--sl-shadow-card), var(--sl-edge-highlight);flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.sl-feedback__lab{font-family:var(--sl-font-ui);font-size:var(--sl-text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--sl-fg-muted);font-weight:700}.sl-feedback__note,.sl-feedback__email{width:100%;min-width:0;max-width:100%;padding:var(--sl-space-8);border:1px solid var(--sl-border-control);border-radius:var(--sl-r-lg);background:var(--sl-surface-muted);color:var(--sl-fg);font-family:var(--sl-font-ui);font-size:var(--sl-text-sm);margin:0;line-height:1.4;display:block;box-sizing:border-box!important}.sl-feedback__note{resize:vertical;min-height:96px}.sl-feedback__email{resize:none;min-height:0}.sl-feedback__shots{gap:var(--sl-space-6);flex-wrap:wrap;display:flex}.sl-feedback__empty{color:var(--sl-fg-muted);font-size:var(--sl-text-xs)}.sl-feedback__shot{border-radius:var(--sl-r-md);background:var(--sl-surface-subtle);width:72px;height:72px;margin:0;position:relative;overflow:hidden}.sl-feedback__shot img{object-fit:cover;width:100%;height:100%}.sl-feedback__shot-x{border-radius:var(--sl-r-full);background:color-mix(in srgb, var(--sl-fg) 72%, transparent);width:18px;height:18px;color:var(--sl-fg-on-accent);border:0;padding:0;font-size:12px;line-height:1;position:absolute;top:2px;right:2px;cursor:pointer!important}.sl-feedback__actions{gap:var(--sl-space-6);flex-wrap:wrap;display:flex}.sl-feedback__add,.sl-feedback__send{justify-content:center;align-items:center;gap:var(--sl-space-6);padding:var(--sl-space-6) var(--sl-space-10);border-radius:var(--sl-r-lg);font-family:var(--sl-font-ui);font-size:var(--sl-text-sm);border:0;margin:0;font-weight:600;display:inline-flex;cursor:pointer!important}.sl-feedback__add{background:var(--sl-surface-subtle);color:var(--sl-fg)}.sl-feedback__add:hover{background:var(--sl-surface-muted)}.sl-feedback__send{background:var(--sl-accent-solid);color:var(--sl-fg-on-accent)}.sl-feedback__send:hover{background:var(--sl-accent-solid-hover)}.sl-feedback__send[disabled]{opacity:.6;cursor:wait!important}.sl-feedback__status{font-size:var(--sl-text-xs);color:var(--sl-fg-secondary);margin:0}.sl-hover-blocker{z-index:2147483639;pointer-events:auto;background:0 0;position:fixed;inset:0}.sl-outline{z-index:2147483640;pointer-events:none;box-sizing:border-box;outline:1px solid var(--sl-accent);box-shadow:0 0 0 9999px var(--sl-outline-veil);display:none;position:fixed}.sl-outline.is-visible{display:block}.sl-outline.is-pinned{outline:1px solid var(--sl-accent)}.sl-outline.is-pinned.is-self-hover{outline-width:2px}.sl-outline.is-pinned.is-focus-iso{box-shadow:0 0 0 9999px var(--sl-focus-scrim)}.sl-outline.is-scrim-only{box-shadow:0 0 0 9999px var(--sl-focus-scrim);outline:none}.sl-outline__pad{display:none;position:absolute;inset:0}.sl-hover-outline{z-index:2147483639;pointer-events:none;box-sizing:border-box;outline:1px solid var(--sl-accent);display:none;position:fixed}.sl-hover-outline.is-visible{display:block}.sl-multi-outlines{z-index:2147483638;pointer-events:none;position:fixed;inset:0}.sl-multi-outline{pointer-events:none;box-sizing:border-box;outline:1px solid var(--sl-accent);outline-offset:0;display:none;position:fixed}.sl-multi-outline.is-visible{display:block}.sl-size-cap{z-index:2147483642;pointer-events:none;font-family:var(--sl-font-mono);font-size:var(--sl-text-2xs);padding:0 var(--sl-space-6);white-space:nowrap;background:var(--sl-accent);color:var(--sl-fg-on-accent);border-radius:var(--sl-r-xs);box-shadow:0 0 0 1px var(--sl-badge-ring);line-height:16px;display:none;position:fixed}.sl-size-cap.is-visible{display:block}.sl-size-cap.is-pinned{background:var(--sl-accent)}.sl-size-bound{z-index:2147483642;pointer-events:none;display:none;position:fixed;inset:0}.sl-size-bound.is-visible{display:block}.sl-size-bound__ghost{box-sizing:border-box;border:1px dashed var(--sl-role-measure);background:color-mix(in srgb, var(--sl-role-measure) 8%, transparent);position:fixed}.sl-size-bound__ghost.is-min{background:color-mix(in srgb, var(--sl-role-measure) 12%, transparent);border-style:solid}.sl-size-bound__edge{background:var(--sl-role-measure);width:2px;position:fixed}.sl-size-bound__edge.is-h{width:auto;height:2px}.sl-size-bound__badge{font-family:var(--sl-font-mono);font-size:var(--sl-text-2xs);padding:0 var(--sl-space-6);white-space:nowrap;background:var(--sl-role-measure);color:var(--sl-fg-on-accent);border-radius:var(--sl-r-xs);box-shadow:0 0 0 1px var(--sl-badge-ring);font-weight:600;line-height:16px;position:fixed}.sl-text-edit-fab{z-index:2147483645;box-sizing:border-box;border:1px solid var(--sl-badge-ring);border-radius:var(--sl-r-md);background:var(--sl-surface);width:24px;height:24px;color:var(--sl-fg);cursor:pointer;pointer-events:auto;box-shadow:var(--sl-shadow-switch);margin:0;padding:0;display:none;position:fixed}.sl-text-edit-fab.is-visible{justify-content:center;align-items:center;display:inline-flex}.sl-text-edit-fab svg{display:block}.sl-text-edit-fab:after{content:"";width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sl-text-edit-fab:hover{color:var(--sl-accent);border-color:var(--sl-accent)}.sl-text-edit-fab.is-editing{background:var(--sl-accent);color:var(--sl-fg-on-accent);border-color:var(--sl-accent)}.sl-text-edit-fab:focus-visible{outline-offset:1px;outline:2px solid var(--sl-accent)!important}.sl-text-editing{cursor:text!important}.sl-hatch{z-index:2147483641;pointer-events:none;display:none;position:fixed;inset:0}.sl-hatch.is-visible{display:block}.sl-hatch-preview{z-index:2147483641;pointer-events:none;display:none;position:fixed;inset:0}.sl-hatch-preview.is-visible{display:block}.sl-hatch__band{box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:fixed;overflow:visible}.sl-hatch__badge{z-index:1;font-family:var(--sl-font-mono);font-size:var(--sl-text-2xs);border-radius:var(--sl-r-xs);color:var(--sl-fg-on-accent);white-space:nowrap;pointer-events:none;padding:0 4px;font-weight:600;line-height:14px;position:relative}.sl-hatch__band--pad .sl-hatch__badge{background:var(--sl-role-pad)}.sl-hatch__band--mar .sl-hatch__badge{background:var(--sl-role-margin)}.sl-hatch__band--gap .sl-hatch__badge{background:var(--sl-role-gap)}.sl-hatch__band--space .sl-hatch__badge{background:var(--sl-role-space)}.sl-measure{z-index:2147483643;pointer-events:none;display:none;position:fixed;inset:0}.sl-measure.is-visible{display:block}.sl-measure__outline{box-sizing:border-box;outline:2px solid var(--sl-role-measure);position:fixed}.sl-measure__line{background:var(--sl-role-measure);position:fixed}.sl-measure__line--v{width:1px}.sl-measure__line--h{height:1px}.sl-drop{z-index:2147483643;pointer-events:none;display:none;position:fixed;inset:0}.sl-drop.is-visible{display:block}.sl-drop__host{box-sizing:border-box;outline:2px solid var(--sl-accent);background:var(--sl-outline-veil);position:fixed}.sl-drop__line{background:var(--sl-accent);position:fixed}.sl-drop__ghost{box-sizing:border-box;outline:1px dashed var(--sl-accent);background:var(--sl-outline-veil);position:fixed}.sl-drop-preview{opacity:.7;outline:1px dashed var(--sl-accent);outline-offset:-1px;pointer-events:none!important}.sl-drop-origin{display:none!important}.sl-drop-lift{box-sizing:border-box;z-index:2;position:fixed;pointer-events:none!important;margin:0!important}html.sl-dragging-pin,html.sl-dragging-pin *{cursor:grabbing!important}.sl-measure__line--guide.sl-measure__line--v{background:repeating-linear-gradient(to bottom, var(--sl-role-measure) 0 3px, transparent 3px 6px)}.sl-measure__line--guide.sl-measure__line--h{background:repeating-linear-gradient(to right, var(--sl-role-measure) 0 3px, transparent 3px 6px)}.sl-measure__badge{font-family:var(--sl-font-mono);font-size:var(--sl-text-2xs);padding:0 var(--sl-space-6);border-radius:var(--sl-r-xs);background:var(--sl-role-measure);color:var(--sl-fg-on-accent);white-space:nowrap;box-shadow:0 0 0 1px var(--sl-badge-ring);font-weight:600;line-height:14px;position:fixed;transform:translate(-50%,-50%)}.sl-panel{z-index:2147483644;overscroll-behavior:contain;width:340px;max-height:calc(100vh - 96px);padding:var(--sl-space-4);gap:var(--sl-space-4);background:var(--sl-panel-shell);border-radius:var(--sl-r-3xl);box-shadow:var(--sl-shadow-panel);font-family:var(--sl-font-ui);color:var(--sl-fg);border:0;flex-direction:column;align-items:stretch;display:none;position:fixed;top:16px;right:16px;overflow:hidden auto;cursor:default!important}.sl-panel,.sl-settings__body,.sl-sheet__body,.sl-palette__list,.sl-typeramp__list,.sl-assets-panel__body,.sl-dd__menu,.sl-cp__body,.sl-tok-pick__list{scrollbar-width:none;-ms-overflow-style:none}.sl-panel::-webkit-scrollbar{width:0;height:0;display:none}.sl-settings__body::-webkit-scrollbar{width:0;height:0;display:none}.sl-sheet__body::-webkit-scrollbar{width:0;height:0;display:none}.sl-palette__list::-webkit-scrollbar{width:0;height:0;display:none}.sl-typeramp__list::-webkit-scrollbar{width:0;height:0;display:none}.sl-assets-panel__body::-webkit-scrollbar{width:0;height:0;display:none}.sl-dd__menu::-webkit-scrollbar{width:0;height:0;display:none}.sl-cp__body::-webkit-scrollbar{width:0;height:0;display:none}.sl-tok-pick__list::-webkit-scrollbar{width:0;height:0;display:none}.sl-overlay-thumb{z-index:2147483645;border-radius:var(--sl-r-full);background:color-mix(in srgb, var(--sl-fg) 32%, transparent);opacity:0;pointer-events:auto;cursor:default;width:4px;transition:opacity var(--sl-dur-2) var(--sl-ease);position:fixed}.sl-overlay-thumb.is-on{opacity:1}.sl-overlay-thumb:hover,.sl-overlay-thumb.is-drag{background:color-mix(in srgb, var(--sl-fg) 48%, transparent)}.sl-panel.is-visible{display:flex}.sl-panel *{cursor:default!important}.sl-panel button,.sl-panel summary{cursor:pointer!important}.sl-panel button:focus-visible,.sl-edit-pop button:focus-visible,.sl-fab:focus-visible,.sl-toolbar__btn:focus-visible,.sl-fab-settings:focus-visible,.sl-settings__row:focus-visible,.sl-settings__seg:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:2px!important}.sl-panel__drag{touch-action:none;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;height:18px;margin:0;padding:6px 8px 2px;display:flex;cursor:grab!important}.sl-panel__drag-grip{color:var(--sl-border-strong);opacity:.9;pointer-events:none;justify-content:center;align-items:center;line-height:0;display:inline-flex}.sl-panel__drag-grip svg{display:block}.sl-panel__drag:hover .sl-panel__drag-grip{color:var(--sl-fg-muted);opacity:1}.sl-panel__drag:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:2px!important}.sl-panel__card,.sl-section,.sl-palette,.sl-typeramp,.sl-assets-panel,.sl-changes{background:var(--sl-surface);border-radius:var(--sl-r-card);min-width:0;box-shadow:var(--sl-shadow-card), var(--sl-edge-highlight);flex:none;align-self:stretch;overflow:hidden}:is(.sl-section:has(.sl-dd__menu.is-open),.sl-panel__card:has(.sl-dd__menu.is-open)){overflow:visible}.sl-section:has(.sl-dd__menu.is-open) .sl-section__inner{overflow:visible}.sl-panel__card--chrome,.sl-panel__card--meta{flex-direction:column;align-items:stretch;display:flex}.sl-panel.is-idle .sl-panel__card--meta{display:none}.sl-panel__card--empty{justify-content:center;align-items:center;display:flex}.sl-panel__head{gap:var(--sl-space-4);padding:var(--sl-space-8);cursor:default;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.sl-panel__classes:not(:has(.sl-panel__classes-text:not(:empty))){display:none}.sl-states:empty{display:none}.sl-palette__head,.sl-palette__head *,.sl-typeramp__head,.sl-typeramp__head *{cursor:grab!important}.sl-palette__head button,.sl-typeramp__head button{-webkit-user-select:none;user-select:none;cursor:pointer!important}.sl-palette__head,.sl-typeramp__head{touch-action:none;-webkit-user-select:none;user-select:none}.sl-panel.is-dragging,.sl-panel.is-dragging *{cursor:grabbing!important}.sl-panel.is-dragging{-webkit-user-select:none;user-select:none}.sl-panel__status{align-items:center;gap:8px;width:100%;min-height:20px;display:flex}.sl-panel__status:not(:has(>:not([hidden]))){min-height:0;display:none}.sl-panel__token-hint{color:var(--sl-fg-muted);font-family:var(--sl-font-ui);font-size:var(--sl-text-2xs);letter-spacing:.01em;cursor:help;text-overflow:ellipsis;white-space:nowrap;text-underline-offset:2px;max-width:55%;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--sl-border-control);text-decoration-color:var(--sl-border-control);background:0 0;border:0;border-radius:0;flex:none;margin:0;padding:0;font-weight:500;line-height:1.3;overflow:hidden}.sl-panel__token-hint[hidden]{display:none}.sl-panel__token-hint:hover,.sl-panel__token-hint:focus-visible{color:var(--sl-fg-secondary);-webkit-text-decoration-color:var(--sl-fg-muted);text-decoration-color:var(--sl-fg-muted);background:0 0}.sl-panel__token-hint:focus-visible{border-radius:var(--sl-r-sm);outline:2px solid var(--sl-focus-ring)!important;outline-offset:2px!important}.sl-panel__pin{align-items:center;gap:var(--sl-space-4);padding:var(--sl-space-4) var(--sl-space-10);border-radius:var(--sl-r-full);background:var(--sl-surface-muted);font-family:var(--sl-font-ui);font-size:var(--sl-text-xs);letter-spacing:.01em;color:var(--sl-fg-secondary);cursor:pointer;border:0;flex:none;margin:0 0 0 auto;font-weight:600;line-height:1.2;display:inline-flex}.sl-panel__pin svg{flex:none;width:12px;height:12px;display:block}.sl-panel.is-pinned .sl-panel__pin{color:var(--sl-accent-soft-fg);background:var(--sl-accent-subtle)}.sl-panel__pin:disabled{cursor:default;opacity:.85}.sl-panel__pin:not(:disabled):hover{background:var(--sl-surface-subtle);color:var(--sl-fg)}.sl-panel.is-pinned .sl-panel__pin:not(:disabled):hover{background:color-mix(in srgb, var(--sl-accent) 18%, var(--sl-accent-subtle));color:var(--sl-accent-soft-fg)}.sl-panel__pin:not(:disabled):hover .sl-panel__pin-text{text-decoration:none}.sl-panel__pin:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:2px!important}.sl-panel__head-row{align-items:center;gap:6px;min-width:0;min-height:28px;display:flex}.sl-panel__tag{border-radius:var(--sl-r-full);background:var(--sl-accent-subtle);color:var(--sl-accent-soft-fg);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);white-space:nowrap;flex:none;padding:2px 8px;font-weight:600;line-height:1.4}.sl-panel__tag[hidden]{display:none}.sl-panel__title{appearance:none;border-radius:var(--sl-r-xs);min-width:0;font-family:var(--sl-font-mono);font-size:var(--sl-text-sm);text-align:left;white-space:nowrap;text-overflow:ellipsis;word-break:normal;background:0 0;border:0;flex:auto;margin:0;padding:1px 4px;font-weight:600;line-height:1.35;overflow:hidden}.sl-panel__title:hover:not(:disabled){background:var(--sl-surface-subtle)}.sl-panel__title:disabled{cursor:default!important}.sl-panel__title.is-ok{color:var(--sl-fg)}.sl-panel__nav{flex:none;gap:2px;margin-left:0;display:inline-flex}.sl-panel__nav[hidden]{display:none}.sl-panel__nav-btn{border-radius:var(--sl-r-md);min-width:20px;min-height:20px;color:var(--sl-fg-muted);background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.sl-panel__nav-btn svg{display:block}.sl-panel__nav-btn:hover:not(:disabled){color:var(--sl-fg);background:var(--sl-surface-muted)}.sl-panel__nav-btn:disabled,.sl-panel__nav-btn[aria-disabled=true]{color:var(--sl-fg-disabled);cursor:default!important}.sl-panel__nav-btn:disabled *,.sl-panel__nav-btn[aria-disabled=true] *{color:var(--sl-fg-disabled)}.sl-panel__classes{box-sizing:border-box;padding:0 var(--sl-space-8) var(--sl-space-10);border-bottom:0;min-height:0}.sl-panel__classes[hidden]{display:none}.sl-panel__classes-text{-webkit-line-clamp:2;line-clamp:2;max-height:28px;font-family:var(--sl-font-mono);font-size:var(--sl-text-2xs);color:var(--sl-fg-secondary);word-break:break-all;-webkit-box-orient:vertical;line-height:14px;display:-webkit-box;overflow:hidden}.sl-panel:not(.is-truncate-classes) .sl-panel__classes-text{-webkit-line-clamp:unset;line-clamp:unset;max-height:none;display:block;overflow:visible}.sl-states{border:none;flex-flow:column;align-items:stretch;gap:6px;padding:0 8px 12px;display:flex}.sl-states__label{font-size:var(--sl-text-xs);letter-spacing:.01em;color:var(--sl-fg-muted);flex:none;align-items:center;gap:6px;margin-bottom:0;font-weight:600;display:flex}.sl-states__label-text{min-width:0}.sl-states__info{border-radius:var(--sl-r-sm);width:20px;height:20px;color:var(--sl-fg-muted);cursor:help;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.sl-states__info:hover,.sl-states__info:focus-visible{color:var(--sl-fg-secondary);background:0 0}.sl-states__info:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:2px!important}.sl-states__hint{font-size:var(--sl-text-xs);color:var(--sl-fg-muted);flex:none;margin-top:0;font-weight:500;line-height:1.35}.sl-states__group{border-radius:var(--sl-r-lg);background:var(--sl-surface-subtle);flex-wrap:nowrap;align-items:center;gap:2px;max-width:100%;padding:2px;display:inline-flex;overflow-x:auto}.sl-state{border-radius:var(--sl-r-md);min-height:24px;font-size:var(--sl-text-xs);color:var(--sl-fg-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;margin:0;padding:4px 8px;font-weight:600;display:inline-flex}.sl-state:hover{color:var(--sl-fg);background:var(--sl-surface-muted)}.sl-state:focus-visible{border-color:var(--sl-accent);outline:2px solid var(--sl-focus-ring)!important;outline-offset:2px!important}.sl-state.is-active{background:var(--sl-surface);border-color:var(--sl-border);color:var(--sl-fg)}.sl-rows{gap:var(--sl-space-4);flex-direction:column;min-width:0;padding:0;display:flex}.sl-row{gap:var(--sl-space-8);min-height:32px;padding:var(--sl-space-4) 0;font-size:var(--sl-text-sm);grid-template-columns:88px minmax(0,1fr);align-items:center;line-height:1.45;display:grid}.sl-row__key{align-items:center;gap:var(--sl-space-6);color:var(--sl-fg-muted);font-family:var(--sl-font-mono);min-width:0;display:inline-flex}.sl-row__val{gap:var(--sl-space-4);flex-wrap:nowrap;align-items:center;width:100%;min-width:0;display:flex}.sl-row__val>.sl-val,.sl-row__val>.sl-px,.sl-row__val>.sl-hex{flex:none}.sl-row__val>.sl-val:not(:last-child),.sl-row__val>.sl-px:not(:last-child){min-width:32px}.sl-row__val>.sl-tok{flex:0 auto}.sl-section[data-section=text-content] .sl-row{grid-template-columns:1fr}.sl-section[data-section=text-content] .sl-row__key{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sl-ed.sl-ed-text{flex-direction:column;align-items:stretch;gap:0;width:100%;min-width:0;height:auto;min-height:56px;padding:0;display:flex;position:relative}.sl-ed.sl-ed-text:focus-within,.sl-ed.sl-ed-text.is-edited:focus-within{background:var(--sl-surface-subtle);border-color:var(--sl-accent);box-shadow:var(--sl-shadow-focus);outline:none!important}.sl-ed__textarea{box-sizing:border-box;width:100%;min-height:56px;max-height:200px;padding:var(--sl-space-6) var(--sl-space-8);padding-bottom:calc(var(--sl-space-16) + var(--sl-space-16));color:var(--sl-fg);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);letter-spacing:normal;text-transform:none;resize:vertical;background:0 0;border:0;margin:0;line-height:1.4;display:block;overflow:auto}.sl-ed__textarea:focus,.sl-ed__textarea:focus-visible{box-shadow:none;outline:none!important}.sl-ed-text:has(.sl-ed__textarea[disabled]){opacity:var(--sl-disabled-opacity);color:var(--sl-fg-disabled);cursor:not-allowed}.sl-ed-text:has(.sl-ed__textarea[disabled]) .sl-ed__textarea{resize:none}.sl-ed__textarea[disabled]{color:var(--sl-fg-disabled);cursor:not-allowed}.sl-ed-text__actions{right:calc(var(--sl-space-16) + var(--sl-space-4));bottom:var(--sl-space-4);justify-content:flex-end;gap:var(--sl-space-2);flex-direction:row;display:flex;position:absolute}.sl-ed__text-act{border-radius:var(--sl-r-md);width:28px;height:28px;color:var(--sl-fg-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.sl-ed__text-act:hover:not(:disabled){color:var(--sl-fg);background:var(--sl-surface-muted)}.sl-ed__text-act:disabled{opacity:.38;cursor:default}.sl-ed__text-act:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:2px!important}.sl-ed__text-act svg{width:12px;height:12px}.sl-section{margin:0}.sl-section+.sl-section{border-top:0}.sl-section__head{align-items:center;gap:var(--sl-space-8);width:100%;padding:var(--sl-space-8);color:var(--sl-fg-muted);font-family:var(--sl-font-ui);font-size:var(--sl-text-2xs);letter-spacing:.06em;text-transform:uppercase;text-align:left;cursor:pointer;transition:background-color var(--sl-dur-1) var(--sl-ease), color var(--sl-dur-1) var(--sl-ease);background:0 0;border:0;border-radius:0;margin:0;font-weight:700;display:flex}.sl-section__head:hover{background:var(--sl-surface-muted);color:var(--sl-fg)}.sl-section__head:active{background:var(--sl-surface-subtle)}.sl-section__head:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:-2px!important}.sl-section__head>svg:first-of-type{color:var(--sl-accent);flex:none;display:block}.sl-section__label{min-width:0;color:var(--sl-fg-muted);text-transform:uppercase;flex:auto}.sl-section__head:hover .sl-section__label{color:var(--sl-fg)}.sl-section__chevron{color:var(--sl-fg-muted);transition:transform var(--sl-dur-2) var(--sl-ease);flex:none}.sl-section.is-collapsed .sl-section__chevron{transform:rotate(-90deg)}.sl-section__body{padding:0 var(--sl-space-8) var(--sl-space-8);transition:grid-template-rows var(--sl-dur-2) var(--sl-ease), padding-bottom var(--sl-dur-2) var(--sl-ease);grid-template-rows:1fr;display:grid}.sl-section__inner{min-height:0;overflow:hidden}.sl-section.is-collapsed .sl-section__body{grid-template-rows:0fr;padding-bottom:0}.sl-grad{box-sizing:border-box;border:1px solid var(--sl-border-control);border-radius:var(--sl-r-md);background:var(--sl-surface);flex:100%;width:100%;min-width:0;margin:0;overflow:hidden}.sl-grad__sum{cursor:pointer;color:var(--sl-fg-secondary);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);align-items:center;gap:8px;padding:6px 8px;line-height:1.2;list-style:none;display:flex}.sl-grad__sum::-webkit-details-marker{display:none}.sl-grad__sum::marker{content:""}.sl-grad__sum:hover{background:var(--sl-surface-subtle)}.sl-grad__sum:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:-2px!important}.sl-grad__type{color:var(--sl-fg);flex:none;font-weight:600}.sl-grad__bar{border-radius:var(--sl-r-full);border:1px solid var(--sl-swatch-border);background-color:var(--sl-surface-subtle);background-size:100% 100%;flex:auto;min-width:40px;height:12px}.sl-grad__meta{color:var(--sl-fg-muted);font-size:var(--sl-text-2xs);flex:none}.sl-grad__meta:after{content:" ▾";font-size:var(--sl-text-2xs)}.sl-grad[open] .sl-grad__meta:after{content:" ▴"}.sl-grad__body{border-top:1px solid var(--sl-border);padding:0 0 8px}.sl-grad__bar--lg{border-radius:var(--sl-r-md);flex:none;width:auto;height:22px;margin:8px 8px 4px;display:block}.sl-grad__stops{counter-reset:sl-stop;margin:0;padding:2px 8px 0;list-style:none}.sl-grad__stop{counter-increment:sl-stop;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0;display:flex}.sl-grad__stop:before{content:counter(sl-stop);width:14px;color:var(--sl-fg-muted);font-family:var(--sl-font-mono);font-size:var(--sl-text-2xs);text-align:right;flex:none}.sl-grad__pos{color:var(--sl-fg-muted);font-family:var(--sl-font-mono);font-size:var(--sl-text-2xs)}.sl-grad__empty{color:var(--sl-fg-muted);font-size:var(--sl-text-xs);padding:6px 8px}.sl-grad__copy{border:1px solid var(--sl-border-control);border-radius:var(--sl-r-sm);background:var(--sl-surface-subtle);width:calc(100% - 16px);color:var(--sl-fg-secondary);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);cursor:pointer;margin:6px 8px 0;padding:6px 8px;display:block}.sl-grad__copy:hover{color:var(--sl-fg);border-color:var(--sl-border-strong)}.sl-grad__copy:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:1px!important}.sl-assets-wrap{flex-direction:column;flex:100%;align-items:stretch;gap:4px;width:100%;min-width:0;display:flex}.sl-assets{flex-direction:column;gap:0;width:100%;min-width:0;display:flex}.sl-asset{border-radius:var(--sl-r-sm);background:0 0;border:0;align-items:center;gap:8px;width:100%;min-width:0;margin:0;padding:2px 0;display:flex}.sl-asset:hover{background:var(--sl-surface-subtle)}.sl-asset__thumb{box-sizing:border-box;border-radius:var(--sl-r-sm);background:var(--sl-surface-subtle);outline:1px solid var(--sl-swatch-border);outline-offset:-1px;border:0;flex:none;width:28px;height:28px;position:relative;overflow:hidden}.sl-asset__img{object-fit:cover;width:100%;height:100%;display:block}.sl-asset__badge{color:var(--sl-fg-muted);font-family:var(--sl-font-mono);font-size:var(--sl-text-2xs);text-transform:uppercase;justify-content:center;align-items:center;font-weight:600;line-height:1;display:none;position:absolute;inset:0}.sl-asset.is-fallback .sl-asset__badge{display:flex}.sl-asset.is-fallback .sl-asset__img{display:none}.sl-asset__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--sl-fg);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);flex:auto;font-weight:600;line-height:1.2;overflow:hidden}.sl-asset__acts{flex:none;justify-content:flex-end;align-items:center;width:72px;display:inline-flex}.sl-assets.is-editable .sl-asset__acts{width:96px}.sl-asset__copy,.sl-asset__open,.sl-asset__download,.sl-asset__replace{border-radius:var(--sl-r-xs);min-width:24px;min-height:24px;color:var(--sl-accent);cursor:pointer;opacity:0;transition:opacity var(--sl-dur-1) var(--sl-ease), transform var(--sl-dur-1) var(--sl-ease);background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin:0;padding:0;line-height:0;display:inline-flex;transform:scale(.25)}.sl-asset__copy svg,.sl-asset__open svg,.sl-asset__download svg,.sl-asset__replace svg{pointer-events:none;display:block}.sl-asset:hover .sl-asset__copy,.sl-asset:hover .sl-asset__open,.sl-asset:hover .sl-asset__download,.sl-asset:hover .sl-asset__replace,.sl-asset__copy:focus-visible,.sl-asset__open:focus-visible,.sl-asset__download:focus-visible,.sl-asset__replace:focus-visible,.sl-asset__copy.is-ok,.sl-asset__download.is-ok,.sl-assets.is-editable .sl-asset__replace{opacity:.7;transform:scale(1)}.sl-asset__copy:hover,.sl-asset__open:hover,.sl-asset__download:hover,.sl-asset__replace:hover,.sl-asset__copy.is-ok,.sl-asset__download.is-ok{opacity:1;background:var(--sl-tok-copy-hover)}.sl-asset__copy:focus-visible,.sl-asset__open:focus-visible,.sl-asset__download:focus-visible,.sl-asset__replace:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:1px!important}.sl-asset__copy:disabled{opacity:.35;cursor:not-allowed;background:0 0}.sl-asset:hover .sl-asset__copy:disabled{opacity:.35}.sl-asset__slot{flex:none;width:24px;height:24px;display:block}.sl-assets__more:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:2px!important}.sl-px{color:var(--sl-fg-secondary)}.sl-type{flex-wrap:wrap;flex:auto;align-items:center;gap:4px 6px;width:100%;min-width:0;display:flex}.sl-content{flex-wrap:wrap;align-items:baseline;gap:2px 0;width:100%;min-width:0;max-width:100%;display:inline-flex}.sl-content .sl-sep{margin:0 var(--sl-space-4);flex:none}.sl-content__file{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--sl-fg);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);flex:none;font-weight:600;line-height:1.2;overflow:hidden}.sl-content .sl-px{white-space:nowrap;flex:none}.sl-contrast{padding:var(--sl-space-4) var(--sl-space-10);border-radius:var(--sl-r-full);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);color:var(--sl-fg);border-left:0;align-items:center;font-weight:600;line-height:1.3;display:inline-flex}.sl-contrast--pass{background:var(--sl-success-bg);color:var(--sl-fg)}.sl-contrast--fail{background:var(--sl-warning-bg);color:var(--sl-fg)}.sl-size-axis{align-items:baseline;gap:var(--sl-space-2);font-family:var(--sl-font-mono);font-size:var(--sl-text-sm);display:inline-flex}.sl-size-axis__k{color:var(--sl-accent);text-transform:lowercase;font-weight:700}.sl-layout{color:var(--sl-fg-muted);font-size:var(--sl-text-xs)}.sl-sep{color:var(--sl-border-control);margin:0 6px;font-weight:600}.sl-tok{align-items:center;gap:var(--sl-space-4);min-width:0;max-width:100%;min-height:24px;padding:var(--sl-space-2) var(--sl-space-2) var(--sl-space-2) var(--sl-space-8);border-radius:var(--sl-r-full);background:var(--sl-accent-subtle);color:var(--sl-accent-soft-fg);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);box-sizing:border-box;font-weight:600;display:inline-flex}.sl-tok__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sl-tok--nearest{background:var(--sl-surface-muted);color:var(--sl-fg-secondary);box-shadow:inset 0 0 0 1px var(--sl-border-control)}.sl-tok__approx{border-radius:var(--sl-r-full);background:var(--sl-surface-subtle);color:var(--sl-fg-muted);font-family:var(--sl-font-ui);font-size:var(--sl-text-2xs);letter-spacing:.02em;white-space:nowrap;border:0;flex:none;align-items:center;margin-right:0;padding:1px 6px;font-weight:700;line-height:1.2;display:inline-flex}.sl-tok--nearest .sl-tok__copy{color:var(--sl-fg-muted)}.sl-tok__dot{border-radius:var(--sl-r-full);border:1px solid var(--sl-swatch-border);flex:none;width:10px;height:10px}.sl-tok__copy{border-radius:var(--sl-r-full);min-width:20px;min-height:20px;color:var(--sl-accent-soft-fg);cursor:pointer;opacity:.65;transition:opacity var(--sl-dur-1) var(--sl-ease), background-color var(--sl-dur-1) var(--sl-ease), color var(--sl-dur-1) var(--sl-ease);background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin:0;padding:0;line-height:0;display:inline-flex;position:relative}.sl-tok__copy:after{content:"";width:32px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sl-tok:hover .sl-tok__copy{opacity:.9}.sl-tok__copy:hover,.sl-tok__copy.is-ok{opacity:1;background:var(--sl-tok-copy-hover)}.sl-tok__copy.is-ok{color:var(--sl-success)}.sl-tok__copy svg{display:block}button.sl-hex{border-radius:var(--sl-r-xs);color:var(--sl-fg-secondary);font-family:var(--sl-font-mono);font-size:inherit;line-height:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:1px 4px}button.sl-hex:hover{background:var(--sl-surface-subtle)}button.sl-val{border-radius:var(--sl-r-xs);color:var(--sl-fg-secondary);font-family:var(--sl-font-mono);font-size:inherit;font-weight:inherit;line-height:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;max-width:100%;margin:0;padding:1px 4px;overflow:hidden}button.sl-val:hover{background:var(--sl-surface-subtle)}button.sl-val.is-ok{color:var(--sl-fg)}.sl-swatch{border-radius:var(--sl-r-xs);border:1px solid var(--sl-swatch-border);flex:none;width:12px;height:12px}.sl-swatch--alpha{background:repeating-conic-gradient(var(--sl-cp-check-a) 0% 25%, var(--sl-cp-check-b) 0% 50%) 0 0 / 4px 4px}.sl-tip{z-index:2147483646;padding:var(--sl-space-6) var(--sl-space-10);border:1px solid var(--sl-border-control);border-radius:var(--sl-r-md);background:var(--sl-surface);color:var(--sl-fg);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);box-shadow:var(--sl-shadow-tip);pointer-events:auto;white-space:nowrap;align-items:center;gap:8px;margin:0;line-height:1;display:none;position:fixed;cursor:pointer!important}.sl-tip.is-visible{display:inline-flex}.sl-tip:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:2px!important}.sl-tip__hex{color:var(--sl-fg);font-weight:600}.sl-tip__hint{color:var(--sl-fg-secondary);font-size:var(--sl-text-2xs);font-family:var(--sl-font-ui)}.sl-tooltip{z-index:2147483647;visibility:hidden;max-width:min(240px,100vw - 16px);padding:var(--sl-space-8) var(--sl-space-12);border-radius:var(--sl-r-full);background:var(--sl-fg);color:var(--sl-surface);font-family:var(--sl-font-ui);font-size:var(--sl-text-sm);box-shadow:var(--sl-shadow-tip);pointer-events:none;white-space:normal;overflow-wrap:anywhere;opacity:0;--sl-tooltip-arrow:50%;transition:opacity var(--sl-dur-1) var(--sl-ease), transform var(--sl-dur-1) var(--sl-ease), visibility 0s linear var(--sl-dur-1);border:0;margin:0;font-weight:500;line-height:1.35;display:block;position:fixed;overflow:visible;transform:translateY(2px)}.sl-tooltip:after{content:"";left:var(--sl-tooltip-arrow);width:var(--sl-space-6);height:var(--sl-space-6);border-radius:var(--sl-space-2);background:var(--sl-fg);pointer-events:none;position:absolute;transform:translate(-50%)rotate(45deg)}.sl-tooltip[data-placement=bottom]:after{top:calc(var(--sl-space-6) / -2)}.sl-tooltip:not([data-placement=bottom]):after{bottom:calc(var(--sl-space-6) / -2)}.sl-tooltip.is-visible{visibility:visible;opacity:1;transition:opacity var(--sl-dur-2) var(--sl-ease-out), transform var(--sl-dur-2) var(--sl-ease-out), visibility 0s linear 0s;transform:translateY(0)}.sl-asset-toast{z-index:2147483646;border:1px solid var(--sl-border-control);border-radius:var(--sl-r-md);background:var(--sl-surface);color:var(--sl-fg);font-family:var(--sl-font-ui);font-size:var(--sl-text-xs);box-shadow:var(--sl-shadow-tip);pointer-events:none;white-space:nowrap;margin:0;padding:4px 8px;font-weight:600;line-height:1.2;display:none;position:fixed}.sl-asset-toast.is-visible{display:block}.sl-off{color:var(--sl-off-scale);font-weight:600;font-size:var(--sl-text-2xs)}.sl-off.is-noscale{color:var(--sl-fg-secondary);font-weight:500}.sl-assets__note,.sl-partial{color:var(--sl-fg-secondary);font-size:var(--sl-text-2xs)}.sl-assets__note{margin:4px 0 0;font-style:italic}.sl-panel__handle{padding:var(--sl-space-6) 0 var(--sl-space-2);touch-action:none;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-self:stretch;align-items:center;display:flex;cursor:grab!important}.sl-panel.is-dragging .sl-panel__handle{cursor:grabbing!important}.sl-panel__grip{color:var(--sl-fg-secondary);pointer-events:none;justify-content:center;align-items:center;line-height:0;display:inline-flex}.sl-panel__grip svg{display:block}.sl-panel__tabs{padding:0 var(--sl-space-4);--sl-tab-n:5;--sl-tab-i:0;transition:--sl-tab-i var(--sl-dur-2) var(--sl-ease);border:none;flex-wrap:nowrap;grid-auto-columns:1fr;grid-auto-flow:column;align-items:stretch;gap:0;display:grid;position:relative}.sl-panel__tabs:not(:has(>:nth-child(3))){--sl-tab-n:2}.sl-panel__tabs:has(>:nth-child(4)){--sl-tab-n:4}.sl-panel__tabs:has(>:nth-child(5)){--sl-tab-n:5}.sl-panel__tabs:has(>:nth-child(6)){--sl-tab-n:6}:is(.sl-panel__tabs:has(>:first-child.is-on),.sl-panel__tabs:has(>:first-child[aria-selected=true])){--sl-tab-i:0}:is(.sl-panel__tabs:has(>:nth-child(2).is-on),.sl-panel__tabs:has(>:nth-child(2)[aria-selected=true])){--sl-tab-i:1}:is(.sl-panel__tabs:has(>:nth-child(3).is-on),.sl-panel__tabs:has(>:nth-child(3)[aria-selected=true])){--sl-tab-i:2}:is(.sl-panel__tabs:has(>:nth-child(4).is-on),.sl-panel__tabs:has(>:nth-child(4)[aria-selected=true])){--sl-tab-i:3}:is(.sl-panel__tabs:has(>:nth-child(5).is-on),.sl-panel__tabs:has(>:nth-child(5)[aria-selected=true])){--sl-tab-i:4}:is(.sl-panel__tabs:has(>:nth-child(6).is-on),.sl-panel__tabs:has(>:nth-child(6)[aria-selected=true])){--sl-tab-i:5}.sl-panel__tabs:after{content:"";z-index:0;left:var(--sl-space-4);width:calc((100% - (2 * var(--sl-space-4))) / var(--sl-tab-n));border-radius:var(--sl-r-full);background:var(--sl-accent);height:2px;transform:translateX(calc(var(--sl-tab-i) * 100%));pointer-events:none;position:absolute;bottom:0}.sl-panel__tab{z-index:1;border-radius:var(--sl-r-xl);width:auto;height:36px;min-height:36px;color:var(--sl-fg-secondary);font-family:var(--sl-font-ui);font-size:var(--sl-text-xs);text-align:center;white-space:nowrap;transition-property:transform;transition-duration:var(--sl-dur-1);transition-timing-function:var(--sl-ease);background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:center;margin:0;padding:0;font-weight:600;line-height:1;display:inline-flex;position:relative;cursor:pointer!important}.sl-panel__tab:before{content:"";z-index:0;inset:var(--sl-space-2) var(--sl-space-2) var(--sl-space-4);border-radius:var(--sl-r-xl);pointer-events:none;transition:background-color var(--sl-dur-1) var(--sl-ease);background:0 0;position:absolute}.sl-panel .sl-panel__tab-ico,.sl-panel .sl-panel__tab-ico *{color:var(--sl-fg-secondary)}.sl-panel .sl-panel__tab.is-on .sl-panel__tab-ico,.sl-panel .sl-panel__tab.is-on .sl-panel__tab-ico *,.sl-panel .sl-panel__tab[aria-selected=true] .sl-panel__tab-ico,.sl-panel .sl-panel__tab[aria-selected=true] .sl-panel__tab-ico *{color:var(--sl-accent)}.sl-panel__tab-ico{z-index:1;justify-content:center;align-items:center;width:16px;height:16px;margin:0;display:inline-flex;position:relative}.sl-panel__tab-ico svg{display:block}.sl-panel__tab-count{z-index:1;box-sizing:border-box;min-width:15px;height:15px;padding:0 var(--sl-space-4);border-radius:var(--sl-r-full);background:var(--sl-role-edit);color:var(--sl-role-edit-ink);font-family:var(--sl-font-ui);font-size:var(--sl-text-2xs);text-align:center;pointer-events:none;font-weight:700;line-height:15px;position:absolute;top:0;right:calc(50% - 18px)}.sl-panel__tab-count[hidden]{display:none!important}.sl-panel__tab:hover:before{background:var(--sl-surface-muted)}.sl-panel__tab.is-on,.sl-panel__tab[aria-selected=true]{color:var(--sl-accent)}.sl-panel__tab:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:-2px!important}.sl-panel__tab:active{transform:scale(.96)}.sl-panel__copy-split{gap:2px;min-width:0;display:flex}.sl-panel__copy-block,.sl-panel__copy-fmt{min-width:0;padding:var(--sl-space-10) var(--sl-space-8);background:var(--sl-accent-subtle);color:var(--sl-accent-soft-fg);font-size:var(--sl-text-sm);cursor:pointer;transition-property:background-color,transform;transition-duration:var(--sl-dur-1);transition-timing-function:var(--sl-ease);border:0;font-weight:600}.sl-panel__copy-block{border-radius:var(--sl-r-2xl) var(--sl-r-sm) var(--sl-r-sm) var(--sl-r-2xl);flex:auto}.sl-panel__copy-fmt{padding:var(--sl-space-10) 0;border-radius:var(--sl-r-sm) var(--sl-r-2xl) var(--sl-r-2xl) var(--sl-r-sm);flex:0 0 36px;justify-content:center;align-items:center;display:inline-flex}.sl-panel__copy-fmt-icon{line-height:0;display:block}.sl-panel__copy-block:hover:not(:disabled),.sl-panel__copy-fmt:hover:not(:disabled){background:color-mix(in srgb, var(--sl-accent) 18%, var(--sl-accent-subtle))}.sl-panel__copy-block:active:not(:disabled),.sl-panel__copy-fmt:active:not(:disabled){transform:scale(.96)}.sl-panel__copy-block:focus-visible,.sl-panel__copy-fmt:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:2px!important}.sl-panel__copy-block:disabled,.sl-panel__copy-fmt:disabled{opacity:.45;cursor:default}.sl-panel__copy-menu{z-index:4;border-radius:var(--sl-r-2xl);background:var(--sl-surface);min-width:168px;box-shadow:var(--sl-shadow-panel);border:0;padding:4px;position:absolute;bottom:calc(100% - 2px);right:8px}.sl-panel__copy-menu[hidden]{display:none}.sl-panel__copy-menu-item{width:100%;padding:var(--sl-space-8) var(--sl-space-10);border-radius:var(--sl-r-lg);color:var(--sl-fg);font-size:var(--sl-text-sm);text-align:left;cursor:pointer;background:0 0;border:0;font-weight:600;display:block}.sl-panel__copy-menu-item:hover,.sl-panel__copy-menu-item:focus-visible{background:var(--sl-surface-muted)}.sl-panel__copy-menu-item:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:0!important}.sl-panel__copy-menu-item[aria-checked=true]{color:var(--sl-accent-soft-fg);background:var(--sl-accent-subtle)}.sl-panel.is-palette .sl-panel__head,.sl-panel.is-palette .sl-panel__classes,.sl-panel.is-palette .sl-states,.sl-panel.is-palette .sl-rows,.sl-panel.is-palette .sl-panel__edit,.sl-panel.is-typeramp .sl-panel__head,.sl-panel.is-typeramp .sl-panel__classes,.sl-panel.is-typeramp .sl-states,.sl-panel.is-typeramp .sl-rows,.sl-panel.is-typeramp .sl-panel__edit,.sl-panel.is-assets .sl-panel__head,.sl-panel.is-assets .sl-panel__classes,.sl-panel.is-assets .sl-states,.sl-panel.is-assets .sl-rows,.sl-panel.is-assets .sl-panel__edit,.sl-panel.is-changes .sl-panel__head,.sl-panel.is-changes .sl-panel__classes,.sl-panel.is-changes .sl-states,.sl-panel.is-changes .sl-rows,.sl-panel.is-changes .sl-panel__edit,.sl-panel.is-palette-instances .sl-panel__tabs,.sl-panel.is-typeramp-instances .sl-panel__tabs{opacity:.85}.sl-assets-panel{flex-direction:column;gap:4px;min-height:0;max-height:min(60vh,420px);padding:8px 12px 12px;display:flex}.sl-assets-panel[hidden]{display:none}.sl-assets-panel__head{border-bottom:1px solid var(--sl-border);justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;display:flex}.sl-assets-panel__label{font-size:var(--sl-text-sm);color:var(--sl-fg);font-weight:600}.sl-assets-panel__body{min-height:0;padding-top:6px;overflow:auto}.sl-assets-panel__empty{color:var(--sl-fg-secondary);font-size:var(--sl-text-sm);margin:12px 0;line-height:1.4}.sl-changes{padding:var(--sl-space-8) var(--sl-space-10) var(--sl-space-12);flex-direction:column;gap:8px;min-height:0;max-height:min(70vh,520px);display:flex}.sl-changes[hidden]{display:none}.sl-changes__head{border-bottom:1px solid var(--sl-border);align-items:center;gap:8px;padding-bottom:6px;display:flex}.sl-changes__badge{min-height:22px;padding:0 var(--sl-space-8);border-radius:var(--sl-r-full);background:var(--sl-role-edit);color:var(--sl-role-edit-ink);font-family:var(--sl-font-ui);font-size:var(--sl-text-xs);align-items:center;font-weight:700;line-height:1.2;display:inline-flex}.sl-changes__badge.is-empty{background:var(--sl-surface-subtle);color:var(--sl-fg-muted);font-weight:600}.sl-changes__spacer{flex:auto;min-width:0}.sl-changes__icon{border-radius:var(--sl-r-lg);width:28px;height:28px;color:var(--sl-fg-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.sl-changes__icon:hover:not(:disabled){color:var(--sl-fg);background:var(--sl-surface-muted)}.sl-changes__icon:disabled{opacity:.4;cursor:default}.sl-changes__icon:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:1px!important}.sl-changes__icon svg,.sl-changes__prop-revert svg{pointer-events:none;display:block}.sl-changes__body{flex-direction:column;gap:8px;min-height:0;display:flex;overflow:auto}.sl-changes__empty{color:var(--sl-fg-secondary);font-size:var(--sl-text-sm);margin:16px 4px;line-height:1.45}.sl-changes__group{border-radius:var(--sl-r-xl);background:var(--sl-surface-subtle);padding:8px 8px 6px}.sl-changes__group.is-focus{outline:1px solid var(--sl-accent);background:var(--sl-accent-subtle)}.sl-changes__group-head{align-items:flex-start;gap:6px;margin-bottom:4px;display:flex}.sl-changes__idx{min-width:1.4em;color:var(--sl-role-edit);font-weight:700;font-size:var(--sl-text-sm);font-variant-numeric:tabular-nums;flex:none;line-height:1.4}.sl-changes__meta{flex:auto;min-width:0}.sl-changes__label{color:var(--sl-fg);font-size:var(--sl-text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.3;display:block;overflow:hidden}.sl-changes__sel{color:var(--sl-fg-muted);font-family:var(--sl-font-mono);font-size:var(--sl-text-2xs);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;line-height:1.35;display:block;overflow:hidden}.sl-changes__group-actions{flex:none;gap:2px;display:inline-flex}.sl-changes__props{margin:0;padding:2px 0 0;list-style:none}.sl-changes__prop{border-radius:var(--sl-r-md);align-items:center;gap:6px;padding:4px 2px 4px 1.6em;display:flex}.sl-changes__prop:hover{background:var(--sl-surface-muted)}.sl-changes__prop-name{color:var(--sl-fg);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);flex:none}.sl-changes__prop-val{min-width:0;color:var(--sl-accent);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.sl-changes__prop-revert{border-radius:var(--sl-r-md);width:22px;height:22px;color:var(--sl-fg-secondary);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.sl-changes__prop-revert:hover{color:var(--sl-fg);background:var(--sl-surface)}.sl-changes__prop-revert:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:0!important}.sl-changes__prop-revert svg{width:12px;height:12px;display:block}.sl-palette{flex-direction:column;gap:4px;min-height:0;max-height:min(60vh,420px);padding:8px 12px;display:flex}.sl-palette[hidden]{display:none}.sl-palette__head{border-bottom:1px solid var(--sl-border);justify-content:space-between;align-items:center;gap:8px;padding-bottom:0;display:flex}.sl-panel.is-palette-instances .sl-palette__head{justify-content:flex-start}.sl-palette__label{font-family:var(--sl-font-mono);font-size:var(--sl-text-sm);color:var(--sl-fg);letter-spacing:0;font-weight:600;line-height:1.2}.sl-palette__refresh:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:2px!important}.sl-palette__meta{font-size:var(--sl-text-2xs);color:var(--sl-fg-muted);font-family:var(--sl-font-mono);line-height:1.2}.sl-palette__toolbar[hidden],.sl-panel.is-palette-instances .sl-palette__toolbar{display:none}.sl-palette__layout:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:-2px!important}.sl-palette__list{flex-direction:column;flex:auto;gap:4px;min-height:0;margin:0 -4px;padding:0 4px;display:flex;overflow:auto}.sl-palette__group{border:0;flex-direction:column;gap:2px;margin:0;padding:0;display:flex}.sl-palette__group+.sl-palette__group{border-top:1px solid var(--sl-border);margin-top:4px;padding-top:4px}.sl-palette__group-label{font-family:var(--sl-font-ui);font-size:var(--sl-text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--sl-fg-muted);padding:0 var(--sl-space-4) var(--sl-space-2);font-weight:700;line-height:1.2}.sl-palette__group-list{flex-direction:column;gap:2px;display:flex}.sl-palette__empty{font-size:var(--sl-text-xs);color:var(--sl-fg-muted);font-family:var(--sl-font-mono);padding:8px 6px}.sl-palette__swatch{width:100%;padding:var(--sl-space-4);border-radius:var(--sl-r-sm);color:var(--sl-fg);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:0;margin:0;display:flex}.sl-palette__swatch:hover{background:var(--sl-surface-subtle)}.sl-palette__swatch:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:1px!important}.sl-palette__more{margin-top:var(--sl-space-2)}.sl-palette__more:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:2px!important}.sl-palette__dot{box-sizing:border-box;border-radius:var(--sl-r-sm);border:1px solid var(--sl-swatch-border);background-color:var(--sl-surface);background-image:linear-gradient(45deg, var(--sl-surface-subtle) 25%, transparent 25%), linear-gradient(-45deg, var(--sl-surface-subtle) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--sl-surface-subtle) 75%), linear-gradient(-45deg, transparent 75%, var(--sl-surface-subtle) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;flex:none;width:24px;height:24px;overflow:hidden}.sl-palette__fill{width:100%;height:100%;display:block}.sl-palette__hex{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--sl-fg);flex:auto;font-weight:600;overflow:hidden}.sl-palette__count,.sl-typeramp__count{text-align:right;font-variant-numeric:tabular-nums;min-width:3ch;color:var(--sl-fg-muted);font-size:var(--sl-text-2xs);flex:none;font-weight:600}.sl-palette__back,.sl-palette__copy-color{flex:none}.sl-palette__back:focus-visible,.sl-palette__copy-color:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:2px!important}.sl-palette__inst-swatch{box-sizing:border-box;border-radius:var(--sl-r-xs);border:1px solid var(--sl-swatch-border);background-color:var(--sl-surface);flex:none;width:18px;height:18px;overflow:hidden}.sl-palette__inst-hex{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--sl-font-mono);font-size:var(--sl-text-sm);color:var(--sl-fg);flex:auto;font-weight:600;line-height:1.2;overflow:hidden}.sl-palette__instances{flex-direction:column;gap:2px;display:flex}.sl-palette__instance{border-radius:var(--sl-r-sm);width:100%;color:var(--sl-fg);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:0;margin:0;padding:4px;display:flex}.sl-palette__instance:hover{background:var(--sl-surface-subtle)}.sl-palette__instance:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:1px!important}.sl-palette__instance-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--sl-fg);flex:auto;font-weight:600;overflow:hidden}.sl-palette__instance-role{text-overflow:ellipsis;white-space:nowrap;max-width:40%;color:var(--sl-fg-muted);font-size:var(--sl-text-2xs);flex:none;font-weight:500;overflow:hidden}.sl-palette__instance-jump{width:14px;height:14px;color:var(--sl-fg-muted);flex:none;justify-content:center;align-items:center;line-height:0;display:inline-flex}.sl-palette__instance:hover .sl-palette__instance-jump,.sl-palette__instance:focus-visible .sl-palette__instance-jump{color:var(--sl-accent)}.sl-typeramp{flex-direction:column;gap:4px;min-height:0;max-height:min(60vh,420px);padding:8px 12px;display:flex}.sl-typeramp[hidden]{display:none}.sl-typeramp__head{border-bottom:1px solid var(--sl-border);justify-content:space-between;align-items:center;gap:8px;padding-bottom:4px;display:flex}.sl-panel.is-typeramp-instances .sl-typeramp__head{justify-content:flex-start}.sl-typeramp__label{font-family:var(--sl-font-mono);font-size:var(--sl-text-sm);color:var(--sl-fg);font-weight:600}.sl-typeramp__back{flex:none}.sl-typeramp__refresh:focus-visible,.sl-typeramp__back:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:2px!important}.sl-typeramp__meta{font-size:var(--sl-text-2xs);color:var(--sl-fg-muted);line-height:1.35}.sl-typeramp__list{flex-direction:column;flex:auto;gap:4px;min-height:0;display:flex;overflow:auto}.sl-typeramp__empty{font-size:var(--sl-text-xs);color:var(--sl-fg-muted);padding:8px 2px}.sl-typeramp__style{width:100%;padding:var(--sl-space-4);border-radius:var(--sl-r-md);color:var(--sl-fg);text-align:left;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;align-items:center;gap:6px;margin:0;display:flex}.sl-typeramp__style:hover{background:var(--sl-surface-subtle)}.sl-typeramp__style:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:1px!important}.sl-typeramp__sample,.sl-typeramp__inst-sample{box-sizing:border-box;white-space:nowrap;width:40px;height:30px;color:var(--sl-fg);background:var(--sl-surface-muted);border:1px solid var(--sl-swatch-border);border-radius:var(--sl-r-sm);flex:none;justify-content:center;align-items:baseline;padding:0 2px;line-height:1;display:inline-flex;overflow:hidden}.sl-typeramp__meta-col{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.sl-typeramp__family{text-overflow:ellipsis;white-space:nowrap;font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);color:var(--sl-fg);font-weight:600;display:block;overflow:hidden}.sl-typeramp__metrics{text-overflow:ellipsis;white-space:nowrap;font-family:var(--sl-font-mono);font-size:var(--sl-text-2xs);color:var(--sl-fg-secondary);font-weight:500;display:block;overflow:hidden}.sl-typeramp__count{font-family:var(--sl-font-mono);font-size:var(--sl-text-2xs);color:var(--sl-fg-muted);flex:none;font-weight:600}.sl-typeramp__inst-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);color:var(--sl-fg);flex:auto;font-weight:600;overflow:hidden}.sl-typeramp__more:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:2px!important}.sl-typeramp__instances{flex-direction:column;gap:2px;display:flex}.sl-typeramp__instance{width:100%;padding:var(--sl-space-6);border-radius:var(--sl-r-md);color:var(--sl-fg);text-align:left;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;align-items:center;gap:8px;margin:0;display:flex}.sl-typeramp__instance:hover{background:var(--sl-surface-subtle)}.sl-typeramp__instance:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:1px!important}.sl-typeramp__instance-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);color:var(--sl-fg);flex:auto;font-weight:600;overflow:hidden}.sl-typeramp__instance-jump{width:14px;height:14px;color:var(--sl-fg-muted);flex:none;justify-content:center;align-items:center;line-height:0;display:inline-flex}.sl-typeramp__instance:hover .sl-typeramp__instance-jump,.sl-typeramp__instance:focus-visible .sl-typeramp__instance-jump{color:var(--sl-accent)}.sl-find-instances{padding:var(--sl-space-4) var(--sl-space-10);border-radius:var(--sl-r-full);background:var(--sl-surface-muted);color:var(--sl-fg-secondary);font-family:var(--sl-font-ui);font-size:var(--sl-text-xs);cursor:pointer;vertical-align:middle;border:0;flex:none;margin:0;font-weight:500;line-height:1.2}.sl-find-instances:hover{color:var(--sl-fg);background:var(--sl-surface-subtle);border-color:#0000}.sl-find-instances:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:1px!important}.sl-live{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sl-ed-group{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.sl-ed-group--inline{flex-wrap:wrap;flex:auto;align-items:flex-start;gap:4px;width:100%;min-width:0;margin-left:0;padding-left:0;display:flex}.sl-ed-group--inline>.sl-ed-box,.sl-ed-group--inline>.sl-ed-size,.sl-ed-group--inline>.sl-ed-border,.sl-ed-group--inline>.sl-ed-shadow,.sl-ed-group--inline>.sl-ed-wrap,.sl-ed-group--inline>.sl-ed:only-child,.sl-ed-group--inline>.sl-ed-color:only-child,.sl-ed-group--inline>.sl-ed-color:only-child{flex:auto;min-width:0}.sl-ed-group--inline>.sl-ed:not(:only-child),.sl-ed-group--inline>.sl-ed-color:not(:only-child),.sl-ed-group--inline>.sl-ed-color:not(:only-child){flex:none;min-width:auto}.sl-ed-group--inline>.sl-ed:not(:only-child) .sl-ed__num{flex:none;width:4.5ch;min-width:4.5ch}.sl-ed-group--inline>.sl-ed__expand,.sl-ed-group--inline>.sl-ed__add,.sl-ed-group--inline>.sl-ed__na,.sl-ed-group--inline>.sl-ed__align-group,.sl-ed-group--inline>.sl-ed-alignbox,.sl-ed-group--inline>.sl-dd,.sl-ed-group--inline>.sl-var-btn{flex:none}.sl-ed-group--inline>.sl-ed,.sl-ed-group--inline .sl-ed-box__fields>.sl-ed,.sl-ed-group--inline .sl-ed-size__main>.sl-ed{display:flex}.sl-ed-group--inline>.sl-ed-color:only-child .sl-ed__hex{flex:0 auto;width:auto;min-width:3ch;max-width:9ch}.sl-ed,.sl-ed-sides__cell,.sl-ed-alignbox__grid,.sl-ed__expand,.sl-ed__add,.sl-ed__align,.sl-ed-alignbox__cell{transition-property:background-color,border-color,box-shadow,color,transform,opacity;transition-duration:var(--sl-dur-1);transition-timing-function:var(--sl-ease)}.sl-ed,.sl-ed-sides__cell,.sl-cp__hex,.sl-cp__chan,.sl-cp__opacity,.sl-cp__search,.sl-tok-pick__search{box-sizing:border-box;min-height:34px;padding:var(--sl-space-2) var(--sl-space-6);border:1px solid var(--sl-border);border-radius:var(--sl-r-xl);background:var(--sl-surface-subtle);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);font-variant-numeric:tabular-nums;line-height:1.4}.sl-edit-pop .sl-cp__hex,.sl-edit-pop .sl-cp__chan,.sl-edit-pop .sl-cp__opacity,.sl-edit-pop .sl-cp__search,.sl-edit-pop .sl-tok-pick__search{font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);letter-spacing:normal;text-transform:none;line-height:1.4}.sl-edit-pop .sl-cp__hex{text-transform:uppercase;min-width:4.5rem}.sl-edit-pop .sl-cp__fmt,.sl-edit-pop .sl-cp__tab,.sl-edit-pop .sl-cp__lab,.sl-edit-pop .sl-cp__pct,.sl-edit-pop .sl-cp__fmt-item{font-family:var(--sl-font-ui);letter-spacing:normal;text-transform:none}.sl-ed,.sl-ed-sides__cell{align-items:center;gap:var(--sl-space-6);min-width:0;margin:0;display:inline-flex}.sl-ed:hover,.sl-ed-sides__cell:hover{background:var(--sl-surface-muted);border-color:var(--sl-border)}.sl-ed:focus-within,.sl-ed-sides__cell:focus-within,.sl-cp__hex:focus-visible,.sl-cp__chan:focus-visible,.sl-cp__opacity:focus-visible,.sl-cp__search:focus-visible,.sl-tok-pick__search:focus-visible{background:var(--sl-surface);border-color:var(--sl-accent);box-shadow:var(--sl-shadow-focus);outline:2px solid var(--sl-focus-ring)!important;outline-offset:-2px!important}.sl-ed.is-edited,.sl-ed-sides__cell.is-edited{background:var(--sl-surface-subtle);border-color:var(--sl-border)}.sl-ed.is-edited:hover,.sl-ed-sides__cell.is-edited:hover{background:var(--sl-surface-muted);border-color:var(--sl-border)}.sl-ed.is-edited:focus-within,.sl-ed-sides__cell.is-edited:focus-within{background:var(--sl-surface);border-color:var(--sl-accent);box-shadow:var(--sl-shadow-focus)}.sl-ed[disabled],.sl-ed.is-disabled,.sl-ed-sides__cell[disabled],.sl-dd__trigger[disabled],.sl-ed__align[disabled],.sl-ed__swatch[disabled],.sl-ed__num[disabled],.sl-ed__hex[disabled],.sl-ed__sel[disabled],.sl-ed__expand[disabled],.sl-add[disabled],.sl-ed__add[disabled],.sl-ed__cap-remove[disabled],.sl-var-btn[disabled]{opacity:var(--sl-disabled-opacity);color:var(--sl-fg-disabled);cursor:not-allowed}.sl-ed[disabled]:hover,.sl-ed.is-disabled:hover,.sl-ed-sides__cell[disabled]:hover{background:var(--sl-surface-subtle);border-color:#0000}.sl-ed[aria-invalid=true],.sl-ed-sides__cell[aria-invalid=true],.sl-dd__trigger[aria-invalid=true],.sl-ed__align[aria-invalid=true],.sl-ed__swatch[aria-invalid=true]{border-color:var(--sl-warning);background:var(--sl-warning-bg)}.sl-ed:has(>[aria-invalid=true]){border-color:var(--sl-warning);background:var(--sl-warning-bg)}.sl-ed-sides__cell:has([aria-invalid=true]){border-color:var(--sl-warning);background:var(--sl-warning-bg)}.sl-ed[aria-invalid=true]:focus-within,.sl-ed-sides__cell[aria-invalid=true]:focus-within{border-color:var(--sl-warning);box-shadow:0 0 0 3px color-mix(in srgb, var(--sl-warning) 24%, transparent)}.sl-ed:has(>[aria-invalid=true]):focus-within{border-color:var(--sl-warning);box-shadow:0 0 0 3px color-mix(in srgb, var(--sl-warning) 24%, transparent)}.sl-ed-sides__cell:has([aria-invalid=true]):focus-within{border-color:var(--sl-warning);box-shadow:0 0 0 3px color-mix(in srgb, var(--sl-warning) 24%, transparent)}.sl-change-dot{box-sizing:border-box;border-radius:var(--sl-r-full);width:20px;height:20px;color:var(--sl-fg-on-accent);cursor:pointer;vertical-align:middle;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:-6px -4px;padding:0;display:inline-flex;position:relative}.sl-change-dot:before{content:"";border-radius:var(--sl-r-full);background:var(--sl-role-edit);width:18px;height:18px;transition:transform var(--sl-dur-2) var(--sl-ease);pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.444)}.sl-panel .sl-change-dot,.sl-panel .sl-change-dot__x,.sl-panel .sl-change-dot__x svg{color:var(--sl-fg-on-accent);stroke:currentColor}.sl-change-dot__x{z-index:1;pointer-events:none;opacity:0;transition:opacity var(--sl-dur-2) var(--sl-ease), transform var(--sl-dur-2) var(--sl-ease);line-height:0;display:inline-flex;position:relative;transform:scale(.25)}.sl-change-dot__x svg{width:10px;height:10px}.sl-change-dot:hover:before,.sl-change-dot:focus-visible:before{transform:translate(-50%,-50%)scale(1)}.sl-change-dot:hover .sl-change-dot__x,.sl-change-dot:focus-visible .sl-change-dot__x{opacity:1;transform:scale(1)}.sl-change-dot:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:1px!important}.sl-change-badges{z-index:2147483645;pointer-events:none;position:fixed;inset:0}.sl-change-badges[hidden]{display:none!important}.sl-change-badge{box-sizing:border-box;pointer-events:auto;min-width:18px;height:18px;padding:0 var(--sl-space-6);border-radius:var(--sl-r-full);background:var(--sl-role-edit);color:var(--sl-fg-on-accent);font-family:var(--sl-font-ui);font-size:var(--sl-text-2xs);text-align:center;cursor:pointer;box-shadow:0 0 0 1px color-mix(in srgb, var(--sl-fg-on-accent) 35%, transparent);border:0;margin:0;font-weight:700;line-height:18px;position:fixed;transform:translate(-40%,-40%)}.sl-change-badge:hover{filter:brightness(1.08)}.sl-change-badge:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:2px!important}.sl-ed__lab,.sl-ed__unit,.sl-dd--unit .sl-dd__value{color:var(--sl-fg-secondary);flex:none}.sl-ed__lab{font-size:var(--sl-text-xs)}.sl-ed__unit,.sl-dd--unit .sl-dd__value{font-family:var(--sl-font-ui);font-size:var(--sl-text-sm);font-weight:400}.sl-ed:has(>.sl-ed__main){background:var(--sl-surface-subtle);gap:0;padding:0;overflow:hidden}.sl-ed:has(>.sl-ed__main):hover{background:var(--sl-surface-subtle);border-color:var(--sl-border)}.sl-ed:has(>.sl-ed__main).is-edited:hover{background:var(--sl-surface-subtle);border-color:var(--sl-border)}.sl-ed:has(>.sl-ed__main):focus-within{border-color:var(--sl-accent);box-shadow:var(--sl-shadow-focus);background:var(--sl-surface-subtle)!important;outline-offset:0!important;outline:none!important}.sl-ed:has(>.sl-ed__main).is-edited:focus-within{border-color:var(--sl-accent);box-shadow:var(--sl-shadow-focus);background:var(--sl-surface-subtle)!important;outline-offset:0!important;outline:none!important}.sl-ed:has(>.sl-ed__main)>.sl-ed__lab{padding-left:var(--sl-space-10);padding-right:var(--sl-space-4);z-index:1;align-self:center}.sl-ed__main{z-index:1;justify-content:space-between;align-items:center;gap:var(--sl-space-6);min-width:0;min-height:32px;padding:var(--sl-space-2) var(--sl-space-6);box-sizing:border-box;background:0 0;flex:auto;align-self:stretch;display:flex;position:relative}.sl-ed__main:hover{background:var(--sl-surface-muted)}.sl-ed:has(>.sl-ed__main)>.sl-ed__main>.sl-ed__num{box-sizing:border-box;text-align:left;width:5ch;min-width:2.5ch;max-width:8ch;height:auto;font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);field-sizing:content;-webkit-appearance:none;appearance:textfield;border-radius:0;flex:0 auto;padding:0;line-height:1;background:0 0!important}:is(.sl-ed:has(>.sl-ed__main)>.sl-ed__main>.sl-ed__num:focus,.sl-ed:has(>.sl-ed__main)>.sl-ed__main>.sl-ed__num:focus-visible,.sl-ed:has(>.sl-ed__main)>.sl-ed__main>.sl-ed__num:active){box-shadow:none!important;background:0 0!important;outline:none!important}.sl-ed:has(>.sl-ed__main)>.sl-ed__main>.sl-ed__tok{flex:auto;width:auto;min-width:0;max-width:100%}.sl-ed:has(>.sl-ed__main)>.sl-ed__main>.sl-ed__tok>.sl-ed__tok-face{flex:0 auto;width:max-content;max-width:100%}.sl-ed:has(>.sl-ed__main)>.sl-ed__unit-sep{z-index:0;background:var(--sl-border);align-self:center;width:1px;height:24px;margin:0;position:relative}.sl-ed:has(>.sl-ed__main)>.sl-dd--unit{z-index:0;flex:none;align-self:stretch;width:fit-content;min-width:27px;margin:0;position:relative}.sl-ed:has(>.sl-ed__main) .sl-dd--unit .sl-dd__trigger{width:fit-content;min-width:27px;max-width:none;padding:0 var(--sl-space-4);color:var(--sl-fg-muted);font-family:var(--sl-font-ui);font-size:var(--sl-text-sm);background:0 0;border-radius:0}.sl-ed:has(>.sl-ed__main) .sl-dd--unit .sl-dd__value{white-space:nowrap}:is(.sl-ed:has(>.sl-ed__main) .sl-dd--unit .sl-dd__trigger:hover,.sl-ed:has(>.sl-ed__main) .sl-dd--unit .sl-dd__trigger[aria-expanded=true]){color:var(--sl-fg-muted);background:var(--sl-surface-muted)}.sl-ed:has(>.sl-ed__main)>.sl-ed__main>.sl-var-btn{opacity:0;pointer-events:none;margin:0 0 0 auto}.sl-ed:has(>.sl-ed__main) .sl-ed__tok-detach{opacity:0;pointer-events:none;margin:0 0 0 auto}:is(.sl-ed:has(>.sl-ed__main):hover>.sl-ed__main>.sl-var-btn,.sl-ed:has(>.sl-ed__main):focus-within>.sl-ed__main>.sl-var-btn,.sl-ed:has(>.sl-ed__main):hover>.sl-ed__main .sl-ed__tok-detach,.sl-ed:has(>.sl-ed__main):focus-within>.sl-ed__main .sl-ed__tok-detach,.sl-ed:has(>.sl-ed__main)>.sl-ed__main .sl-var-btn:focus-visible){opacity:1;pointer-events:auto}.sl-ed:has(>.sl-ed__main):hover:has(.sl-dd--unit:hover):not(:focus-within)>.sl-ed__main>.sl-var-btn{opacity:0;pointer-events:none}.sl-ed:has(>.sl-ed__main):hover:has(.sl-dd--unit:hover):not(:focus-within) .sl-ed__tok-detach{opacity:0;pointer-events:none}.sl-ed:has(>.sl-ed__main):hover:has(.sl-ed__opacity:hover):not(:focus-within)>.sl-ed__main>.sl-var-btn{opacity:0;pointer-events:none}.sl-ed:has(>.sl-ed__main):hover:has(.sl-ed__opacity:hover):not(:focus-within) .sl-ed__tok-detach{opacity:0;pointer-events:none}.sl-ed:has(>.sl-ed__main)>.sl-ed__main>.sl-var-btn:hover{color:var(--sl-fg-secondary);background:var(--sl-surface-subtle)}.sl-ed:has(>.sl-ed__main) .sl-ed__tok-detach:hover{color:var(--sl-fg-secondary);background:var(--sl-surface-subtle)}.sl-ed>.sl-dd--unit{margin-left:0;margin-block:calc(-1 * var(--sl-space-2));margin-right:calc(-1 * var(--sl-space-6));flex:none;align-self:stretch}.sl-dd--unit{min-width:0;max-width:none;box-shadow:none;background:0 0;border:0;flex:none;align-items:stretch;padding:0;display:inline-flex;position:relative}.sl-dd--unit .sl-dd__trigger{box-sizing:border-box;width:auto;min-width:2.5rem;height:auto;min-height:100%;padding:0 var(--sl-space-6);border-radius:0;border-top-right-radius:calc(var(--sl-r-xl) - 1px);border-bottom-right-radius:calc(var(--sl-r-xl) - 1px);color:var(--sl-fg-secondary);font-family:var(--sl-font-ui);font-size:var(--sl-text-sm);box-shadow:none;cursor:pointer;background:0 0;border:0;justify-content:center;align-self:stretch;align-items:center;gap:0;font-weight:400;line-height:1.33;display:inline-flex}.sl-dd--unit .sl-dd__trigger:hover,.sl-dd--unit .sl-dd__trigger[aria-expanded=true]{color:var(--sl-fg);background:var(--sl-surface-muted);box-shadow:none}.sl-dd--unit .sl-dd__chev{display:none}.sl-dd--unit .sl-dd__menu{min-width:4.5rem;padding:var(--sl-space-4);border-radius:var(--sl-r-xl)}.sl-ed>.sl-ed__unit-sep{margin-left:auto}.sl-ed>.sl-var-btn+.sl-ed__unit-sep{margin-left:0}.sl-ed__unit-sep{width:1px;margin-block:calc(-1 * var(--sl-space-2));background:var(--sl-border);pointer-events:none;flex:none;align-self:stretch;display:block}.sl-ed-sides__unit{z-index:2;padding:var(--sl-space-2) var(--sl-space-6);border:1px solid var(--sl-border);border-radius:var(--sl-r-md);background:var(--sl-surface-subtle);box-shadow:none;pointer-events:auto;transition:background-color var(--sl-dur-1) var(--sl-ease), border-color var(--sl-dur-1) var(--sl-ease);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sl-ed-sides__unit:hover{background:var(--sl-surface-muted);border-color:var(--sl-border)}.sl-ed-sides__unit:has(.sl-dd__trigger[aria-expanded=true]){background:var(--sl-surface-muted);border-color:var(--sl-border)}.sl-ed-sides__unit .sl-dd--unit .sl-dd__trigger{color:var(--sl-fg-secondary);border:0;border-radius:0;height:auto;min-height:0;padding:0;font-weight:600;background:0 0!important}.sl-ed-sides__unit .sl-dd--unit.is-mixed .sl-dd__value{white-space:nowrap}.sl-ed-sides__unit .sl-dd--unit .sl-dd__trigger:hover,.sl-ed-sides__unit .sl-dd--unit .sl-dd__trigger[aria-expanded=true]{color:var(--sl-fg-secondary);background:0 0!important}.sl-ed-color{flex:auto;width:100%}.sl-ed-color>.sl-ed__main{gap:var(--sl-space-6);padding-left:var(--sl-space-4)}.sl-ed-color>.sl-ed__main>.sl-ed__swatch{flex:none}.sl-ed-color>.sl-ed__main>.sl-ed__hex{flex:0 auto;width:auto;min-width:3ch;max-width:9ch}.sl-ed-color>.sl-ed__opacity{box-sizing:border-box;flex:none;align-self:stretch;align-items:center;gap:0;min-width:0;padding:0;display:inline-flex}.sl-ed-color>.sl-ed__opacity:hover{background:var(--sl-surface-muted)}.sl-ed-color .sl-ed__num--alpha{box-sizing:border-box;width:5ch;min-width:5ch;max-width:5ch;padding:0 var(--sl-space-2) 0 var(--sl-space-4);text-align:right;flex:none;overflow:hidden}.sl-ed-color>.sl-ed__opacity>.sl-ed__unit{min-width:1em;color:var(--sl-fg-secondary);font-size:var(--sl-text-2xs);padding:0 var(--sl-space-6) 0 0;flex:none;margin:0;font-weight:500}.sl-ed__num,.sl-ed__hex,.sl-ed__sel{min-width:0;color:var(--sl-fg);font:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;padding:0}.sl-ed__num{text-align:left;appearance:textfield;flex:auto;width:auto;min-width:3ch}.sl-ed__num::-webkit-outer-spin-button{appearance:none;margin:0}.sl-ed__num::-webkit-inner-spin-button{appearance:none;margin:0}.sl-ed__num::placeholder{color:var(--sl-fg-muted);opacity:1}.sl-ed:has(>.sl-ed__main)>.sl-ed__main>.sl-ed__num--kw{width:6.5ch;min-width:6.5ch;max-width:8ch}.sl-ed :is(input,button,select,textarea):focus,.sl-ed :is(input,button,select,textarea):focus-visible,.sl-ed-sides__cell :is(input,button,select,textarea):focus,.sl-ed-sides__cell :is(input,button,select,textarea):focus-visible{box-shadow:none!important;outline:none!important}.sl-ed__sel{cursor:pointer;max-width:72px}.sl-ed__sel--mode{max-width:none}.sl-dd{align-items:center;gap:2px;max-width:100%;display:inline-flex;position:relative}.sl-dd__trigger{align-items:center;gap:var(--sl-space-2);max-width:88px;min-height:22px;padding:0 var(--sl-space-4) 0 var(--sl-space-2);border-radius:var(--sl-r-md);color:var(--sl-fg);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);cursor:pointer;background:0 0;border:0;font-weight:400;line-height:1.4;display:inline-flex}.sl-dd__trigger:hover{background:var(--sl-surface-muted)}.sl-dd__trigger:focus-visible{background:var(--sl-surface-muted);outline:none!important}.sl-dd__trigger[aria-expanded=true]{background:var(--sl-surface-muted)}.sl-ed-group--inline>.sl-dd,.sl-ed-size__main>.sl-dd{border:1px solid var(--sl-border);border-radius:var(--sl-r-xl);background:var(--sl-surface-subtle);min-height:34px;transition-property:background-color,border-color,box-shadow;transition-duration:var(--sl-dur-1);transition-timing-function:var(--sl-ease);align-items:stretch;padding:0;display:inline-flex}.sl-ed-group--inline>.sl-dd:hover,.sl-ed-size__main>.sl-dd:hover{background:var(--sl-surface-muted);border-color:var(--sl-border)}.sl-ed-group--inline>.sl-dd:focus-within,.sl-ed-size__main>.sl-dd:focus-within{background:var(--sl-surface);border-color:var(--sl-accent);box-shadow:var(--sl-shadow-focus)}.sl-ed-group--inline>.sl-dd>.sl-dd__trigger,.sl-ed-size__main>.sl-dd>.sl-dd__trigger,.sl-ed.sl-dd>.sl-dd__trigger{justify-content:space-between;align-self:stretch;gap:var(--sl-space-4);width:100%;min-width:0;max-width:none;height:auto;min-height:0;padding:0 var(--sl-space-6);border-radius:calc(var(--sl-r-xl) - 1px);background:0 0;flex:auto}.sl-ed-group--inline>.sl-dd>.sl-dd__trigger:hover,.sl-ed-group--inline>.sl-dd>.sl-dd__trigger:focus-visible,.sl-ed-group--inline>.sl-dd>.sl-dd__trigger[aria-expanded=true],.sl-ed-size__main>.sl-dd>.sl-dd__trigger:hover,.sl-ed-size__main>.sl-dd>.sl-dd__trigger:focus-visible,.sl-ed-size__main>.sl-dd>.sl-dd__trigger[aria-expanded=true],.sl-ed.sl-dd>.sl-dd__trigger:hover,.sl-ed.sl-dd>.sl-dd__trigger:focus-visible,.sl-ed.sl-dd>.sl-dd__trigger[aria-expanded=true]{background:0 0}.sl-dd__value{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:auto;min-width:0;overflow:hidden}.sl-dd__chev{color:var(--sl-fg-secondary);flex:none;margin-left:auto;display:inline-flex}.sl-dd__chev svg{display:block}.sl-dd--mode{flex:none}.sl-dd--mode .sl-dd__trigger{min-width:3.6rem;max-width:none}.sl-dd--mode .sl-dd__value{text-overflow:clip;flex:0 auto;overflow:visible}.sl-dd__menu{z-index:2147483646;min-width:148px;max-width:min(240px,100vw - 16px);max-height:min(280px,100vh - 16px);padding:var(--sl-space-4);border:1px solid var(--sl-border);border-radius:var(--sl-r-2xl);background:var(--sl-surface);color:var(--sl-fg);box-shadow:var(--sl-shadow-settings), var(--sl-edge-highlight);transform-origin:top;position:relative;overflow:auto}.sl-dd__menu.is-open{position:fixed!important}.sl-dd__menu[hidden]{display:none!important}.sl-dd__thumb{z-index:0;border-radius:var(--sl-r-lg);background:var(--sl-surface-muted);pointer-events:none;opacity:0;height:32px;transform:translateY(var(--sl-dd-thumb-y,0px));transition:transform var(--sl-dur-3) var(--sl-ease-out), height var(--sl-dur-3) var(--sl-ease-out), background-color var(--sl-dur-1) var(--sl-ease), opacity var(--sl-dur-1) var(--sl-ease);top:0;left:0;position:absolute!important}.sl-dd__thumb.is-ready{opacity:1}.sl-dd__thumb.is-checked{background:var(--sl-accent-subtle)}.sl-dd__thumb.is-snap{transition-duration:0s}.sl-dd__item{z-index:1;width:100%;padding:var(--sl-space-8) var(--sl-space-10);border-radius:var(--sl-r-lg);color:var(--sl-fg);font-size:var(--sl-text-sm);text-align:left;cursor:pointer;background:0 0;border:0;font-weight:600;display:block;position:relative}.sl-dd__item:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:0!important}.sl-dd__item[aria-checked=true]{color:var(--sl-accent-soft-fg)}.sl-dd__item--pair{justify-content:space-between;align-items:baseline;gap:var(--sl-space-12);display:flex}.sl-dd__item-name{min-width:0}.sl-dd__item-meta{color:var(--sl-fg-secondary);font-family:var(--sl-font-mono);font-variant-numeric:tabular-nums;flex:none;font-weight:400}.sl-dd__item[aria-checked=true] .sl-dd__item-meta{color:inherit}.sl-dd__sep{background:var(--sl-border);height:1px;margin:4px 6px}.sl-ed__cap-remove{border-radius:var(--sl-r-sm);width:20px;height:20px;color:var(--sl-fg-secondary);cursor:pointer;opacity:0;transition:opacity var(--sl-dur-1) var(--sl-ease), color var(--sl-dur-1) var(--sl-ease), background-color var(--sl-dur-1) var(--sl-ease);background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.sl-ed-size__cap:hover>.sl-ed__cap-remove,.sl-ed-size__cap:focus-within>.sl-ed__cap-remove,.sl-ed__cap-remove:focus-visible{opacity:1}.sl-ed__cap-remove:hover{background:var(--sl-surface-muted);color:var(--sl-fg)}.sl-ed__cap-remove:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:0!important}.sl-ed__cap-remove svg{display:block}.sl-ed-size__cap{align-items:center;gap:var(--sl-space-6);flex-wrap:nowrap;width:100%;min-width:0;display:flex}.sl-ed-size__cap>.sl-ed{flex:auto;min-width:0}.sl-ed-size__cap-lab{min-width:2.2em;color:var(--sl-fg-secondary);font-size:var(--sl-text-2xs);flex:none;line-height:1}.sl-ed-size{flex-direction:column;align-items:stretch;gap:4px;width:100%;min-width:0;max-width:100%;display:flex}.sl-ed-size__main{flex-wrap:nowrap;align-items:center;gap:4px;width:100%;min-width:0;max-width:100%;display:flex}.sl-ed-size__main>.sl-ed:not(.sl-dd){flex:1 1 0;width:auto;min-width:0;max-width:none}.sl-ed-size__main>.sl-dd{flex:none;max-width:none}.sl-ed-border{flex-direction:column;align-items:stretch;gap:4px;width:100%;min-width:0;display:flex}.sl-ed-border__color{width:100%;min-width:0;display:flex}.sl-ed-border__color>.sl-ed-color,.sl-ed-border__color>.sl-ed-color{flex:auto;width:100%;min-width:0}.sl-ed-border__color .sl-ed__hex{flex:auto;width:auto;min-width:3ch}.sl-ed-border__tools{flex-wrap:wrap;align-items:center;gap:4px;width:100%;min-width:0;display:flex}.sl-ed-border__tools>.sl-ed-box{flex:auto;min-width:0}.sl-ed-border__tools>.sl-ed__align-group,.sl-ed-border__tools>.sl-ed__add{flex:none}.sl-ed-shadow{flex-direction:column;align-items:stretch;gap:0;width:100%;min-width:0;display:flex;position:relative}.sl-ed-shadow__bar{align-items:center;gap:2px;width:100%;min-width:0;display:flex}.sl-ed-shadow__strip{border:1px solid var(--sl-border-control);border-radius:var(--sl-r-lg);background:var(--sl-surface-muted);min-width:0;min-height:34px;color:var(--sl-fg);font:inherit;font-size:var(--sl-text-sm);text-align:left;cursor:pointer;flex:auto;align-items:center;gap:8px;margin:0;padding:0 10px 0 8px;font-weight:500;display:inline-flex}.sl-ed-shadow__strip:hover{background:var(--sl-surface-subtle);border-color:var(--sl-border-strong)}.sl-ed-shadow.is-open .sl-ed-shadow__strip,.sl-ed-shadow__strip[aria-expanded=true]{border-color:var(--sl-accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--sl-accent) 35%, transparent)}.sl-ed-shadow__strip-ico{color:var(--sl-fg-secondary);flex:none;line-height:0;display:inline-flex}.sl-ed-shadow__strip-ico svg{display:block}.sl-ed-shadow__strip-lab{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sl-ed-shadow__remove{border-radius:var(--sl-r-md);width:28px;height:28px;color:var(--sl-fg-muted);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.sl-ed-shadow__remove:hover{color:var(--sl-fg);background:var(--sl-surface-muted)}.sl-ed-shadow__remove svg{display:block}.sl-ed-shadow__flyout{z-index:2147483646;box-sizing:border-box;width:max(200px,100%);max-width:min(280px,100vw - 16px);padding:var(--sl-space-8);border:1px solid var(--sl-border);border-radius:var(--sl-r-2xl);background:var(--sl-surface);color:var(--sl-fg);box-shadow:var(--sl-shadow-settings), var(--sl-edge-highlight);transform-origin:top;flex-direction:column;align-items:stretch;gap:4px;display:flex}.sl-ed-shadow__flyout.is-open{position:fixed!important}.sl-ed-shadow__flyout[hidden]{display:none!important}.sl-ed-shadow__row{grid-template-columns:4.5rem minmax(0,1fr);align-items:start;gap:6px;width:100%;min-width:0;display:grid}.sl-ed-shadow__lab{color:var(--sl-fg-secondary);font-family:var(--sl-font-sans,inherit);font-size:var(--sl-text-xs);white-space:nowrap;padding-top:5px;font-weight:500;line-height:1.2}.sl-ed-shadow__fields{flex-direction:column;align-items:stretch;gap:4px;min-width:0;display:flex}.sl-ed-shadow__stack{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}.sl-ed-shadow__stack>.sl-ed,.sl-ed-shadow__fields>.sl-ed{width:100%;max-width:100%}.sl-ed-shadow__color{align-items:center;gap:4px;width:100%;min-width:0;display:flex}.sl-ed-shadow__color>.sl-ed-color,.sl-ed-shadow__color>.sl-ed-color{flex:auto;width:100%;min-width:0}.sl-ed-shadow__color .sl-ed__hex{flex:auto;width:auto;min-width:3ch}.sl-ed__lab--ico{color:var(--sl-fg-muted);line-height:0;display:inline-flex}.sl-ed__lab--ico svg{display:block}.sl-ed-color:not(:has(>.sl-ed__main)){padding:var(--sl-space-2) var(--sl-space-6) var(--sl-space-2) var(--sl-space-4);gap:2px}.sl-ed__hex{text-transform:uppercase;letter-spacing:.02em;width:6.2ch}.sl-ed-color__sep{width:1px;margin:var(--sl-space-2);background:var(--sl-border);flex:none;align-self:stretch}.sl-ed__num--alpha{box-sizing:border-box;text-align:right;width:5ch;min-width:5ch}.sl-ed-box{align-items:flex-start;gap:4px;width:100%;min-width:0;max-width:100%;display:flex}.sl-ed-box__fields{flex:auto;width:100%;min-width:0}.sl-ed-box__fields>.sl-ed{width:100%}.sl-ed-box>.sl-ed__expand{flex:none;margin-top:0}.sl-ed-sides{grid-template-columns:1fr 1fr;gap:4px;width:100%;min-width:0;display:grid;position:relative}.sl-ed-sides__cell{cursor:text;position:relative}.sl-ed-sides__cell .sl-ed__num{text-align:left;width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:0;flex:auto;padding:0;line-height:1}.sl-ed-sides__lab{color:var(--sl-fg-secondary);font-size:var(--sl-text-2xs);text-transform:uppercase;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.sl-ed-sides__ico{color:var(--sl-fg-secondary);flex:none;line-height:0;display:inline-flex}.sl-ed-sides__ico svg{color:inherit;display:block}.sl-ed__na{color:var(--sl-fg-secondary);font-size:var(--sl-text-2xs);font-style:italic}.sl-ed__expand,.sl-add,.sl-ed__add{border:1px solid var(--sl-border);border-radius:var(--sl-r-xl);background:var(--sl-surface-subtle);min-height:34px;color:var(--sl-fg-secondary);font-family:var(--sl-font-ui);font-size:var(--sl-text-xs);cursor:pointer;justify-content:center;align-items:center;margin:0;line-height:1;display:inline-flex}.sl-ed__expand{min-width:34px;padding:2px}.sl-add,.sl-ed__add{box-sizing:border-box;gap:var(--sl-space-4);padding:0 var(--sl-space-10);white-space:nowrap;min-width:0;font-weight:600}.sl-add--icon,.sl-ed__add--muted{min-width:34px;padding:2px;font-weight:400}.sl-ed__expand:hover,.sl-add:hover,.sl-ed__add:hover{color:var(--sl-fg);background:var(--sl-surface-muted);border-color:var(--sl-border)}.sl-ed__hint{width:100%;margin:0 0 var(--sl-space-6);color:var(--sl-fg-secondary);font-size:var(--sl-text-2xs);line-height:1.3;display:block}.sl-ed__expand:active,.sl-add:active,.sl-ed__add:active,.sl-ed__align:active,.sl-ed-alignbox__cell:active{transform:scale(.96)}.sl-ed__expand:focus-visible,.sl-add:focus-visible,.sl-ed__add:focus-visible,.sl-ed__align:focus-visible,.sl-ed-alignbox__cell:focus-visible{border-color:var(--sl-accent);box-shadow:0 0 0 2px var(--sl-accent-subtle);color:var(--sl-fg);outline:none}.sl-ed__expand.is-on{color:var(--sl-accent);border-color:var(--sl-border);background:var(--sl-surface-subtle);box-shadow:none;position:relative}.sl-ed__expand.is-on:before{content:"";z-index:0;border-radius:var(--sl-r-lg);background:var(--sl-surface);box-shadow:var(--sl-shadow-switch);pointer-events:none;position:absolute;inset:2px}.sl-ed__expand.is-on:hover{border-color:var(--sl-border);color:var(--sl-accent)}.sl-ed__expand.is-on svg{z-index:1;display:block;position:relative}.sl-ed__expand svg{display:block}.sl-ed__add--muted{font-size:var(--sl-text-sm);color:var(--sl-fg-secondary)}.sl-ed__align-group{border-radius:var(--sl-r-xl);border:1px solid var(--sl-border);background:var(--sl-surface-subtle);--sl-ed-align-n:1;--sl-ed-align-i:0;transition:--sl-ed-align-i var(--sl-dur-2) var(--sl-ease);flex-wrap:nowrap;align-items:center;gap:0;padding:2px;display:inline-flex;position:relative}.sl-ed__align-group:has(>:nth-child(2)){--sl-ed-align-n:2}.sl-ed__align-group:has(>:nth-child(3)){--sl-ed-align-n:3}.sl-ed__align-group:has(>:nth-child(4)){--sl-ed-align-n:4}.sl-ed__align-group:has(>:nth-child(5)){--sl-ed-align-n:5}.sl-ed__align-group:has(>:nth-child(6)){--sl-ed-align-n:6}:is(.sl-ed__align-group:has(>:first-child.is-on),.sl-ed__align-group:has(>:first-child[aria-pressed=true])){--sl-ed-align-i:0}:is(.sl-ed__align-group:has(>:nth-child(2).is-on),.sl-ed__align-group:has(>:nth-child(2)[aria-pressed=true])){--sl-ed-align-i:1}:is(.sl-ed__align-group:has(>:nth-child(3).is-on),.sl-ed__align-group:has(>:nth-child(3)[aria-pressed=true])){--sl-ed-align-i:2}:is(.sl-ed__align-group:has(>:nth-child(4).is-on),.sl-ed__align-group:has(>:nth-child(4)[aria-pressed=true])){--sl-ed-align-i:3}:is(.sl-ed__align-group:has(>:nth-child(5).is-on),.sl-ed__align-group:has(>:nth-child(5)[aria-pressed=true])){--sl-ed-align-i:4}:is(.sl-ed__align-group:has(>:nth-child(6).is-on),.sl-ed__align-group:has(>:nth-child(6)[aria-pressed=true])){--sl-ed-align-i:5}.sl-ed__align-group:not(.sl-ed__align-group--toggle):before{content:"";z-index:0;width:calc((100% - 4px) / var(--sl-ed-align-n));border-radius:var(--sl-r-lg);background:var(--sl-surface);box-shadow:var(--sl-shadow-switch);transform:translateX(calc(var(--sl-ed-align-i) * 100%));pointer-events:none;border:0;position:absolute;top:2px;bottom:2px;left:2px}.sl-ed__align-group:not(.sl-ed__align-group--toggle)>.sl-ed__align{flex:1 1 0}.sl-ed__align-group:not(.sl-ed__align-group--toggle):not(:has(.is-on)):not(:has([aria-pressed=true])):before{opacity:0}.sl-ed__align{z-index:1;border-radius:var(--sl-r-lg);min-width:28px;min-height:28px;color:var(--sl-fg-secondary);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);cursor:pointer;transition:color var(--sl-dur-1) var(--sl-ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin:0;padding:0;font-weight:600;line-height:1;display:inline-flex;position:relative}.sl-ed__align:hover{color:var(--sl-fg)}.sl-ed__align-group:not(.sl-ed__align-group--toggle)>.sl-ed__align:hover{background:0 0}.sl-ed__align-group:not(.sl-ed__align-group--toggle)>.sl-ed__align.is-on{color:var(--sl-fg);background:0 0;border-color:#0000}.sl-ed__align-group--toggle>.sl-ed__align:hover{color:var(--sl-fg);background:var(--sl-surface-muted)}.sl-ed__align-group--toggle>.sl-ed__align.is-on{color:var(--sl-fg);background:var(--sl-surface);border-color:var(--sl-border)}.sl-ed-alignbox__side>.sl-ed__align:hover{color:var(--sl-fg);background:var(--sl-surface-muted)}.sl-ed-alignbox__side>.sl-ed__align.is-on{color:var(--sl-fg);background:var(--sl-surface);border-color:var(--sl-border)}.sl-ed__align--ico{min-width:28px;min-height:28px}.sl-ed__align-ico{line-height:0;display:inline-flex}.sl-ed__align-ico svg,.sl-ed__align svg{color:inherit;display:block}.sl-ed-alignbox{align-items:stretch;gap:6px;max-width:100%;display:inline-flex}.sl-ed-alignbox__grid{border-radius:var(--sl-r-lg);background:var(--sl-surface-subtle);border:1px solid #0000;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:0;width:72px;height:52px;padding:4px;display:grid}.sl-ed-alignbox__grid:hover{background:var(--sl-surface-muted);border-color:var(--sl-border)}.sl-ed-alignbox__grid:focus-within{background:var(--sl-surface);border-color:var(--sl-accent);box-shadow:0 0 0 2px var(--sl-accent-subtle)}.sl-ed-alignbox__cell{border-radius:var(--sl-r-sm);color:var(--sl-fg-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.sl-ed-alignbox__cell:hover{background:var(--sl-surface);color:var(--sl-fg)}.sl-ed-alignbox__cell.is-on{color:var(--sl-fg);background:var(--sl-surface);border-color:var(--sl-border)}.sl-ed-alignbox__dot{opacity:.45;background:currentColor;border-radius:1px;width:4px;height:4px}.sl-ed-alignbox__cell.is-on .sl-ed-alignbox__dot{opacity:1}.sl-ed-alignbox__ticks{pointer-events:none;display:inline-flex}.sl-ed-alignbox__ticks i{background:currentColor;border-radius:1px;flex:none;display:block}.sl-ed-alignbox__ticks--h{flex-direction:column;gap:1.5px;width:10px}.sl-ed-alignbox__ticks--h i:first-child{width:10px;height:1.5px}.sl-ed-alignbox__ticks--h i:nth-child(2){width:7px;height:1.5px}.sl-ed-alignbox__ticks--h i:nth-child(3){width:4.5px;height:1.5px}.sl-ed-alignbox__ticks--h.sl-ed-alignbox__ticks--pack-start{align-items:flex-start}.sl-ed-alignbox__ticks--h.sl-ed-alignbox__ticks--pack-center{align-items:center}.sl-ed-alignbox__ticks--h.sl-ed-alignbox__ticks--pack-end{align-items:flex-end}.sl-ed-alignbox__ticks--v{flex-direction:row;gap:1.5px;height:10px}.sl-ed-alignbox__ticks--v i:first-child{width:1.5px;height:10px}.sl-ed-alignbox__ticks--v i:nth-child(2){width:1.5px;height:7px}.sl-ed-alignbox__ticks--v i:nth-child(3){width:1.5px;height:4.5px}.sl-ed-alignbox__ticks--v.sl-ed-alignbox__ticks--pack-start{align-items:flex-start}.sl-ed-alignbox__ticks--v.sl-ed-alignbox__ticks--pack-center{align-items:center}.sl-ed-alignbox__ticks--v.sl-ed-alignbox__ticks--pack-end{align-items:flex-end}.sl-ed-alignbox__tick{pointer-events:none;background:currentColor;border-radius:1px;flex:none;display:block}.sl-ed-alignbox__tick--h.is-outer{width:8px;height:1.5px}.sl-ed-alignbox__tick--h.is-mid{width:5px;height:1.5px}.sl-ed-alignbox__tick--v.is-outer{width:1.5px;height:8px}.sl-ed-alignbox__tick--v.is-mid{width:1.5px;height:5px}.sl-ed-alignbox__cell.is-dist,.sl-ed-alignbox__cell.is-on,.sl-ed-alignbox__cell.is-dist{color:var(--sl-fg)}.sl-ed-alignbox[data-sl-align-mode=auto] .sl-ed-alignbox__cell.is-on{background:0 0;border-color:#0000}.sl-ed-alignbox[data-sl-align-mode=auto] .sl-ed-alignbox__cell.is-on:hover,.sl-ed-alignbox[data-sl-align-mode=auto] .sl-ed-alignbox__cell.is-dist:hover{background:var(--sl-surface)}.sl-ed-alignbox__side{gap:var(--sl-space-2);flex-direction:column;justify-content:center;align-items:stretch;display:inline-flex}.sl-ed-alignbox__side .sl-ed__align{gap:var(--sl-space-4);min-width:0;height:24px;padding:0 var(--sl-space-6);font-size:var(--sl-text-2xs);text-transform:none;justify-content:flex-start;font-weight:600}.sl-ed-alignbox__side .sl-ed__align-ico{flex:none}.sl-ed-alignbox__side-lab{font-family:var(--sl-font-mono);font-size:var(--sl-text-2xs);line-height:1}.sl-panel__edit[hidden]{display:none}.sl-panel__edit{border-top:1px solid var(--sl-border);align-items:center;gap:8px;padding:8px 12px;display:flex}.sl-panel__edit-count{min-width:0;color:var(--sl-fg-secondary);font-size:var(--sl-text-xs);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.sl-panel__edit-show{padding:var(--sl-space-6) var(--sl-space-10);border-radius:var(--sl-r-lg);color:var(--sl-fg-secondary);font-size:var(--sl-text-xs);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;align-items:center;font-weight:600;display:inline-flex}.sl-panel__edit-show.is-on{color:var(--sl-accent-soft-fg);background:var(--sl-accent-subtle);border-color:var(--sl-accent)}.sl-panel__edit-show:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:2px!important}.sl-ed__swatch{border:1px solid var(--sl-swatch-border);border-radius:var(--sl-r-sm);background:linear-gradient(var(--sl-swatch,var(--sl-fg)), var(--sl-swatch,var(--sl-fg))), var(--sl-cp-checker);cursor:pointer;flex:none;justify-content:center;align-items:center;width:20px;height:20px;margin:0;padding:0;display:inline-flex;overflow:hidden}.sl-ed__swatch-fill{display:none}.sl-ed__swatch:hover{border-color:var(--sl-accent)}.sl-ed__swatch:focus-visible{border-color:var(--sl-accent);outline:2px solid var(--sl-focus-ring)!important;outline-offset:1px!important}.sl-ed__tok-face{max-width:9rem;padding:0 var(--sl-space-4);border-radius:var(--sl-r-sm);color:var(--sl-accent);font-size:var(--sl-text-xs);font-family:var(--sl-font-mono);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;margin:0;display:inline-flex;overflow:hidden}.sl-ed>.sl-ed__tok-face:focus-visible{outline:none!important}.sl-ed__tok-face--sm{max-width:4.5rem;font-size:var(--sl-text-2xs)}.sl-ed__tok-face--tag{width:max-content;max-width:100%;height:20px;padding:0 var(--sl-space-6);box-sizing:border-box;border-radius:var(--sl-r-sm);background:var(--sl-surface);color:var(--sl-fg);font-size:var(--sl-text-xs);font-variant-numeric:tabular-nums;text-align:left;text-overflow:clip;box-shadow:none;justify-content:flex-start;align-items:center;line-height:1;display:inline-flex}.sl-ed__tok-face--tag.sl-ed__tok-face--sm{padding:0 var(--sl-space-6);font-size:var(--sl-text-xs);line-height:1}.sl-ed-color .sl-ed__tok-face--tag.is-overflow{-webkit-mask-image:linear-gradient(90deg,#000 0 max(0px,100% - 14px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 max(0px,100% - 14px),#0000 100%)}.sl-ed__tok{align-items:center;gap:var(--sl-space-6);flex:auto;min-width:0;max-width:100%;padding-right:0;display:inline-flex;position:relative}.sl-ed__tok>.sl-ed__tok-face{z-index:1;flex:0 auto;width:max-content;min-width:0;max-width:100%;position:relative}.sl-ed__tok>.sl-ed__tok-detach{z-index:1;opacity:0;width:20px;height:20px;color:var(--sl-fg-secondary);border-radius:var(--sl-r-sm);background:0 0;flex:none;margin:0 0 0 auto;position:static;transform:none}.sl-ed:hover .sl-ed__tok-detach,.sl-ed:focus-within .sl-ed__tok-detach,.sl-ed-sides__cell:hover .sl-ed__tok-detach,.sl-ed-sides__cell:focus-within .sl-ed__tok-detach,.sl-ed__tok-detach:focus-visible{opacity:1}.sl-ed__tok>.sl-ed__tok-detach:hover{color:var(--sl-fg);background:var(--sl-surface-muted)}.sl-ed-color.is-token-bound,.sl-ed-sides__cell.is-token-bound{background:var(--sl-surface-subtle)}.sl-ed-sides__cell.is-token-bound:hover{background:var(--sl-surface-muted)}.sl-var-btn{width:20px;height:20px;margin:0 0 0 var(--sl-space-2);border-radius:var(--sl-r-sm);color:var(--sl-fg-secondary);cursor:pointer;opacity:0;transition:opacity var(--sl-dur-1) var(--sl-ease), color var(--sl-dur-1) var(--sl-ease), background-color var(--sl-dur-1) var(--sl-ease);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.sl-ed:hover>.sl-var-btn,.sl-ed:focus-within>.sl-var-btn,.sl-ed-sides__cell:hover>.sl-var-btn,.sl-ed-sides__cell:focus-within>.sl-var-btn,.sl-ed-wrap:hover>.sl-var-btn,.sl-ed-wrap:focus-within>.sl-var-btn,.sl-var-btn:focus-visible{opacity:1}:is(.sl-ed:has(>.sl-ed__main):hover:not(:has(.sl-dd--unit:hover)):not(:has(.sl-ed__opacity:hover))>.sl-ed__main>.sl-var-btn,.sl-ed:has(>.sl-ed__main):focus-within>.sl-ed__main>.sl-var-btn,.sl-ed:has(>.sl-ed__main):hover:not(:has(.sl-dd--unit:hover)):not(:has(.sl-ed__opacity:hover))>.sl-ed__main .sl-ed__tok-detach,.sl-ed:has(>.sl-ed__main):focus-within>.sl-ed__main .sl-ed__tok-detach){opacity:1;pointer-events:auto}.sl-ed>.sl-var-btn,.sl-ed-sides__cell>.sl-var-btn{margin-left:0}.sl-ed>.sl-var-btn:last-child,.sl-ed-sides__cell>.sl-var-btn:last-child,.sl-ed.sl-ed-color>.sl-ed__main>.sl-var-btn{margin-left:auto}.sl-ed.is-token-bound{width:100%}.sl-ed>.sl-ed__tok{flex:auto;min-width:0}.sl-ed>.sl-ed__tok-face{flex:0 auto;min-width:0}.sl-ed:has(>.sl-ed__main):not(:has(>.sl-dd--unit)):not(:has(>.sl-ed__opacity))>.sl-ed__main>.sl-ed__tok{flex:0 auto}.sl-ed:not(:has(>.sl-ed__main))>.sl-ed__tok{flex:0 auto}:is(.sl-ed:has(>.sl-ed__main):not(:has(>.sl-dd--unit)):not(:has(>.sl-ed__opacity)) .sl-ed__tok-detach,.sl-ed:not(:has(>.sl-ed__main)) .sl-ed__tok-detach){margin-left:0}.sl-ed-color>.sl-ed__main>.sl-ed__tok{flex:auto;width:auto;min-width:0;max-width:100%}.sl-ed-color>.sl-ed__main>.sl-ed__tok>.sl-ed__tok-face{flex:0 auto;width:max-content;min-width:0;max-width:100%}.sl-var-btn.is-bound{color:var(--sl-fg-secondary)}.sl-var-btn:hover{color:var(--sl-fg);background:var(--sl-surface-muted)}.sl-var-btn:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:0!important}.sl-var-btn svg{display:block}.sl-ed-wrap{align-items:center;gap:var(--sl-space-2);min-width:0;display:inline-flex}.sl-edit-pop{z-index:2147483646;border:1px solid var(--sl-border);border-radius:var(--sl-r-2xl);background:var(--sl-surface);max-height:min(420px,100vh - 16px);box-shadow:var(--sl-shadow-settings), var(--sl-edge-highlight);color:var(--sl-fg);font-family:var(--sl-font-ui);font-size:var(--sl-text-sm);contain:inline-size;transform-origin:0 0;padding:0;position:fixed;overflow:hidden;box-sizing:border-box!important;width:280px!important;min-width:280px!important;max-width:min(280px,100vw - 16px)!important}.sl-edit-pop[hidden]{display:none!important}.sl-cp__head,.sl-tok-pick__head{border-bottom:1px solid var(--sl-border);align-items:center;gap:6px;padding:8px 8px 6px;display:flex}.sl-cp__tabs{border-radius:var(--sl-r-lg);background:var(--sl-surface-subtle);flex:1;gap:2px;padding:2px;display:inline-flex}.sl-cp__tab{padding:var(--sl-space-4) var(--sl-space-8);border-radius:var(--sl-r-md);color:var(--sl-fg-secondary);font-family:var(--sl-font-ui);font-size:var(--sl-text-xs);cursor:pointer;background:0 0;border:0;flex:1;margin:0;font-weight:400}.sl-cp__tab:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:-1px!important}.sl-cp__tab.is-on{background:var(--sl-surface);color:var(--sl-fg);box-shadow:var(--sl-shadow-switch);font-weight:600}.sl-cp__close{border-radius:var(--sl-r-md);width:24px;height:24px;color:var(--sl-fg-secondary);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.sl-cp__close:hover{background:var(--sl-surface-muted);color:var(--sl-fg)}.sl-cp__body{padding:var(--sl-space-10);max-height:360px;overflow:auto}.sl-cp__body--vars{flex-direction:column;min-width:0;max-height:none;display:flex;overflow:hidden}.sl-cp__sv{aspect-ratio:1/.72;border-radius:var(--sl-r-lg);background:linear-gradient(to top, var(--sl-cp-black), transparent), linear-gradient(to right, var(--sl-white), var(--sl-cp-hue,var(--sl-cp-hue-fallback)));cursor:crosshair;touch-action:none;width:100%;position:relative}.sl-cp__sv-knob{border:2px solid var(--sl-white);border-radius:var(--sl-r-full);width:12px;height:12px;box-shadow:0 0 0 1px color-mix(in srgb, var(--sl-fg) 35%, transparent);pointer-events:none;margin:-6px 0 0 -6px;position:absolute}.sl-cp__tools{margin-top:var(--sl-space-10);align-items:center;gap:8px;display:flex}.sl-cp__eye{border:1px solid var(--sl-border);border-radius:var(--sl-r-lg);background:var(--sl-surface-subtle);width:28px;height:28px;color:var(--sl-fg);cursor:pointer;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.sl-cp__sliders{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.sl-cp__hue,.sl-cp__alpha{border-radius:var(--sl-r-full);appearance:none;background:var(--sl-cp-hue-ramp);cursor:pointer;width:100%;height:12px;margin:0;padding:0}.sl-cp__alpha{background:linear-gradient(to right, transparent, var(--sl-cp-alpha-color,var(--sl-cp-black))), var(--sl-cp-checker)}.sl-cp__hue::-webkit-slider-thumb{appearance:none;border:2px solid var(--sl-white);border-radius:var(--sl-r-full);background:var(--sl-surface);width:14px;height:14px;box-shadow:0 0 0 1px color-mix(in srgb, var(--sl-fg) 30%, transparent)}.sl-cp__alpha::-webkit-slider-thumb{appearance:none;border:2px solid var(--sl-white);border-radius:var(--sl-r-full);background:var(--sl-surface);width:14px;height:14px;box-shadow:0 0 0 1px color-mix(in srgb, var(--sl-fg) 30%, transparent)}.sl-cp__hue::-moz-range-thumb{border:2px solid var(--sl-white);border-radius:var(--sl-r-full);background:var(--sl-surface);width:14px;height:14px;box-shadow:0 0 0 1px color-mix(in srgb, var(--sl-fg) 30%, transparent)}.sl-cp__alpha::-moz-range-thumb{border:2px solid var(--sl-white);border-radius:var(--sl-r-full);background:var(--sl-surface);width:14px;height:14px;box-shadow:0 0 0 1px color-mix(in srgb, var(--sl-fg) 30%, transparent)}.sl-cp__hue:focus-visible,.sl-cp__alpha:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:2px!important}.sl-cp__values{margin-top:var(--sl-space-10);align-items:center;gap:4px;display:flex;position:relative}.sl-cp__fmt{border-radius:var(--sl-r-md);background:var(--sl-surface-subtle);color:var(--sl-fg);font-family:var(--sl-font-ui);font-size:var(--sl-text-xs);white-space:nowrap;cursor:pointer;border:0;flex:none;align-items:center;gap:2px;margin:0;padding:4px 6px;font-weight:600;line-height:1.3;display:inline-flex}.sl-cp__fmt-menu{z-index:2;min-width:5.5rem;max-height:148px;margin-bottom:var(--sl-space-2);padding:var(--sl-space-4);border:1px solid var(--sl-border);border-radius:var(--sl-r-lg);background:var(--sl-surface);box-shadow:var(--sl-shadow-settings);position:absolute;bottom:100%;left:0;overflow:auto}.sl-cp__fmt-menu[hidden]{display:none!important}.sl-cp__fmt-item{width:100%;padding:var(--sl-space-4) var(--sl-space-8);border-radius:var(--sl-r-sm);color:var(--sl-fg);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);text-align:left;cursor:pointer;background:0 0;border:0;margin:0;display:block}.sl-cp__fmt-item:hover,.sl-cp__fmt-item:focus-visible{background:var(--sl-surface-muted)}.sl-cp__fmt-item:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:-1px!important}.sl-cp__fields{flex:1;gap:2px;min-width:0;display:flex}.sl-cp__hex,.sl-cp__chan,.sl-cp__opacity,.sl-cp__search,.sl-tok-pick__search{box-sizing:border-box;border-radius:var(--sl-r-md);background:var(--sl-surface-subtle);color:var(--sl-fg);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);font-variant-numeric:tabular-nums;border:0;margin:0;padding:4px 6px;font-weight:400;line-height:1.3}.sl-cp__hex{text-transform:uppercase;flex:auto;min-width:4.5rem}.sl-cp__chan{text-align:center;width:100%;min-width:0}.sl-cp__opacity{text-align:right;flex:none;width:3.2rem}.sl-cp__pct{color:var(--sl-fg-secondary);font-family:var(--sl-font-ui);font-size:var(--sl-text-xs);flex:none}.sl-cp__page{margin-top:12px}.sl-cp__lab{margin-bottom:var(--sl-space-6);color:var(--sl-fg-secondary);font-family:var(--sl-font-ui);font-size:var(--sl-text-xs);font-weight:600}.sl-cp__page-grid{flex-wrap:wrap;gap:6px;display:flex}.sl-cp__page-sw,.sl-tok-pick__sw{border:1px solid var(--sl-swatch-border);border-radius:var(--sl-r-sm);background:linear-gradient(var(--sl-swatch,var(--sl-fg)), var(--sl-swatch,var(--sl-fg))), var(--sl-cp-checker);cursor:pointer;width:20px;height:20px;margin:0;padding:0}.sl-cp__search{width:100%;margin-bottom:8px}.sl-tok-pick__list{scrollbar-gutter:stable;flex-direction:column;flex:auto;gap:2px;min-width:0;max-height:280px;display:flex;position:relative;overflow:hidden auto}.sl-tok-pick__item{z-index:1;border-radius:var(--sl-r-md);width:100%;color:var(--sl-fg);font:inherit;font-size:var(--sl-text-xs);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin:0;padding:6px 8px;display:flex;position:relative}.sl-tok-pick__item.is-on,.sl-tok-pick__item.is-on .sl-tok-pick__name{color:var(--sl-accent-soft-fg)}.sl-tok-pick__item.is-on{font-weight:600}.sl-tok-pick__item:focus-visible{outline:2px solid var(--sl-focus-ring)!important;outline-offset:-1px!important}.sl-tok-pick__hash{border-radius:var(--sl-r-sm);background:var(--sl-surface-subtle);width:18px;height:18px;color:var(--sl-fg-secondary);font-size:var(--sl-text-2xs);justify-content:center;align-items:center;display:inline-flex}.sl-tok-pick__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--sl-font-mono);flex:1;overflow:hidden}.sl-tok-pick__val{color:var(--sl-fg-secondary);font-variant-numeric:tabular-nums;flex:none}.sl-tok-pick__empty{color:var(--sl-fg-secondary);font-size:var(--sl-text-xs);text-align:center;padding:12px 8px}.sl-tok-pick__head .sl-tok-pick__search{flex:1}.sl-edit-pop--token{width:280px!important;min-width:280px!important;max-width:min(280px,100vw - 16px)!important}.sl-tok-pick{padding-bottom:8px}.sl-cp,.sl-tok-pick,.sl-cp__body,.sl-cp__body--vars{box-sizing:border-box;width:100%;min-width:0}.sl-tok-pick__item{min-width:0}@media (prefers-reduced-motion:reduce){.sl-fab-dock,.sl-fab-dock *,.sl-panel,.sl-panel *,.sl-settings__body,.sl-settings *,.sl-sheet,.sl-sheet *,.sl-tip,.sl-tooltip,.sl-edit-pop,.sl-edit-pop *,.sl-change-badges *{transition-property:opacity,background-color,border-color,color,box-shadow,fill,stroke;transition-duration:var(--sl-dur-1);transition-timing-function:var(--sl-ease)}.sl-seg,.sl-panel__tabs,.sl-ed__align-group,.sl-seg:before,.sl-ed__align-group:before,.sl-settings__switch:after{transition:none}.sl-toolbar__btn:active,.sl-fab-settings:active,.sl-fab-close:active,.sl-panel__tab:active,.sl-panel__copy-block:active,.sl-panel__copy-fmt:active,.sl-ed__expand:active,.sl-add:active,.sl-ed__add:active,.sl-ed__align:active,.sl-ed-alignbox__cell:active,.sl-ghost:active,.sl-more:active,.sl-palette__more:active,.sl-typeramp__more:active,.sl-assets__more:active,.sl-palette__refresh:active,.sl-typeramp__refresh:active,.sl-fab-settings[aria-expanded=true],.sl-settings__body,.sl-settings.is-visible,.sl-settings.is-below,.sl-tooltip,.sl-tooltip.is-visible,.sl-toolbar__copy-menu,.sl-toolbar__copy-menu.is-open,.sl-dd__menu,.sl-dd__menu.is-open,.sl-ed-shadow__flyout,.sl-ed-shadow__flyout.is-open,.sl-edit-pop,.sl-edit-pop.is-open,.sl-panel__copy-menu,.sl-panel__copy-menu.is-open,.sl-cp__fmt-menu,.sl-cp__fmt-menu.is-open,.sl-asset__copy,.sl-asset__open,.sl-asset__download,.sl-asset__replace,.sl-change-dot__x{transform:none}.sl-section__body{transition:none}.sl-toolbar__sel[hidden]{transform:none}.sl-dd__thumb{transition-duration:0s}.sl-palette__list,.sl-typeramp__list,.sl-changes__body,.sl-assets-panel__body,.sl-rows{animation:none;-webkit-mask-image:none;mask-image:none}}.sl-dockzones{z-index:2147483645;pointer-events:none;opacity:0;transition:opacity var(--sl-dur-2) var(--sl-ease);position:fixed;inset:0}.sl-dockzones.is-visible{opacity:1}.sl-dockzone{box-sizing:border-box;border:2px dashed color-mix(in srgb, var(--sl-accent) 45%, transparent);border-radius:var(--sl-r-2xl);background:color-mix(in srgb, var(--sl-accent) 8%, transparent);width:56px;height:56px;transition:width var(--sl-dur-3) var(--sl-ease-snap), height var(--sl-dur-3) var(--sl-ease-snap), background-color var(--sl-dur-2) var(--sl-ease), border-color var(--sl-dur-2) var(--sl-ease), border-radius var(--sl-dur-2) var(--sl-ease);position:absolute}.sl-dockzone--tr,.sl-dockzone--br{transform:translateX(calc(var(--sl-dock-w,340px) - 100%))}.sl-dockzone--bl,.sl-dockzone--br{transform:translateY(calc(var(--sl-dock-h,420px) - 100%))}.sl-dockzone--br{transform:translateX(calc(var(--sl-dock-w,340px) - 100%)) translateY(calc(var(--sl-dock-h,420px) - 100%))}.sl-dockzone.is-near{width:var(--sl-dock-w,340px);height:var(--sl-dock-h,420px);border-style:solid;border-color:var(--sl-accent);border-radius:var(--sl-r-3xl);background:color-mix(in srgb, var(--sl-accent) 14%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--sl-accent) 12%, transparent);transform:none}.sl-panel.is-dragging{box-shadow:var(--sl-shadow-drag)}.sl-panel.is-snapping{transition:left var(--sl-dur-3) var(--sl-ease-snap), top var(--sl-dur-3) var(--sl-ease-snap)}@media (prefers-reduced-motion:reduce){.sl-dockzone{transition:background-color var(--sl-dur-1) var(--sl-ease), border-color var(--sl-dur-1) var(--sl-ease)}.sl-panel.is-snapping{transition:none}}.sl-fab-dock [hidden],.sl-panel [hidden],.sl-settings [hidden],.sl-sheet [hidden],.sl-edit-pop [hidden],.sl-tip [hidden],.sl-asset-file[hidden],.sl-change-badges[hidden],.sl-edit-pop[hidden],.sl-settings[hidden],.sl-sheet[hidden]{display:none!important}.sl-adapt{z-index:2147483635;background:var(--sl-adapt-bg);color:var(--sl-fg);font-family:var(--sl-font-ui);font-size:var(--sl-text-sm);pointer-events:auto;flex-direction:column;display:flex;position:fixed;inset:0;box-sizing:border-box!important}.sl-adapt[hidden],.sl-fab-dock[hidden]{display:none!important}.sl-adapt *,.sl-adapt :before,.sl-adapt :after{box-sizing:border-box!important}html.sl-adapt-on,html.sl-adapt-on body{overflow:hidden!important}.sl-adapt__top{align-items:start;gap:var(--sl-space-8);padding:var(--sl-space-16);z-index:2;pointer-events:none;background:0 0;border:0;flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.sl-adapt__cluster{pointer-events:auto;align-items:center;gap:var(--sl-space-4);padding:var(--sl-space-4);border-radius:var(--sl-r-toolbar);background:var(--sl-surface);box-shadow:var(--sl-shadow-fab), var(--sl-edge-highlight);border:0;flex:none;display:inline-flex}.sl-adapt__cluster--left{justify-self:start}.sl-adapt__cluster--zoom{justify-self:center}.sl-adapt__cluster--right{justify-content:flex-end;justify-self:end}.sl-adapt__cluster .sl-toolbar__btn.is-on,.sl-adapt__cluster .sl-toolbar__btn.is-on:hover:not(:disabled){background-color:var(--sl-toolbar-on-bot);background-image:linear-gradient(180deg, var(--sl-toolbar-on-top) 0%, var(--sl-toolbar-on-bot) 100%);border-color:var(--sl-toolbar-on-ring);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--sl-fg-on-accent) 20%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--sl-fg) 20%, transparent), 0 1px 2px color-mix(in srgb, var(--sl-fg) 20%, transparent);color:var(--sl-fg-on-accent)}.sl-adapt__cluster .sl-toolbar__btn.is-on *,.sl-adapt__cluster .sl-toolbar__btn.is-on:hover:not(:disabled) *{color:var(--sl-fg-on-accent)}.sl-adapt__tool{pointer-events:auto!important;opacity:1!important;visibility:visible!important}.sl-adapt__cluster svg{pointer-events:none;display:block;width:16px!important;height:16px!important}.sl-adapt__zoom-label{min-width:3.25em;padding:0 var(--sl-space-4);text-align:center;font-family:var(--sl-font-ui);font-size:var(--sl-text-sm);font-variant-numeric:tabular-nums;color:var(--sl-fg)}.sl-adapt__add-wrap{position:relative}.sl-adapt__presets{z-index:5;width:280px;max-height:min(60vh,420px);padding:var(--sl-space-8);border-radius:var(--sl-r-toolbar);background:var(--sl-surface);box-shadow:var(--sl-shadow-settings), var(--sl-edge-highlight);border:0;position:absolute;top:calc(100% + 6px);left:0;overflow:auto}.sl-adapt__preset-item.sl-adapt__preset-reset{border-bottom:1px solid var(--sl-border);margin-bottom:8px;border-radius:8px 8px 0 0!important;font-weight:600!important}.sl-adapt__icon-btn:disabled{opacity:.35!important;cursor:default!important;pointer-events:none!important}.sl-adapt__preset-label{letter-spacing:.04em;text-transform:uppercase;color:var(--sl-fg-muted);padding:var(--sl-space-4) var(--sl-space-8);font-size:11px;font-weight:600}.sl-adapt__preset-item{appearance:none!important;width:100%!important;color:var(--sl-fg)!important;text-align:left!important;padding:var(--sl-space-8) var(--sl-space-10)!important;border-radius:var(--sl-r-md)!important;cursor:pointer!important;font:inherit!important;pointer-events:auto!important;background:0 0!important;border:0!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;font-size:13px!important;display:flex!important}.sl-adapt__preset-item:hover{background:var(--sl-surface-muted)!important}.sl-adapt__preset-size{color:var(--sl-fg-muted);font-variant-numeric:tabular-nums;font-size:11px}.sl-adapt__canvas{background-image:radial-gradient(var(--sl-adapt-dot) 1px, transparent 1px);background-position:0 0;background-size:16px 16px;flex:auto;min-height:0;overflow:auto}.sl-adapt__world{transform-origin:0 0;flex-flow:row;align-items:flex-start;gap:28px;width:max-content;min-height:100%;padding:28px 40px 80px;display:flex}.sl-adapt__frame{flex-direction:column;flex:none;gap:6px;display:flex}.sl-adapt__frame-head{color:var(--sl-adapt-muted);justify-content:space-between;align-items:center;gap:8px;padding:0 2px;font-size:12px;font-weight:500;display:flex}.sl-adapt__frame-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sl-adapt__frame-actions{flex:none;gap:2px;display:inline-flex}.sl-adapt__icon-btn{appearance:none!important;color:var(--sl-adapt-faint)!important;cursor:pointer!important;pointer-events:auto!important;background:0 0!important;border:0!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;width:24px!important;height:24px!important;padding:0!important;display:inline-flex!important}.sl-adapt__icon-btn:hover{background:var(--sl-adapt-fill-hover)!important;color:var(--sl-adapt-ink)!important}.sl-adapt__icon-btn svg{width:12px;height:12px;display:block}.sl-adapt__shell{background:var(--sl-adapt-shell);box-shadow:var(--sl-adapt-shell-shadow);border-radius:10px;position:relative;overflow:hidden}.sl-adapt__iframe{background:var(--sl-adapt-iframe);border:0;width:100%;height:100%;display:block}.sl-adapt__pierce{z-index:2;pointer-events:auto;background:0 0;position:absolute;inset:0;cursor:default!important}.sl-adapt__pierce[hidden]{display:none!important}.sl-adapt__blocked{text-align:center;background:var(--sl-adapt-blocked);color:var(--sl-adapt-ink);justify-content:center;align-items:center;padding:20px;font-size:13px;line-height:1.4;display:flex;position:absolute;inset:0}.sl-adapt__blocked[hidden]{display:none!important}.scene-stage{isolation:isolate;background:var(--tw-surface);border:1px solid var(--tw-border);border-radius:var(--sl-r-3xl);min-height:520px;box-shadow:var(--sl-shadow-panel);display:block;position:relative;overflow:hidden}.scene-stage__host{z-index:0;isolation:isolate;position:absolute;inset:0;container:host/inline-size}.scene-stage__host>*{height:100%}.site-hero .scene-stage{min-height:640px}.scene-stage .sl-panel:not([data-sl-chrome]),.scene-stage .sl-panel.is-visible:not([data-sl-chrome]){top:var(--sl-space-4);right:var(--sl-space-4);z-index:6;width:340px;max-height:calc(100% - 96px);margin:0;display:flex;bottom:auto;left:auto;position:absolute!important}.scene-stage .sl-fab-dock{padding:0 var(--sl-space-8);z-index:7;left:0!important;right:0!important;bottom:var(--sl-space-4)!important;position:absolute!important;top:auto!important}.scene-stage .sl-hatch,.scene-stage .sl-hatch-preview,.scene-stage .sl-hatch__band,.scene-stage .sl-size-cap,.scene-stage .sl-outline,.scene-stage .sl-hover-outline,.scene-stage .sl-change-badges{position:absolute!important}.scene-stage .sl-outline{inset:calc(var(--sl-space-2) * -1);box-shadow:none;border-radius:inherit;z-index:2;display:block}.scene-stage .sl-outline.is-live,.scene-stage .sl-hover-outline.is-live,.scene-stage .sl-hatch.sl-hatch--live{z-index:5;top:var(--live-t)!important;left:var(--live-l)!important;width:var(--live-w)!important;height:var(--live-h)!important;bottom:auto!important;right:auto!important}.scene-stage .sl-outline.is-live,.scene-stage .sl-hover-outline.is-live{border-radius:var(--live-r,0)}.scene-stage .sl-hover-outline.is-live{display:block}.scene-stage .sl-hatch,.scene-stage .sl-hatch-preview{z-index:3;display:block;inset:0}.scene-stage .sl-hatch__band{z-index:3}.scene-stage .sl-hatch__band--top{top:0;left:0;right:0}.scene-stage .sl-hatch__band--bottom{bottom:0;left:0;right:0}.scene-stage .sl-hatch__band--left{top:var(--space-4,16px);bottom:var(--space-4,16px);left:0}.scene-stage .sl-hatch__band--right{top:var(--space-4,16px);bottom:var(--space-4,16px);right:0}.scene-stage .sl-size-cap{white-space:nowrap;z-index:4;display:block}.scene-stage .host-pin--cta .sl-size-cap,.scene-stage .host-pin--login .sl-size-cap,.scene-stage .host-pin--card .sl-size-cap{width:max-content;margin:0 auto var(--sl-space-2);transform:none;position:relative!important;inset:auto!important}.scene-stage .host-pin--login .sl-size-cap,.scene-stage .host-pin--card .sl-size-cap{margin-left:0}.scene-stage .sl-toolbar{max-width:100%}.scene-stage .host-pin{z-index:2;position:relative}.scene-stage .host-pin--cta{width:max-content;max-width:100%;margin-top:var(--tw-space-8);display:inline-block}.scene-stage .host-pin--login,.scene-stage .host-pin--card{width:100%;display:block}.scene-payload{left:var(--tw-space-4);bottom:calc(var(--tw-space-12) + var(--tw-space-4));z-index:5;max-width:var(--tw-measure);padding:var(--tw-space-4);background:var(--sl-surface);color:var(--sl-fg);border-radius:var(--sl-r-2xl);box-shadow:var(--sl-shadow-panel);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);margin:0;line-height:1.45;position:absolute}.scene-payload__kicker{margin-bottom:var(--tw-space-2);color:var(--sl-fg-secondary);font-family:var(--sl-font-ui);font-size:var(--sl-text-2xs);font-weight:600;display:block}@media (width<=720px){.scene-stage{flex-direction:column;display:flex}.scene-stage__host{flex:none;min-height:400px;position:relative;inset:auto}.scene-stage .sl-panel,.scene-stage .sl-panel.is-visible{top:auto;right:auto;width:auto;max-width:340px;max-height:none;margin:var(--tw-space-4);inset:auto;position:relative!important}.scene-stage .sl-fab-dock{padding:var(--tw-space-3) var(--tw-space-4) var(--tw-space-4);position:relative!important;inset:auto!important}.scene-payload{margin:var(--tw-space-4);position:relative;bottom:auto;left:auto}}