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