:root,:host{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-space-none:0;--app-space-hair:2px;--app-space-xs:4px;--app-space-sm:8px;--app-space-md:12px;--app-space-lg:16px;--app-space-xl:24px;--app-space-xxl:32px;--app-space-xxxl:48px;--app-color-bg:#0e1013;--app-color-bg-raised:#16191e;--app-color-bg-raised2:#1d2127;--app-color-bg-sunken:#0a0c0e;--app-color-border:#272c34;--app-color-border-strong:#3a414c;--app-color-text:#eceef1;--app-color-text-muted:#9ba4b1;--app-color-text-faint:#6b7482;--app-color-accent:#5cc8ff;--app-color-accent-strong:#8ad8ff;--app-color-accent-text:#06202e;--app-color-danger:#ff6b6b;--app-color-danger-soft:#ff6b6b1f;--app-color-warning:#facc15;--app-color-success:#4ade80;--app-color-canvas-bg:#121519;--app-color-canvas-dot:#ffffff12;--app-color-device-cutout:#05070a;--app-color-device-light:#fff;--app-color-hover:#5cc8ff1a;--app-color-selection:#5cc8ff3d;--app-color-mark-back-start:#8ad8ff;--app-color-mark-back-end:#5cc8ff;--app-color-mark-front-start:#0a6cc9;--app-color-mark-front-end:#085aa8;--app-radius-none:0;--app-radius-sm:6px;--app-radius-md:8px;--app-radius-lg:10px;--app-radius-xl:14px;--app-radius-pill:999px;--app-radius-device:32px;--app-font-family:"Geist Variable", Geist, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--app-font-family-display:"Geist Variable", Geist, system-ui, -apple-system, "Segoe UI", sans-serif;--app-font-family-mono:"Geist Mono Variable", "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--app-font-size-xs:11px;--app-font-size-sm:12px;--app-font-size-md:13px;--app-font-size-lg:14px;--app-font-size-xl:20px;--app-font-weight-regular:400;--app-font-weight-medium:500;--app-font-weight-semibold:600;--app-font-weight-bold:700;--app-font-line-height:1.4;--app-shadow-none:none;--app-shadow-low:0 1px 2px #0006;--app-shadow-medium:0 12px 32px #00000080;--app-motion-quick:.15s;--app-motion-standard:cubic-bezier(.42, 0, .58, 1);--app-z-index-base:0;--app-z-index-panel:10;--app-z-index-overlay:100;--app-z-index-dragging:1000;--app-size-border:1px;--app-size-header-height:52px;--app-size-control-height:32px;--app-size-rail-width:72px;--app-size-palette-width:264px;--app-size-palette-width-min:200px;--app-size-palette-width-max:640px;--app-size-canvas-min-width:360px;--app-size-inspector-width:328px;--app-size-inspector-preview-width:468px;--app-size-icon-md:20px;--app-size-content-width:960px;--app-size-scenario-select-width:224px;--app-size-form-width:400px}:root[data-chrome-theme=light],:host([theme=light]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-color-bg:#f4f5f7;--app-color-bg-raised:#fff;--app-color-bg-raised2:#f0f2f5;--app-color-bg-sunken:#e9ecf0;--app-color-border:#dde1e7;--app-color-border-strong:#c2c8d1;--app-color-text:#14171c;--app-color-text-muted:#5a6472;--app-color-text-faint:#8a93a0;--app-color-accent:#0a6cc9;--app-color-accent-strong:#085aa8;--app-color-accent-text:#fff;--app-color-danger:#c92a2a;--app-color-danger-soft:#c92a2a14;--app-color-warning:#a16207;--app-color-success:#15803d;--app-color-canvas-bg:#e6e9ee;--app-color-canvas-dot:#14171c1a;--app-color-device-cutout:#05070a;--app-color-device-light:#fff;--app-color-hover:#0a6cc914;--app-color-selection:#0a6cc933;--app-color-mark-back-start:#8ad8ff;--app-color-mark-back-end:#5cc8ff;--app-color-mark-front-start:#0a6cc9;--app-color-mark-front-end:#085aa8;--app-shadow-none:none;--app-shadow-low:0 1px 2px #14171c14;--app-shadow-medium:0 12px 32px #14171c24}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.ui-panel{gap:var(--app-space-md);min-block-size:var(--app-space-none);flex-direction:column;display:flex}.ui-panel__title,.ui-eyebrow{margin:var(--app-space-none);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-semibold);letter-spacing:calc(var(--app-font-size-xs) * .06);text-transform:uppercase;color:var(--app-color-text-muted)}.ui-panel__body{gap:var(--app-space-sm);min-block-size:var(--app-space-none);flex-direction:column;display:flex}.ui-tool-button{align-items:center;gap:var(--app-space-sm);inline-size:100%;min-block-size:var(--app-size-control-height);padding:var(--app-space-xs) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-md);background:var(--app-color-bg-raised2);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-md);line-height:var(--app-font-line-height);text-align:start;cursor:pointer;display:flex}a.ui-tool-button{text-decoration:none}.ui-tool-button:hover:not(:disabled){border-color:var(--app-color-text-muted);background:var(--app-color-bg-sunken)}.ui-tool-button[aria-pressed=true]{border-color:var(--app-color-accent);color:var(--app-color-accent)}.ui-tool-button:active:not(:disabled){transform:translateY(var(--app-size-border))}.ui-tool-button:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.ui-tool-button:disabled{opacity:.45;cursor:not-allowed}.ui-tool-button[data-align=center]{font-weight:var(--app-font-weight-medium);white-space:nowrap;justify-content:center}.ui-tool-button[data-width=hug]{flex:none;inline-size:auto}.ui-tool-button[data-size=sm]{min-block-size:calc(var(--app-size-control-height) - var(--app-space-xs));padding:var(--app-space-hair) calc(var(--app-space-sm) + var(--app-space-hair));font-size:var(--app-font-size-sm)}.ui-tool-button[data-variant=primary]{border-color:var(--app-color-accent);background:var(--app-color-accent);color:var(--app-color-accent-text);font-weight:var(--app-font-weight-semibold)}.ui-tool-button[data-variant=primary]:hover:not(:disabled){border-color:var(--app-color-accent-strong);background:var(--app-color-accent-strong)}.ui-tool-button[data-variant=quiet],.ui-tool-button[data-variant=quiet-danger]{color:var(--app-color-text-muted);font-weight:var(--app-font-weight-regular);background:0 0;border-color:#0000}.ui-tool-button[data-variant=quiet]:hover:not(:disabled){background:var(--app-color-bg-raised2);color:var(--app-color-text);border-color:#0000}.ui-tool-button[data-variant=danger]{border-color:var(--app-color-danger);color:var(--app-color-danger);background:0 0}.ui-tool-button[data-variant=quiet-danger]{color:var(--app-color-danger)}.ui-tool-button[data-variant=danger]:hover:not(:disabled){border-color:var(--app-color-danger);background:var(--app-color-danger-soft)}.ui-tool-button[data-variant=quiet-danger]:hover:not(:disabled){background:var(--app-color-danger-soft);border-color:#0000}.ui-tool-button__icon{color:var(--app-color-text-muted);flex:none}.ui-icon-button{inline-size:calc(var(--app-size-control-height) - var(--app-space-xs));block-size:calc(var(--app-size-control-height) - var(--app-space-xs));padding:var(--app-space-none);border-radius:var(--app-radius-sm);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-md);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.ui-icon-button[data-size=sm]{inline-size:var(--app-space-xl);block-size:var(--app-space-xl)}.ui-icon-button:hover:not(:disabled){background:var(--app-color-bg-raised2);color:var(--app-color-text)}.ui-icon-button[data-tone=danger],.ui-icon-button[data-tone=danger]:hover:not(:disabled){color:var(--app-color-danger)}.ui-icon-button[data-tone=danger]:hover:not(:disabled){background:var(--app-color-danger-soft)}.ui-icon-button:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.ui-icon-button:disabled{opacity:.45;cursor:not-allowed}.ui-field{inline-size:100%;min-inline-size:var(--app-space-none);block-size:var(--app-size-control-height);box-sizing:border-box;padding:var(--app-space-none) calc(var(--app-space-sm) + var(--app-space-hair));border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-md);background:var(--app-color-bg-sunken);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-md)}.ui-field::placeholder{color:var(--app-color-text-faint)}.ui-field[data-width=hug]{inline-size:auto}.ui-field[data-size=sm]{block-size:calc(var(--app-size-control-height) - var(--app-space-xs));padding-inline:var(--app-space-sm);font-size:var(--app-font-size-sm)}.ui-field[data-mono=true]{font-family:var(--app-font-family-mono)}.ui-field[data-multiline=true]{block-size:auto;padding-block:var(--app-space-sm);line-height:var(--app-font-line-height)}.ui-field[data-variant=quiet]{background:0 0;border-color:#0000}.ui-field:hover:enabled{border-color:var(--app-color-border-strong)}.ui-field[data-variant=quiet]:hover:enabled,.ui-field[data-variant=quiet]:focus-visible{background:var(--app-color-bg-sunken)}.ui-field:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.ui-field[aria-invalid=true],.ui-field[data-invalid=true]{border-color:var(--app-color-danger)}.ui-field:disabled{opacity:.5;cursor:not-allowed}select.ui-field{cursor:pointer;max-inline-size:100%}select.ui-field,select.ui-field[data-variant],select.ui-field[data-size]{--ui-select-gap:calc(var(--app-space-sm) + var(--app-space-hair));--ui-select-arrow:var(--app-space-xs);appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-repeat:no-repeat;background-size:var(--ui-select-arrow) var(--ui-select-arrow);background-position:right calc(var(--ui-select-gap) + var(--ui-select-arrow)) center, right var(--ui-select-gap) center;padding-inline-end:calc(var(--ui-select-gap) * 2 + var(--ui-select-arrow) * 2)}[dir=rtl] select.ui-field,[dir=rtl] select.ui-field[data-variant],[dir=rtl] select.ui-field[data-size]{background-position:left var(--ui-select-gap) center, left calc(var(--ui-select-gap) + var(--ui-select-arrow)) center}select.ui-field:disabled{cursor:not-allowed}.ui-link{padding:var(--app-space-none);border:var(--app-radius-none);color:var(--app-color-accent);font-family:var(--app-font-family);font-size:inherit;cursor:pointer;background:0 0;text-decoration:none}.ui-link:hover:not(:disabled){color:var(--app-color-accent-strong);text-decoration:underline}.ui-link:focus-visible{border-radius:var(--app-radius-sm);outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.ui-link:disabled{opacity:.45;cursor:not-allowed}.ui-empty-state{margin:var(--app-space-none);padding:var(--app-space-lg) var(--app-space-md);border:var(--app-size-border) dashed var(--app-color-border-strong);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-md);text-align:center}.ui-empty-state[data-layout=rich]{align-items:center;gap:var(--app-space-sm);padding:var(--app-space-xxl) var(--app-space-xl);flex-direction:column;display:flex}.ui-empty-state[data-size=sm]{padding:var(--app-space-lg);font-size:var(--app-font-size-sm)}.ui-empty-state[data-frame=none]{background:0 0;border:0}.ui-empty-state__icon{inline-size:var(--app-space-xxl);block-size:var(--app-space-xxl);color:var(--app-color-text-faint);flex:none}.ui-empty-state__icon>svg{block-size:100%;inline-size:100%;display:block}.ui-empty-state__title{margin:var(--app-space-none);color:var(--app-color-text);font-size:var(--app-font-size-lg);font-weight:var(--app-font-weight-semibold);line-height:var(--app-font-line-height)}.ui-empty-state__text{max-inline-size:calc(var(--app-size-form-width) * 1.2);margin:var(--app-space-none);line-height:var(--app-font-line-height)}.ui-empty-state__action{inline-size:100%;justify-content:center;margin-block-start:var(--app-space-sm);display:flex}.ui-visually-hidden{inline-size:var(--app-size-border);block-size:var(--app-size-border);padding:var(--app-space-none);margin:var(--app-space-none);clip-path:inset(50%);white-space:nowrap;border:0;position:absolute;overflow:hidden}.ui-select-field{gap:var(--app-space-hair);min-inline-size:var(--app-space-none);flex-direction:column;display:inline-flex}.ui-select-field__label{color:var(--app-color-text-muted);font-size:var(--app-font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-select-field[data-changed=true]>.ui-select-field__label{color:var(--app-color-text)}.ui-select-field[data-changed=true]>.ui-select-field__label:before{content:"";inline-size:var(--app-space-xs);block-size:var(--app-space-xs);border-radius:var(--app-radius-pill);background:var(--app-color-accent);vertical-align:middle;margin-inline-end:var(--app-space-xs);display:inline-block}.ui-segmented{gap:var(--app-space-hair);padding:var(--app-space-hair);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-md);background:var(--app-color-bg-sunken);display:flex}.ui-segmented__option{min-block-size:calc(var(--app-size-control-height) - 3 * var(--app-space-hair));padding:var(--app-space-none) var(--app-space-sm);border-radius:var(--app-radius-sm);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-md);line-height:var(--app-font-line-height);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1;justify-content:safe center;align-items:center;display:flex;position:relative}.ui-segmented[data-fit=label]{flex-wrap:wrap}.ui-segmented[data-fit=label]>.ui-segmented__option{flex:auto}.ui-segmented[data-size=sm]>.ui-segmented__option{font-size:var(--app-font-size-sm)}.ui-segmented__option:hover:not(:disabled,:has(:disabled)){color:var(--app-color-text)}.ui-segmented__input{inset:var(--app-space-none);block-size:100%;inline-size:100%;margin:var(--app-space-none);opacity:0;cursor:inherit;position:absolute}.ui-segmented__option[aria-pressed=true],.ui-segmented__option[aria-current=true]{background:var(--app-color-bg-raised2);box-shadow:var(--app-shadow-low);color:var(--app-color-text);font-weight:var(--app-font-weight-medium)}.ui-segmented__option:has(.ui-segmented__input:checked){background:var(--app-color-bg-raised2);box-shadow:var(--app-shadow-low);color:var(--app-color-text);font-weight:var(--app-font-weight-medium)}.ui-segmented__option:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.ui-segmented__option:has(:focus-visible){outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.ui-segmented__option:disabled{opacity:.45;cursor:not-allowed}.ui-segmented__option:has(:disabled){opacity:.45;cursor:not-allowed}.ui-alert-bar{align-items:center;gap:var(--app-space-md);padding:calc(var(--app-space-sm) + var(--app-space-hair)) var(--app-space-lg);border-block-start:var(--app-size-border) solid var(--app-color-border);background:var(--app-color-bg-raised);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-md);line-height:var(--app-font-line-height);display:flex}.ui-alert-bar[data-tone=danger]{border-block-start-color:var(--app-color-danger);background:var(--app-color-danger-soft)}.ui-alert-bar__icon{inline-size:var(--app-space-lg);block-size:var(--app-space-lg);color:var(--app-color-warning);flex:none}.ui-alert-bar[data-tone=danger] .ui-alert-bar__icon{color:var(--app-color-danger)}.ui-alert-bar__text{min-inline-size:var(--app-space-none);margin:var(--app-space-none);flex:1}.ui-alert-bar[data-action=inline] .ui-alert-bar__text{flex:0 auto}.ui-alert-bar__text[data-pressable=true]{cursor:pointer}.ui-alert-bar__lead{font-weight:var(--app-font-weight-semibold)}.ui-alert-bar .ui-tool-button{flex:none;inline-size:auto}.ui-alert-bar[data-variant=card]{border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg)}.ui-alert-bar[data-variant=card][data-tone=danger]{border-color:var(--app-color-danger)}.ui-message{margin:var(--app-space-none);padding:var(--app-space-sm) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-md);background:var(--app-color-bg-sunken);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height)}.ui-message[data-tone=danger]{border-color:var(--app-color-danger);background:var(--app-color-danger-soft)}.ui-badge{padding:var(--app-size-border) var(--app-space-sm);border-radius:var(--app-radius-pill);background:var(--app-color-bg-sunken);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-regular);line-height:var(--app-font-line-height);white-space:nowrap;flex:none}.ui-badge[data-size=sm]{padding:var(--app-space-none) var(--app-space-xs)}.ui-badge[data-size=lg]{padding:var(--app-space-hair) var(--app-space-sm)}.ui-badge[data-strong=true]{font-weight:var(--app-font-weight-semibold)}.ui-badge[data-tone=accent]{background:var(--app-color-hover);color:var(--app-color-accent)}.ui-badge[data-tone=success]{background:color-mix(in srgb, var(--app-color-success) 16%, transparent);color:var(--app-color-success)}.ui-badge[data-tone=warning]{background:color-mix(in srgb, var(--app-color-warning) 16%, transparent);color:var(--app-color-warning)}.ui-badge[data-tone=danger]{background:var(--app-color-danger-soft);color:var(--app-color-danger)}.ui-widget-icon{inline-size:var(--app-size-icon-md);block-size:var(--app-size-icon-md);color:var(--app-color-text-muted);flex:none}.ui-brand-mark{inline-size:var(--app-size-icon-md);block-size:var(--app-size-icon-md);flex:none;display:block}.ui-brand-mark[data-size=lg]{inline-size:var(--app-space-xxxl);block-size:var(--app-space-xxxl)}.ui-brand-mark__back-solid{fill:var(--app-color-mark-back-end)}.ui-brand-mark__front-solid{fill:var(--app-color-mark-front-start)}.ui-brand-mark__back-start{stop-color:var(--app-color-mark-back-start)}.ui-brand-mark__back-end{stop-color:var(--app-color-mark-back-end)}.ui-brand-mark__front-start{stop-color:var(--app-color-mark-front-start)}.ui-brand-mark__front-end{stop-color:var(--app-color-mark-front-end)}.ui-info{vertical-align:middle;margin-inline-start:var(--app-space-xs)}.ui-info[data-pressed=true]{color:var(--app-color-accent)}.ui-info__icon{inline-size:var(--app-space-md);block-size:var(--app-space-md);fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.ui-hint{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.ui-tool-button,.ui-icon-button,.ui-field,.ui-segmented__option,.workspace-rail__button,.document-tree__row,.document-tree__toggle,.pp-token,.ui-link,.design-system__swatch,.map-card,.map-card__thumb,.map-edge{transition:background-color var(--app-motion-quick) var(--app-motion-standard), border-color var(--app-motion-quick) var(--app-motion-standard), color var(--app-motion-quick) var(--app-motion-standard), opacity var(--app-motion-quick) var(--app-motion-standard)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.ui-dialog{max-inline-size:calc(100% - 2 * var(--app-space-xl));inline-size:var(--app-size-form-width);padding:var(--app-space-none);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);color:var(--app-color-text);box-shadow:var(--app-shadow-medium);font-family:var(--app-font-family)}.ui-dialog::backdrop{background:color-mix(in srgb, var(--app-color-bg-sunken) 70%, transparent)}.ui-dialog__surface{gap:var(--app-space-lg);padding:var(--app-space-xl);flex-direction:column;display:flex}.ui-dialog__title{margin:var(--app-space-none);font-size:var(--app-font-size-lg);font-weight:var(--app-font-weight-semibold);overflow-wrap:anywhere}.ui-dialog__body{gap:var(--app-space-md);font-size:var(--app-font-size-md);line-height:var(--app-font-line-height);flex-direction:column;display:flex;overflow-y:auto}.ui-dialog__actions{justify-content:flex-end;gap:var(--app-space-sm);display:flex}.ui-dialog__actions .ui-tool-button{inline-size:auto}html,body,#root{block-size:100%;margin:var(--app-space-none)}.try{background:var(--app-color-bg);block-size:100%;color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-md);line-height:var(--app-font-line-height);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex}.try *,.try :before,.try :after{box-sizing:border-box}.try__bar{align-items:center;gap:var(--app-space-sm) var(--app-space-lg);padding:var(--app-space-sm) var(--app-space-lg);border-block-end:var(--app-size-border) solid var(--app-color-border);background:var(--app-color-bg-raised);flex-wrap:wrap;flex:none;display:flex}.try__brand{align-items:center;gap:var(--app-space-sm);display:flex}.try__home{align-items:center;gap:var(--app-space-sm);color:inherit;text-decoration:none;display:flex}.try__home:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.try__name{font-weight:var(--app-font-weight-semibold)}.try__label{color:var(--app-color-text-muted)}.try__actions{align-items:center;gap:var(--app-space-sm);flex-wrap:wrap;margin-inline-start:auto;display:flex}.try__notes:empty{display:none}.try__notes{padding:var(--app-space-xs) var(--app-space-lg);flex:none}.try__note{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.try__note-short{display:none}.try__note-link{margin-inline-start:var(--app-space-md)}@media (width<=600px){.try__bar{gap:var(--app-space-xs) var(--app-space-md);padding:var(--app-space-xs) var(--app-space-md)}.try__brand{order:1}.try__actions{display:contents}.try__get{order:2;margin-inline-start:auto}.try__bar>[role=group]{flex-basis:100%;order:3}.try__save,.try__actions>.ui-tool-button:not(.try__get){display:none}.try__notes{padding:var(--app-space-hair) var(--app-space-md)}.try__note-long{display:none}.try__note-short{display:inline}.try__note-link{margin-inline-start:var(--app-space-sm)}}.try__main{min-block-size:var(--app-space-none);flex-direction:column;flex:1;display:flex}.try__editor{min-block-size:var(--app-space-none);flex:1}.try__status{margin:var(--app-space-none);padding:var(--app-space-xl) var(--app-space-lg);color:var(--app-color-text-muted)}.try__save{color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.try__save[data-state=elsewhere]{color:var(--app-color-text-muted)}.try__save[data-state=unsaved],.try__save[data-state=stopped]{color:var(--app-color-danger)}.try:has(.try__editor[data-tour-open]:not([data-play-open])) :is(.try__bar,.try__notes){z-index:calc(var(--app-z-index-overlay) + 1);position:relative}.try:has(.try__editor[data-tour-open]:not([data-play-open])) .try__notes{background:var(--app-color-bg)}.save-status{align-items:center;gap:var(--app-space-sm);min-block-size:var(--app-space-none);display:flex}.save-status--failed{align-items:stretch;gap:var(--app-space-xs);flex-direction:column}.save-status__text{margin:var(--app-space-none);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height)}.save-status[data-state=pending] .save-status__text{color:var(--app-color-warning)}.save-status[data-state=saved] .save-status__text{color:var(--app-color-success)}.save-status--failed .save-status__text{border-inline-start:var(--app-space-hair) solid var(--app-color-danger);color:var(--app-color-text);padding-inline-start:var(--app-space-sm)}.save-status--header{align-items:center;gap:var(--app-space-sm);flex-direction:row;flex:none}.save-status__dot{inline-size:var(--app-space-sm);block-size:var(--app-space-sm);border-radius:var(--app-radius-pill);background:var(--app-color-text-faint);flex:none}.save-status[data-state=saving] .save-status__dot{background:var(--app-color-accent)}.save-status[data-state=pending] .save-status__dot,.save-status[data-state=off] .save-status__dot{background:var(--app-color-warning)}.save-status[data-state=saved] .save-status__dot{background:var(--app-color-success)}.save-status[data-state=failed] .save-status__dot{background:var(--app-color-danger)}.save-status--header[data-state] .save-status__text{padding:var(--app-space-none);color:var(--app-color-text-muted);white-space:nowrap;border:0}.save-status--header.save-status--failed .save-status__text{color:var(--app-color-danger);font-weight:var(--app-font-weight-medium)}.media-library{gap:var(--app-space-sm);min-block-size:var(--app-space-none);flex-direction:column;display:flex}.media-library__status{margin:var(--app-space-none);padding:var(--app-space-sm) var(--app-space-md);border-radius:var(--app-radius-md);background:var(--app-color-bg-sunken);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height)}.media-library__grid{grid-template-columns:repeat(var(--ml-columns), minmax(0, 1fr));gap:var(--app-space-sm);max-block-size:calc(var(--app-space-xxxl) * 6);padding:var(--app-space-hair);display:grid;overflow-y:auto}.media-library__tile{gap:var(--app-space-xs);min-inline-size:var(--app-space-none);padding:var(--app-space-xs);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);text-align:center;cursor:pointer;flex-direction:column;display:flex}.media-library__tile:hover{border-color:var(--app-color-border-strong);color:var(--app-color-text)}.media-library__tile:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.media-library__tile[aria-selected=true]{border-color:var(--app-color-accent);box-shadow:0 0 0 var(--app-size-border) var(--app-color-accent);color:var(--app-color-text)}.media-library__thumb{aspect-ratio:1;border-radius:var(--app-radius-sm);background:var(--app-color-bg-sunken);justify-content:center;align-items:center;display:flex;overflow:hidden}.media-library__image{object-fit:contain;max-block-size:100%;max-inline-size:100%}.media-library__broken{padding:var(--app-space-xs);color:var(--app-color-warning);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height)}.media-library__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-library__upload{gap:var(--app-space-xs);flex-direction:column;display:flex}.media-library__upload .ui-tool-button{color:var(--app-color-text-muted);background:0 0;border-style:dashed;justify-content:center}.media-library__upload .ui-tool-button:hover:not(:disabled){border-color:var(--app-color-accent);background:var(--app-color-hover);color:var(--app-color-text)}.media-library__upload-icon{inline-size:var(--app-space-lg);block-size:var(--app-space-lg);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.media-library__hint{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height)}.canvas-node__zone{block-size:var(--app-space-sm);pointer-events:none;z-index:var(--app-z-index-panel);position:absolute;inset-inline:0}.canvas-node__zone--before{inset-block-start:0}.canvas-node__zone--after{inset-block-end:0}.canvas-node__zone[data-active=true]:after{content:"";block-size:var(--app-space-hair);border-radius:var(--app-radius-pill);background:var(--app-color-accent);box-shadow:var(--app-shadow-low);position:absolute;inset-inline:0}.canvas-node__zone--before[data-active=true]:after{inset-block-start:0}.canvas-node__zone--after[data-active=true]:after{inset-block-end:0}.canvas-node[data-drop-axis=inline]>.canvas-node__zone{block-size:auto;inline-size:var(--app-space-sm);inset-block:0;inset-inline:auto}.canvas-node[data-drop-axis=inline]>.canvas-node__zone--before{inset-inline-start:0}.canvas-node[data-drop-axis=inline]>.canvas-node__zone--after{inset-inline-end:0}.canvas-node[data-drop-axis=inline]>.canvas-node__zone[data-active=true]:after{block-size:auto;inline-size:var(--app-space-hair);inset-block:0;inset-inline:auto}.canvas-node[data-drop-axis=inline]>.canvas-node__zone--before[data-active=true]:after{inset-inline-start:0}.canvas-node[data-drop-axis=inline]>.canvas-node__zone--after[data-active=true]:after{inset-inline-end:0}.canvas-node[data-drop-allowed=false] .canvas-node__zone[data-active=true]:after{background:var(--app-color-danger)}.canvas-node[data-drop=inside]{background:var(--app-color-selection);box-shadow:inset 0 0 0 var(--app-space-hair) var(--app-color-accent)}.canvas-node[data-drop-allowed=false]{cursor:not-allowed}.canvas-node[data-drop=inside][data-drop-allowed=false]{background:var(--app-color-danger-soft);box-shadow:inset 0 0 0 var(--app-space-hair) var(--app-color-danger)}.canvas-node[data-dragging=true]{opacity:.4}.dnd-preview{align-items:center;gap:var(--app-space-sm);padding:var(--app-space-sm) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-accent);border-radius:var(--app-radius-md);background:var(--app-color-bg-raised);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-semibold);white-space:nowrap;box-shadow:var(--app-shadow-medium);cursor:grabbing;display:inline-flex}.dnd-preview[data-allowed=false]{border-color:var(--app-color-danger);cursor:not-allowed}.dnd-preview__deny{color:var(--app-color-danger);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-regular)}.dnd-live{inline-size:var(--app-size-border);block-size:var(--app-size-border);margin:calc(-1 * var(--app-size-border));padding:var(--app-space-none);clip-path:inset(50%);white-space:nowrap;border:0;position:absolute;overflow:hidden}*,:before,:after{box-sizing:border-box}html,body,#root,:host{block-size:100%;margin:var(--app-space-none)}.app-gate{block-size:100%;padding:var(--app-space-xl);background:var(--app-color-bg);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-md);line-height:var(--app-font-line-height);place-items:center;display:grid}.app-gate__card{gap:var(--app-space-lg);inline-size:100%;max-inline-size:var(--app-size-form-width);padding:var(--app-space-xl);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-xl);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-medium);flex-direction:column;display:flex}.app-gate__status{margin:var(--app-space-none);text-align:start}.app{grid-template-columns:minmax(var(--app-space-none), 1fr);grid-template-rows:var(--app-size-header-height) minmax(var(--app-space-none), 1fr) auto;background:var(--app-color-bg);block-size:100%;color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-md);line-height:var(--app-font-line-height);display:grid;position:relative;overflow:clip;container:app/inline-size}.app__header{align-items:center;gap:var(--app-space-lg);padding-inline:var(--app-space-lg);border-block-end:var(--app-size-border) solid var(--app-color-border);background:var(--app-color-bg-raised);z-index:var(--app-z-index-overlay);display:flex}.app__header .app__side-toggle{flex:none}.app__header .app__play{gap:var(--app-space-xs);flex:none}.app__play-key{color:var(--app-color-text-muted);font-family:var(--app-font-family-mono);font-size:var(--app-font-size-xs)}@media (pointer:coarse){.app__play-key{display:none}}.app__divider{inline-size:var(--app-size-border);block-size:calc(var(--app-space-lg) + var(--app-space-xs));background:var(--app-color-border);flex:none}.app__alerts{min-inline-size:var(--app-space-none);flex-direction:column;display:flex;position:relative}.app__session{justify-content:flex-end;align-items:center;gap:var(--app-space-lg);min-inline-size:var(--app-space-none);flex:auto;display:flex}.app__title{margin:var(--app-space-none);font-family:var(--app-font-family-display);font-size:var(--app-font-size-md);font-weight:var(--app-font-weight-semibold);flex:none}.app__body{--side-column:var(--app-size-inspector-width);grid-template-columns:var(--app-size-rail-width) 1fr var(--side-column);min-block-size:var(--app-space-none);display:grid}.app__body[data-panel=open]{--panel-column:var(--app-size-palette-width);grid-template-columns:var(--app-size-rail-width) var(--panel-column) 1fr var(--side-column)}.app__panel{min-block-size:var(--app-space-none);min-inline-size:var(--app-space-none);border-inline-end:var(--app-size-border) solid var(--app-color-border);background:var(--app-color-bg);display:grid;position:relative}.app__workspace{min-block-size:var(--app-space-none);min-inline-size:var(--app-space-none);display:grid;overflow:auto}.app__body[data-workspace=split]{grid-template-columns:var(--app-size-rail-width) 1fr 1fr var(--side-column)}.app__canvas{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(var(--app-space-none), 1fr);min-block-size:var(--app-space-none);min-inline-size:var(--app-space-none);display:grid}.app__body[data-workspace=split] .app__workspace{border-inline-end:var(--app-size-border) solid var(--app-color-border)}.app__side{grid-template-rows:minmax(var(--app-space-none), 1fr);min-block-size:var(--app-space-none);border-inline-start:var(--app-size-border) solid var(--app-color-border);background:var(--app-color-bg-raised);display:grid}.app .app__side-toggle,.app .app__too-narrow{display:none}@container app (width<=1159px){.app .app__side-toggle{flex:none;display:inline-flex}.app__body{grid-template-columns:var(--app-size-rail-width) minmax(var(--app-space-none), 1fr);position:relative}.app__body[data-panel=open]{grid-template-columns:var(--app-size-rail-width) var(--panel-column) minmax(var(--app-space-none), 1fr)}.app__body[data-workspace=split]{grid-template-columns:var(--app-size-rail-width) minmax(var(--app-space-none), 1fr)}.app__body[data-workspace=split] .app__canvas{display:none}.app__body[data-workspace=split] .app__workspace{border-inline-end:none}.app__side{z-index:var(--app-z-index-panel);inline-size:min(var(--side-column), 100% - var(--app-size-rail-width));box-shadow:var(--app-shadow-medium);display:none;position:absolute;inset-block:0;inset-inline-end:0}.app__body[data-side-open=true] .app__side{display:grid}}@container app (width<=599px){.app__body,.app__body[data-panel=open],.app__body[data-workspace=split]{grid-template-columns:minmax(var(--app-space-none), 1fr)}.app__body>:not(.app__too-narrow){display:none!important}.app .app__too-narrow{grid-template-columns:minmax(var(--app-space-none), 1fr);padding:var(--app-space-lg);align-content:center;display:grid}.app .app__side-toggle,.app__header .publish-control,.app__header .editor-tour-help[data-replay-only=true]{display:none}}.panel-resizer{inline-size:var(--app-space-md);z-index:var(--app-z-index-panel);cursor:col-resize;touch-action:none;background:0 0;position:absolute;inset-block:0;inset-inline-end:calc(var(--app-space-md) / -2)}.panel-resizer:after{content:"";inline-size:var(--app-space-hair);background:0 0;margin-inline-start:calc(var(--app-space-hair) / -2);position:absolute;inset-block:0;inset-inline-start:50%}.panel-resizer:hover:after,.panel-resizer:focus-visible:after,.panel-resizer[data-dragging=true]:after{background:var(--app-color-accent)}.panel-resizer:focus-visible{outline:var(--app-size-border) solid var(--app-color-accent);outline-offset:calc(var(--app-space-hair) * -1)}.app.app-is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.live-dialog{gap:var(--app-space-md);flex-direction:column;display:flex}.live-dialog__code{justify-content:center;display:flex}.live-qr{inline-size:min(100%, calc(var(--app-space-xxxl) * 5));aspect-ratio:1;border-radius:var(--app-radius-md);display:block}.live-qr__ground{fill:var(--app-color-device-light)}.live-qr__modules{fill:var(--app-color-device-cutout)}.live-dialog__text{margin:var(--app-space-none);color:var(--app-color-text);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height)}.live-dialog__note{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height)}.app__header .app__live{gap:var(--app-space-xs);flex:none}.app__header .app__live[data-live=on]:before,.app__header .app__live[data-live=failed]:before{content:"";inline-size:var(--app-space-sm);block-size:var(--app-space-sm);border-radius:var(--app-radius-pill);background:var(--app-color-success)}.app__header .app__live[data-live=failed]:before{background:var(--app-color-warning)}.review-note{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height)}.review-field{gap:var(--app-space-xs);flex-direction:column;display:flex}.review-field--inline{align-items:center;gap:var(--app-space-sm);flex-direction:row}.review-field__label{color:var(--app-color-text);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-semibold)}.review-field__count{color:var(--app-color-text-faint);font-size:var(--app-font-size-sm);align-self:flex-end}.review-copy{gap:var(--app-space-xs);flex-direction:column;display:flex}.review-copy__label{color:var(--app-color-text);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-semibold)}.review-copy__row{gap:var(--app-space-sm);align-items:flex-start;display:flex}.review-copy__field{resize:none;overflow-wrap:anywhere;white-space:pre-wrap;flex:auto}.review-copy__row .ui-tool-button{flex:none}.review-copy__status{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.review-list{gap:var(--app-space-sm);border-block-start:var(--app-size-border) solid var(--app-color-border);flex-direction:column;padding-block-start:var(--app-space-lg);display:flex}.review-list__head{justify-content:space-between;align-items:center;gap:var(--app-space-sm);display:flex}.review-list__head .ui-tool-button{inline-size:auto}.review-list__items{gap:var(--app-space-sm);margin:var(--app-space-none);padding:var(--app-space-none);flex-direction:column;list-style:none;display:flex}.review-row{gap:var(--app-space-xs);padding:var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);flex-direction:column;display:flex}.review-row__head{align-items:center;gap:var(--app-space-sm);display:flex}.review-row__version{font-weight:var(--app-font-weight-semibold)}.review-row__by,.review-row__note,.review-link__status{margin:var(--app-space-none);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height);overflow-wrap:anywhere}.review-row__by,.review-link__status{color:var(--app-color-text-muted)}.review-row__note{color:var(--app-color-text)}.review-link{gap:var(--app-space-sm);border-block-start:var(--app-size-border) solid var(--app-color-border);flex-direction:column;padding-block-start:var(--app-space-sm);display:flex}.review-link__status[data-status=active]{color:var(--app-color-success)}.review-link__enable,.review-link__actions{gap:var(--app-space-sm);flex-wrap:wrap;align-items:center;display:flex}.review-link__confirm{gap:var(--app-space-sm);flex-direction:column;display:flex}.review-link__days{inline-size:calc(var(--app-space-xxxl) * 2)}.review-state{gap:var(--app-space-xs);flex-direction:column;display:flex}.review-state__line{align-items:center;gap:var(--app-space-sm);margin:var(--app-space-none);flex-wrap:wrap;display:flex}.review-state__comment{margin:var(--app-space-none);color:var(--app-color-text);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height);white-space:pre-wrap;overflow-wrap:anywhere}.review-decision{gap:var(--app-space-sm);flex-direction:column;display:flex}.review-decision__comment{resize:vertical;inline-size:100%}.review-decision__actions{gap:var(--app-space-sm);flex-wrap:wrap;align-items:center;display:flex}.auth{align-items:center;gap:var(--app-space-xs);display:flex}.auth--in{align-items:center;gap:var(--app-space-sm);flex-direction:row}.auth__who{color:var(--app-color-text-muted);font-size:var(--app-font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth__field{align-items:center;display:flex}.auth__label{clip-path:inset(50%);inline-size:var(--app-space-hair);block-size:var(--app-space-hair);white-space:nowrap;position:absolute;overflow:hidden}.ui-field.auth__input{inline-size:calc(var(--app-space-xxxl) * 3)}.ui-tool-button.auth__submit:disabled{cursor:progress;opacity:.7}.auth__status{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.auth__error{max-inline-size:calc(var(--app-space-xxxl) * 4);margin:var(--app-space-none);text-overflow:ellipsis;white-space:nowrap;border-inline-start:var(--app-space-hair) solid var(--app-color-danger);color:var(--app-color-text);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height);padding-inline-start:var(--app-space-xs);overflow:hidden}.auth__switch{gap:var(--app-space-sm);flex-wrap:wrap;justify-content:space-between;display:flex}.ui-link.auth__link{font-size:var(--app-font-size-xs);text-decoration:underline}.auth__hint{color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.auth__notice{color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.app-gate__card .auth{align-items:stretch;gap:var(--app-space-md);flex-direction:column}.app-gate__card .auth__field{align-items:stretch;gap:var(--app-space-xs);flex-direction:column}.app-gate__card .auth__label{clip-path:none;block-size:auto;inline-size:auto;color:var(--app-color-text-muted);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-medium);position:static;overflow:visible}.app-gate__card .ui-field.auth__input,.app-gate__card .ui-tool-button.auth__submit{inline-size:100%}.app-gate__card .auth__error{text-overflow:clip;white-space:normal;max-inline-size:none;overflow:visible}:root,:host{--product-sys-font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--product-sys-font-family-heading:Inter, system-ui, -apple-system, sans-serif;--product-space-none:0;--product-space-xs:4px;--product-space-sm:8px;--product-space-md:12px;--product-space-lg:16px;--product-space-xl:24px;--product-color-primary:#4f46e5;--product-color-on-primary:#fff;--product-color-secondary:#eef0f6;--product-color-accent:#0369a1;--product-color-surface:#fff;--product-color-on-surface:#111827;--product-color-muted:#6b7280;--product-color-border:#e5e7eb;--product-color-success:#15803d;--product-color-warning:#b45309;--product-color-danger:#dc2626;--product-color-locked:#9ca3af;--product-color-in-progress:#0369a1;--product-color-completed:#166534;--product-radius-none:0;--product-radius-sm:8px;--product-radius-md:12px;--product-radius-lg:20px;--product-radius-pill:72px;--product-font-display-l:700 24px / 1.1667 var(--product-sys-font-family-heading);--product-font-title-m:700 18px / 1.3333 var(--product-sys-font-family-heading);--product-font-title-s:500 16px / 1.5 var(--product-sys-font-family);--product-font-body-m:400 14px / 1.4286 var(--product-sys-font-family);--product-font-body-s:400 12px / 1.3333 var(--product-sys-font-family);--product-font-caption:500 10px / 1.2 var(--product-sys-font-family);--product-font-numeric-l:600 20px / 1.2 var(--product-sys-font-family);--product-tracking-display-l:0;--product-tracking-title-m:0;--product-tracking-title-s:0;--product-tracking-body-m:0;--product-tracking-body-s:0;--product-tracking-caption:0;--product-tracking-numeric-l:0;--product-type-size-display-l:24px;--product-type-weight-display-l:700;--product-type-line-display-l:1.1667;--product-type-family-display-l:var(--product-sys-font-family-heading);--product-type-size-title-m:18px;--product-type-weight-title-m:700;--product-type-line-title-m:1.3333;--product-type-family-title-m:var(--product-sys-font-family-heading);--product-type-size-title-s:16px;--product-type-weight-title-s:500;--product-type-line-title-s:1.5;--product-type-family-title-s:var(--product-sys-font-family);--product-type-size-body-m:14px;--product-type-weight-body-m:400;--product-type-line-body-m:1.4286;--product-type-family-body-m:var(--product-sys-font-family);--product-type-size-body-s:12px;--product-type-weight-body-s:400;--product-type-line-body-s:1.3333;--product-type-family-body-s:var(--product-sys-font-family);--product-type-size-caption:10px;--product-type-weight-caption:500;--product-type-line-caption:1.2;--product-type-family-caption:var(--product-sys-font-family);--product-type-size-numeric-l:20px;--product-type-weight-numeric-l:600;--product-type-line-numeric-l:1.2;--product-type-family-numeric-l:var(--product-sys-font-family);--product-elevation-none:none;--product-elevation-low:0 1px 2px #1118271f;--product-elevation-medium:0 8px 20px #1118272e;--product-gradient-brand-backdrop:linear-gradient(90deg, #eef2ff 0%, #f0f9ff 100%);--product-role-badge-tone-neutral-background:var(--product-color-secondary);--product-role-badge-tone-neutral-foreground:var(--product-color-on-surface);--product-role-badge-tone-neutral-border:transparent;--product-role-badge-tone-neutral-border-width:0;--product-role-badge-tone-success-background:var(--product-color-success);--product-role-badge-tone-success-foreground:var(--product-color-on-primary);--product-role-badge-tone-success-border:transparent;--product-role-badge-tone-success-border-width:0;--product-role-badge-tone-warning-background:var(--product-color-warning);--product-role-badge-tone-warning-foreground:var(--product-color-on-primary);--product-role-badge-tone-warning-border:transparent;--product-role-badge-tone-warning-border-width:0;--product-role-badge-tone-danger-background:var(--product-color-danger);--product-role-badge-tone-danger-foreground:var(--product-color-on-primary);--product-role-badge-tone-danger-border:transparent;--product-role-badge-tone-danger-border-width:0;--product-role-badge-tone-accent-background:var(--product-color-accent);--product-role-badge-tone-accent-foreground:var(--product-color-on-primary);--product-role-badge-tone-accent-border:transparent;--product-role-badge-tone-accent-border-width:0;--product-role-button-variant-primary-background:var(--product-color-primary);--product-role-button-variant-primary-foreground:var(--product-color-on-primary);--product-role-button-variant-primary-border:transparent;--product-role-button-variant-primary-border-width:0;--product-role-button-variant-secondary-background:var(--product-color-surface);--product-role-button-variant-secondary-foreground:var(--product-color-primary);--product-role-button-variant-secondary-border:var(--product-color-primary);--product-role-button-variant-secondary-border-width:1px;--product-role-button-variant-ghost-background:transparent;--product-role-button-variant-ghost-foreground:var(--product-color-primary);--product-role-button-variant-ghost-border:transparent;--product-role-button-variant-ghost-border-width:0;--product-align-start:start;--product-align-center:center;--product-align-end:end;--product-asset-logo:linear-gradient(135deg, #4f46e5 0%, #312e81 100%);--product-asset-banner:linear-gradient(135deg, #0369a1 0%, #4f46e5 100%);--product-asset-placeholder:repeating-linear-gradient(45deg, #e5e7eb 0, #e5e7eb 8px, #d1d5db 8px, #d1d5db 16px)}.canvas{padding:var(--app-space-lg) var(--app-space-xl) var(--app-space-xxxl);background-color:var(--app-color-canvas-bg);background-image:radial-gradient(var(--app-color-canvas-dot) var(--app-size-border), transparent var(--app-size-border));background-size:var(--app-space-lg) var(--app-space-lg);justify-content:safe center;align-items:flex-start;display:flex;overflow:auto}.canvas__frame{border-radius:var(--app-radius-device);background-color:var(--product-color-surface);color:var(--product-color-on-surface);box-shadow:0 0 0 var(--app-size-border) var(--app-color-border-strong), var(--app-shadow-medium);zoom:var(--canvas-zoom,1);flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden}.canvas__frame[data-platform=web]{border-radius:var(--app-radius-md)}.canvas__frame>.canvas-node{flex-direction:column;flex:1;display:flex;background:0 0!important}.canvas__frame>.canvas-node>.preview-screen{flex:1}.device-status{padding-inline:var(--app-space-xl);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-semibold);pointer-events:none;-webkit-user-select:none;user-select:none;direction:ltr;flex:none;justify-content:space-between;align-items:center;line-height:1;display:flex;position:relative}.device-status[data-status-icons=light]{color:var(--app-color-device-light)}.device-status[data-status-icons=dark]{color:var(--app-color-device-cutout)}.device-status[data-platform=android]{padding-inline:var(--app-space-lg);font-weight:var(--app-font-weight-medium)}.device-status[data-cutout=island]{font-size:var(--app-font-size-lg)}.device-status__clock{font-variant-numeric:tabular-nums}.device-status__icons{block-size:var(--app-font-size-xs);flex:none}.device-status__cutout{border-radius:var(--app-radius-pill);background:var(--app-color-device-cutout);position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.device-status[data-cutout=island] .device-status__cutout{inline-size:calc(var(--app-space-xxxl) * 2 + var(--app-space-xl));block-size:var(--app-space-xxl)}.device-status[data-cutout=hole] .device-status__cutout{inline-size:var(--app-space-md);block-size:var(--app-space-md)}.device-home{pointer-events:none;flex:none;justify-content:center;align-items:center;display:flex}.device-home__bar{inline-size:calc(var(--app-space-xxxl) * 3 - var(--app-space-sm));block-size:var(--app-space-xs);border-radius:var(--app-radius-pill);background:currentColor}.device-home[data-platform=android] .device-home__bar{inline-size:calc(var(--app-space-xxxl) * 2);block-size:calc(var(--app-space-xs) - var(--app-size-border));opacity:.6}.canvas__frame[data-empty=true]{border:var(--app-space-hair) dashed var(--app-color-border-strong);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-none)}.canvas__frame[data-empty=true]>.device-status,.canvas__frame[data-empty=true]>.device-home,.canvas__frame[data-empty=true]>.canvas-node>.preview-screen>.preview-screen__body>.preview-screen__flow>.canvas-node__empty{display:none}.canvas__empty{inset:var(--app-space-none);padding:var(--app-space-xxl);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.canvas__empty>.ui-empty-state{gap:var(--app-space-md);padding:var(--app-space-none)}.canvas__empty .ui-empty-state__icon{inline-size:calc(var(--app-size-icon-md) * 2);block-size:calc(var(--app-size-icon-md) * 2);color:var(--app-color-accent)}.canvas__fold{z-index:var(--app-z-index-panel);margin:var(--app-space-none);border-block-start:var(--app-size-border) dashed var(--app-color-warning);pointer-events:none;position:absolute;inset-inline:0}.canvas__fold-label{padding:var(--app-space-hair) var(--app-space-xs);border-radius:var(--app-radius-sm);background:var(--app-color-warning);color:var(--app-color-accent-text);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);white-space:nowrap;position:absolute;inset-block-end:100%;inset-inline-end:var(--app-space-xs)}.canvas__frame:not([data-show-bindings=true]) .preview-value--binding{text-decoration:none}.canvas__frame:not([data-show-bindings=true]) .preview-image--binding{outline:none}.canvas-toolbar{z-index:var(--app-z-index-panel);gap:var(--app-space-sm);padding:calc(var(--app-space-sm) - var(--app-space-hair)) var(--app-space-md);background-color:var(--app-color-canvas-bg);background-image:radial-gradient(var(--app-color-canvas-dot) var(--app-size-border), transparent var(--app-size-border));background-position:0 100%;background-size:var(--app-space-lg) var(--app-space-lg);font-family:var(--app-font-family);flex-direction:column;display:flex;position:relative;container-type:inline-size}.canvas-toolbar__row{justify-items:center;gap:var(--app-space-sm);grid-template-columns:minmax(0,1fr);display:grid}.canvas-toolbar__slot{min-inline-size:var(--app-space-none);min-block-size:calc(var(--app-size-control-height) + var(--app-space-xs));justify-self:stretch;align-items:center;display:flex}.canvas-toolbar__slot[aria-hidden=true]{display:none}@container (width>=960px){.canvas-toolbar__row{align-items:center;gap:var(--app-space-md);grid-template-columns:minmax(min-content,1fr) auto minmax(0,1fr)}.canvas-toolbar__row>.canvas-toolbar__slot[aria-hidden=true]{display:block}}.canvas-toolbar__node{align-items:center;gap:var(--app-space-hair);min-inline-size:var(--app-space-none);padding:var(--app-space-hair);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-low);flex:0 auto;display:flex}.canvas-toolbar__node-name{max-inline-size:calc(var(--app-space-xxxl) * 4);padding-inline:var(--app-space-sm);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.canvas-toolbar__node>.canvas-node__actions{flex:none}.canvas-toolbar__view{justify-content:center;align-items:center;gap:var(--app-space-xs);max-inline-size:100%;padding:var(--app-space-xs);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-xl);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-medium);flex-wrap:wrap;display:flex}.canvas-toolbar__field{align-items:center;gap:var(--app-space-xs);min-inline-size:var(--app-space-none);color:var(--app-color-text-muted);flex:0 auto;display:flex}.canvas-toolbar__icon{inline-size:var(--app-space-lg);block-size:var(--app-space-lg);flex:none}.ui-field.canvas-toolbar__device-select,.ui-field.canvas-toolbar__scenario-select,.ui-field.canvas-toolbar__theme-select,.ui-field.canvas-toolbar__select{field-sizing:content;max-inline-size:none}.ui-field.canvas-toolbar__scenario-select{max-inline-size:calc(var(--app-space-xxxl) * 2.75);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-toolbar__field--collapsible{position:relative}@container (width<=700px){.canvas-toolbar__field--collapsible{padding-inline:var(--app-space-xs)}.canvas-toolbar__field--collapsible>.ui-field{opacity:0;cursor:pointer;inline-size:100%;position:absolute;inset:0}.canvas-toolbar__field--collapsible>.ui-field:focus-visible{outline:none}.canvas-toolbar__field--collapsible:has(:focus-visible){outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair);border-radius:var(--app-radius-sm)}}.canvas-toolbar__theme{inline-size:calc(var(--app-space-xl) + var(--app-space-xs));block-size:calc(var(--app-space-xl) + var(--app-space-xs));padding:var(--app-space-none);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-md);background:var(--app-color-bg-sunken);color:var(--app-color-text);cursor:pointer;flex:none;justify-content:center;align-items:center;display:flex}.canvas-toolbar__theme:hover{border-color:var(--app-color-border-strong);background:var(--app-color-bg-raised2)}.canvas-toolbar__notice{inset-block-start:100%;inset-inline:var(--app-space-md);z-index:var(--app-z-index-panel);margin:var(--app-space-xs) var(--app-space-none) var(--app-space-none);padding:var(--app-space-xs) var(--app-space-sm);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-sm);background:var(--app-color-bg-raised);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height);text-align:center;position:absolute}.canvas-toolbar__notice-action{font-size:inherit;margin-inline-start:var(--app-space-sm)}.canvas-toolbar__note{min-inline-size:var(--app-space-none);margin:var(--app-space-none);color:var(--app-color-text-faint);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height);text-align:center}.canvas-toolbar__hint{justify-content:center;align-items:baseline;gap:var(--app-space-xs) var(--app-space-md);min-inline-size:var(--app-space-none);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height);flex-wrap:wrap;display:flex}.canvas-toolbar__hint>.ui-link{font-size:inherit}.canvas-toolbar__hint-close{color:var(--app-color-text-faint)}.canvas-toolbar__hint-how{margin:var(--app-space-none);color:var(--app-color-text);text-align:center;flex-basis:100%}.canvas-zoom__value{font-family:var(--app-font-family-mono);font-variant-numeric:tabular-nums}.canvas-zoom__panel{gap:var(--app-space-hair);flex-direction:column;inline-size:max-content;display:flex;inset-inline-end:var(--app-space-none)}.canvas-zoom__item{align-items:center;gap:var(--app-space-lg);padding:var(--app-space-xs) var(--app-space-sm);border-radius:var(--app-radius-sm);color:var(--app-color-text);cursor:pointer;font-family:var(--app-font-family);font-size:var(--app-font-size-sm);text-align:start;background:0 0;border:none;display:flex}.canvas-zoom__item:hover:not(:disabled){background:var(--app-color-bg-sunken)}.canvas-zoom__item:disabled{color:var(--app-color-text-faint);cursor:default}.canvas-zoom__item:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:calc(-1 * var(--app-space-hair))}.canvas-zoom__label{flex:auto}.canvas-zoom__key{color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);flex:none}.canvas-toolbar__theme:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.canvas-toolbar__condition{min-inline-size:var(--app-space-none);max-inline-size:calc(100% - var(--app-space-md) - var(--app-space-md));margin:var(--app-space-xs) var(--app-space-none) var(--app-space-none);padding:var(--app-space-hair) var(--app-space-sm);border:var(--app-size-border) dashed var(--app-color-border-strong);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);color:var(--app-color-text-muted);cursor:pointer;font-family:var(--app-font-family);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height);text-align:start;text-overflow:ellipsis;white-space:nowrap;display:block;position:absolute;inset-block-start:100%;inset-inline-start:var(--app-space-md);overflow:hidden}.canvas-toolbar__condition[data-width-mark=true]{max-inline-size:48%;inset-inline-start:auto;inset-inline-end:var(--app-space-md)}.canvas-toolbar:has(>[data-width-mark=true])>.canvas-toolbar__condition:not([data-width-mark=true]){max-inline-size:48%}.canvas-toolbar__layer{padding:var(--app-space-hair) var(--app-space-sm);border-radius:var(--app-radius-lg);background:var(--app-color-accent);color:var(--app-color-accent-text);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-semibold);white-space:nowrap;flex:none}.canvas-toolbar__condition:hover{color:var(--app-color-text)}.canvas-toolbar__condition:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.canvas-show,.canvas-zoom,.canvas-checks,.canvas-scenario{flex:none;align-items:center;display:flex;position:relative}.canvas-toolbar__popover{z-index:var(--app-z-index-overlay);padding:var(--app-space-sm);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-medium);position:absolute;inset-block-start:calc(100% + var(--app-space-sm))}.canvas-toolbar__popover:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.canvas-show__panel{gap:var(--app-space-hair);inline-size:max-content;max-inline-size:calc(var(--app-space-xxxl) * 7);flex-direction:column;display:flex;inset-inline-end:var(--app-space-none)}.canvas-checks__panel{gap:var(--app-space-sm);inline-size:calc(var(--app-space-xxxl) * 7);max-inline-size:90cqi;max-block-size:calc(var(--app-space-xxxl) * 9);box-sizing:border-box;overflow-wrap:anywhere;flex-direction:column;display:flex;inset-inline-end:var(--app-space-none);overflow-y:auto}.canvas-checks__panel>*{flex:none}.canvas-checks__toggle{gap:var(--app-space-xs);white-space:nowrap}.canvas-checks__toggle[data-active=true]:not([data-calm=true]){color:var(--app-color-warning)}.canvas-checks__count{font-family:var(--app-font-family-mono);font-variant-numeric:tabular-nums}.canvas-checks__scope,.canvas-checks__fit{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.canvas-checks__fit{color:var(--app-color-text);font-size:var(--app-font-size-sm)}.canvas-show__toggle[data-active=true]{color:var(--app-color-accent)}.canvas-show__chevron{color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.canvas-show__option{align-items:center;gap:var(--app-space-sm);padding:var(--app-space-xs) var(--app-space-sm);border-radius:var(--app-radius-sm);color:var(--app-color-text);font-size:var(--app-font-size-sm);cursor:pointer;display:flex}.canvas-show__option:hover{background:var(--app-color-bg-sunken)}.canvas-show__option:has(:focus-visible){outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:calc(-1 * var(--app-space-hair))}.canvas-show__check{margin:var(--app-space-none);accent-color:var(--app-color-accent);flex:none}.canvas-show__label{flex:auto}.canvas-show__note,.canvas-show__key{color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);flex:none}.canvas-scenario__panel{inline-size:max-content;max-inline-size:min(calc(var(--app-space-xxxl) * 14), 80cqi);padding-inline-end:calc(var(--app-space-sm) + var(--app-space-xl));left:50%;translate:-50%}.canvas-scenario__panel>.scenario-bar[data-surface=canvas]{padding-inline:var(--app-space-none);justify-content:flex-start}.canvas-scenario__close{position:absolute;inset-block-start:var(--app-space-xs);inset-inline-end:var(--app-space-xs)}.scenario-bar{align-items:flex-end;gap:var(--app-space-sm) var(--app-space-md);min-inline-size:var(--app-space-none);flex-wrap:wrap;display:flex}.scenario-bar[data-surface=canvas]{padding-inline:var(--app-space-md);justify-content:center}.scenario-bar__title{align-self:center}.scenario-bar__none{color:var(--app-color-text-muted);font-size:var(--app-font-size-xs);align-self:center}.scenario-bar>.ui-segmented{flex:none;align-self:flex-end}.scenario-bar>.ui-tool-button{inline-size:auto}.scenario-hidden{justify-content:center;align-items:center;gap:var(--app-space-sm);margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs);flex-wrap:wrap;display:flex}.scenario-hidden>.ui-tool-button{inline-size:auto}.named-scenarios{gap:var(--app-space-sm);min-inline-size:var(--app-space-none);border-block-end:var(--app-size-border) solid var(--app-color-border);flex-direction:column;margin-block-end:var(--app-space-sm);padding-block-end:var(--app-space-sm);display:flex}.named-scenarios__current,.named-scenarios__row{align-items:center;gap:var(--app-space-sm);flex-wrap:wrap;display:flex}.named-scenarios__name{font-weight:var(--app-font-weight-semibold);overflow-wrap:anywhere}.named-scenarios__reason{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.named-scenarios__unreadable{gap:var(--app-space-xs);margin:var(--app-space-none);padding:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs);flex-direction:column;list-style:none;display:flex}.named-scenarios .ui-tool-button,.scenario-notices .ui-tool-button{inline-size:auto}.scenario-notices{align-items:center;gap:var(--app-space-xs);max-inline-size:min(calc(var(--app-space-xxxl) * 14), 100%);flex-direction:column;margin-inline:auto;display:flex}.scenario-notices__item,.scenario-notices__item p{margin:var(--app-space-none)}.scenario-notices__changes{margin:var(--app-space-xs) var(--app-space-none);padding-inline-start:var(--app-space-lg)}.scenario-notices__actions{gap:var(--app-space-sm);flex-wrap:wrap;margin-block-start:var(--app-space-xs);display:flex}.named-scenario-dialog{gap:var(--app-space-sm);flex-direction:column;display:flex}.named-scenario-dialog__field{gap:var(--app-space-xs);flex-direction:column;display:flex}.named-scenario-dialog__hint{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.scenario-menu{flex:none;align-items:center;display:flex;position:relative}.scenario-menu__panel{z-index:var(--app-z-index-overlay);inline-size:max-content;max-inline-size:min(calc(var(--app-space-xxxl) * 14), 90cqi);max-block-size:calc(var(--app-space-xxxl) * 10);padding:var(--app-space-sm);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-medium);position:absolute;inset-block-start:calc(100% + var(--app-space-sm));inset-inline-start:var(--app-space-none);overflow:auto}.scenario-menu__panel:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.canvas-states{align-items:center;gap:var(--app-space-lg);flex-direction:column;inline-size:100%;display:flex}.canvas-states__grid{justify-content:center;align-items:flex-start;gap:var(--app-space-xl) var(--app-space-lg);margin:var(--app-space-none);padding:var(--app-space-none);flex-wrap:wrap;list-style:none;display:flex}.canvas-states__item{gap:var(--app-space-xs);flex-direction:column;max-inline-size:min-content;display:flex}.canvas-states__card{gap:var(--app-space-xs);flex-direction:column;display:flex;position:relative}.canvas-states__head{align-items:flex-start;gap:var(--app-space-xs);block-size:2lh;font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height);display:flex}.canvas-states__open{min-inline-size:var(--app-space-none);overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;line-height:inherit;padding:var(--app-space-none);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-semibold);text-align:start;cursor:pointer;background:0 0;border:none;-webkit-box-orient:vertical;flex:auto;display:-webkit-box;overflow:hidden}.canvas-states__open:after{content:"";inset:var(--app-space-none);border-radius:var(--app-radius-lg);position:absolute}.canvas-states__open:hover:after{outline:var(--app-size-border) solid var(--app-color-border-strong);outline-offset:var(--app-space-xs)}.canvas-states__open:focus-visible{outline:none}.canvas-states__open:focus-visible:after{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-xs)}.canvas-states__phone{pointer-events:none}.canvas-states__scrolled{color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);white-space:nowrap;flex:none;display:none}.canvas-states__card[data-scrolled] .canvas-states__scrolled{display:inline}.app__canvas:has(>.canvas[data-canvas-view=states]) .canvas-toolbar__node{display:none}.canvas-states__hint{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs);text-align:center}.canvas-states__warning{margin:var(--app-space-none);color:var(--app-color-warning);font-size:var(--app-font-size-xs)}.screen-tabs{align-items:center;gap:var(--app-space-xs);min-block-size:calc(var(--app-space-xxl) + var(--app-space-md));padding:var(--app-space-none) var(--app-space-md);border-block-end:var(--app-size-border) solid var(--app-color-border);background:var(--app-color-bg-raised);font-family:var(--app-font-family);display:flex}.ui-segmented.screen-tabs__list{min-inline-size:var(--app-space-none);margin:var(--app-space-none);scrollbar-width:none;flex:0 auto;list-style:none;overflow-x:auto}.screen-tabs__item{flex:none}.ui-segmented__option.screen-tab{gap:var(--app-space-xs);max-inline-size:var(--app-size-palette-width);padding:var(--app-space-none) var(--app-space-md)}.ui-segmented__option.screen-tab:focus-visible{outline-offset:calc(-1 * var(--app-space-hair))}.screen-tab__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.screen-tab__initial{color:var(--app-color-accent);flex:none;line-height:1}.screen-tab__initial:before{content:"▸"}.screen-tab__modal{color:var(--app-color-text-faint);flex:none;line-height:1}.screen-tab__modal:before{content:"▤"}.screen-tab[data-dragging=true]{opacity:.4}.screen-tab[data-drop-over=true]:before,.screen-tabs__tail[data-drop-over=true]:before{content:"";inset-block:var(--app-space-xs);inline-size:var(--app-space-hair);border-radius:var(--app-radius-pill);background:var(--app-color-accent);position:absolute;inset-inline-start:var(--app-space-none)}.ui-segmented__option.screen-tab--overlay{border:var(--app-size-border) solid var(--app-color-accent);background:var(--app-color-bg-raised);color:var(--app-color-text);box-shadow:var(--app-shadow-medium);cursor:grabbing}.screen-tabs__tail{inline-size:var(--app-space-hair);flex:none;margin-inline-start:calc(-1 * var(--app-space-hair));position:relative}.screen-tabs__hint{inline-size:var(--app-size-border);block-size:var(--app-size-border);margin:calc(-1 * var(--app-size-border));padding:var(--app-space-none);clip-path:inset(50%);color:var(--app-color-text-faint);font-size:var(--app-font-size-xs);white-space:nowrap;position:absolute;overflow:hidden}.screen-tabs:has(.screen-tab:focus-visible) .screen-tabs__hint{block-size:auto;inline-size:auto;min-inline-size:var(--app-space-none);margin:var(--app-space-none);clip-path:none;text-overflow:ellipsis;flex:0 1000 auto;margin-inline-start:var(--app-space-sm);position:static}.screen-tabs__live{inline-size:var(--app-size-border);block-size:var(--app-size-border);margin:calc(-1 * var(--app-size-border));padding:var(--app-space-none);clip-path:inset(50%);white-space:nowrap;border:0;position:absolute;overflow:hidden}.canvas-icon{inline-size:calc(var(--app-space-md) + var(--app-space-hair));block-size:calc(var(--app-space-md) + var(--app-space-hair));flex:none}.canvas-node{cursor:pointer;outline:none;position:relative}.canvas-node__dash{pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset-block-start:var(--app-space-none);inset-inline-start:var(--app-space-none);overflow:visible}.canvas-node__dash[data-dash-owner=box]{inline-size:calc(100% + 2 * var(--product-sys-dash-out));block-size:calc(100% + 2 * var(--product-sys-dash-out));inset-block-start:calc(-1 * var(--product-sys-dash-out));inset-inline-start:calc(-1 * var(--product-sys-dash-out))}.canvas-node,.canvas-node *,.canvas-node:before,.canvas-node:after,.canvas-node :before,.canvas-node :after{box-sizing:border-box}.canvas-node:after{content:"";inset:var(--app-space-none);border:var(--app-size-border) solid transparent;border-radius:var(--app-radius-sm);pointer-events:none;z-index:var(--app-z-index-panel);position:absolute}.canvas-node[data-rounded=true]:after{border-radius:inherit}.canvas-node:not([data-rounded=true]):has(>:is(.preview-text-field,.preview-switch,.preview-checkbox)):after{inset:calc(-1 * var(--app-space-hair))}.canvas-node:hover:not(:has(.canvas-node:hover),[data-selected=true],:focus-visible):after{border-color:var(--app-color-accent);opacity:.55}.canvas-node[data-selected=true]:after{border-width:var(--app-space-hair);border-color:var(--app-color-accent);opacity:1}.canvas-node:focus-visible:after{border-width:var(--app-space-hair);border-color:var(--app-color-accent);box-shadow:inset 0 0 0 var(--app-space-hair) var(--app-color-selection);opacity:1}.canvas-node__marks{inset:var(--app-space-none);border-radius:inherit;pointer-events:none;z-index:var(--app-z-index-panel);position:absolute;container:node-marks/size}.canvas-node__marks:has(>.canvas-node__condition):before{content:"";inset:var(--app-space-none);border-radius:inherit;outline:var(--app-size-border) dashed var(--app-color-border-strong);outline-offset:calc(-1 * var(--app-size-border));position:absolute}.canvas-node__mark{inline-size:var(--app-space-lg);block-size:var(--app-space-lg);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-pill);background:var(--app-color-bg-raised);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);font-style:normal;font-weight:var(--app-font-weight-medium);letter-spacing:normal;text-transform:none;text-indent:var(--app-space-none);place-items:center;line-height:1;display:grid;position:absolute;inset-block-start:calc(var(--app-space-lg) / -2);inset-inline-end:calc(var(--app-space-lg) / -2)}.canvas-node__marks[data-inside=true]>.canvas-node__mark{inset-block-start:var(--app-space-xs);inset-inline-end:var(--app-space-xs)}.canvas-node__marks:not([data-count="1"])>.canvas-node__mark:not(.canvas-node__mark-count){display:none}.canvas-node__mark-count{color:var(--app-color-text);font-variant-numeric:tabular-nums}.canvas-node__condition:before{content:"◇"}.canvas-node__motion:before{content:"∿"}.canvas-node__bound:before{content:"⛁"}@container node-marks (width<24px) or (height<24px){.canvas-node__mark,.canvas-node__marks:before{visibility:hidden}}@container node-marks (width<40px) or (height<40px){.canvas-node__marks[data-inside=true]>.canvas-node__mark,.canvas-node__marks[data-inside=true]:before{visibility:hidden}}.canvas__frame .canvas-node__mark,.canvas__frame .canvas-node__marks:before{visibility:hidden}.canvas-node:is([data-selected=true],:focus-visible,:hover:not(:has(.canvas-node:hover)))>.canvas-node__marks>.canvas-node__mark,.canvas-node:is([data-selected=true],:focus-visible,:hover:not(:has(.canvas-node:hover)))>.canvas-node__marks:before{visibility:visible}.canvas__frame[data-show-bindings=true] .canvas-node:not([data-selected=true],:focus-visible,:hover:not(:has(.canvas-node:hover)))>.canvas-node__marks>.canvas-node__bound{visibility:visible;display:grid}.canvas-node__issue{inline-size:var(--app-space-md);block-size:var(--app-space-md);background:var(--app-color-danger);color:var(--app-color-bg-raised);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);line-height:var(--app-space-md);text-align:center;cursor:default;z-index:var(--app-z-index-panel);border-end-end-radius:var(--app-radius-sm);position:absolute;inset-block-start:var(--app-space-none);inset-inline-start:var(--app-space-none)}.canvas-node__issue:before{content:"!"}.canvas-node__issue[data-inside=true]{border-radius:var(--app-radius-sm);inset-block-start:var(--app-space-xs);inset-inline-start:var(--app-space-xs)}.canvas-node:not(:has(.canvas-node)):has(.preview-value__badge)>.canvas-node__issue{inset-inline-start:calc(var(--app-space-lg) + var(--app-space-hair))}.canvas-node:not(:has(.canvas-node)):has(.preview-value__badge)>.canvas-node__issue[data-inside=true]{inset-inline-start:calc(var(--app-space-lg) + var(--app-space-xs) + var(--app-space-hair))}.canvas-node__disables:before{content:"⊘"}.preview-button[data-press-disabled=true],.preview-icon-button[data-press-disabled=true]{opacity:var(--product-sys-press-disabled)}.canvas-node[data-press-disabled=true],.canvas-node[data-press-disabled=true]>.preview-button,.canvas-node[data-press-disabled=true]>.preview-icon-button{cursor:default}.canvas-node__actions{align-items:center;gap:var(--app-space-hair);display:flex}.canvas-node__empty{padding:var(--app-space-md);border:var(--app-size-border) dashed var(--app-color-border-strong);border-radius:var(--app-radius-md);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);text-align:center}.canvas-node__empty[data-dragging=false]{border-color:var(--app-color-border);color:#0000;-webkit-user-select:none;user-select:none}.canvas-node[data-node-type=Screen]{font:var(--product-font-body-m);letter-spacing:var(--product-tracking-body-m);color:var(--product-color-on-surface);--product-sys-safe-bottom:var(--app-space-none);--product-sys-safe-top:var(--app-space-none)}.preview-screen{min-block-size:var(--app-size-header-height);flex-direction:column;display:flex}.preview-screen__bar,.preview-screen__pinned-top{flex-direction:column;flex:none;display:flex}.preview-screen__body,.preview-screen__flow{flex-direction:column;flex:1 0 auto;display:flex;position:relative}.preview-screen__bottom{flex-direction:column;flex:none;display:flex;position:relative}.preview-screen__pinned,.preview-screen__nav{flex-direction:column;display:flex}.preview-screen[data-nav-float=true]{position:relative}.preview-screen[data-nav-float=true]>.preview-screen__bottom{inset-inline:var(--app-space-none);z-index:1;pointer-events:none;padding-block-end:var(--product-sys-safe-bottom);position:absolute;inset-block-end:var(--app-space-none)}.preview-screen[data-nav-float=true]>.preview-screen__bottom>*>.canvas-node{pointer-events:auto}.preview-screen[data-nav-float=true]>.preview-screen__bottom .preview-nav-bar{padding-block-end:var(--app-space-none)}.preview-screen__bar>.canvas-node>.preview-app-bar,.preview-screen__top>.canvas-node>.preview-nav-bar{padding-block-start:var(--product-sys-safe-top)}.canvas__frame[data-status=overlay]>.device-status{inset-block-start:var(--app-space-none);inset-inline:var(--app-space-none);z-index:2;position:absolute}.preview-screen[data-body-top=screenTop]{position:relative}.preview-screen[data-body-top=screenTop]>.preview-screen__bar{inset-block-start:var(--app-space-none);inset-inline:var(--app-space-none);z-index:1;pointer-events:none;position:absolute}.preview-screen[data-body-top=screenTop]>.preview-screen__bar>.canvas-node{pointer-events:auto}.preview-screen[data-content-max]>.preview-screen__bar>.canvas-node>.preview-app-bar,.preview-screen[data-content-max]>.preview-screen__top>.canvas-node>.preview-nav-bar,.preview-screen[data-content-max]>.preview-screen__bottom>.preview-screen__nav>.canvas-node>.preview-nav-bar{inline-size:100%;max-inline-size:var(--product-sys-content-max);margin-inline:auto}.canvas-node[data-off-width=true]>:not(.canvas-node__marks,.canvas-node__zone){opacity:.4}.canvas__frame[data-off-width-nodes=hidden] :is(.canvas-node,.canvas-node__share,.canvas-node__layer)[data-off-width=true]{display:none}.canvas-node[data-off-scenario=true]>:not(.canvas-node__marks,.canvas-node__zone){opacity:.4}.canvas__frame[data-off-scenario-nodes=hidden] :is(.canvas-node,.canvas-node__share,.canvas-node__layer)[data-off-scenario=true]{display:none}.preview-screen__bottom:not(:has(>.preview-screen__nav)){padding-block-end:var(--product-sys-safe-bottom)}.canvas-node[data-node-type=NavBar]{background:var(--product-color-surface);border-block-start:1px solid var(--product-color-border)}.preview-nav-bar{flex-direction:row;align-items:stretch;padding-block-end:var(--product-sys-safe-bottom);display:flex}.preview-nav-bar>.canvas-node{flex:1 1 0;min-inline-size:0;display:flex}.preview-nav-item{justify-content:center;align-items:center;gap:var(--product-space-xs);min-inline-size:0;padding:var(--product-space-sm) var(--product-space-xs);color:var(--product-named-color-secondary,var(--product-color-muted));flex-direction:column;flex:auto;display:flex}.preview-nav-item[data-active=true]{color:var(--product-named-color,var(--product-color-primary))}.preview-nav-item__icon{position:relative}.preview-nav-item__badge{inline-size:var(--product-sys-nav-badge);block-size:var(--product-sys-nav-badge);border-radius:var(--product-radius-pill);background:var(--product-color-accent);position:absolute;inset-block-start:calc((1lh - 1em) / 2 - var(--product-sys-nav-badge) / 2);inset-inline-end:calc(var(--product-sys-nav-badge) / -2)}.preview-nav-item__label{max-inline-size:100%;font:var(--product-font-body-s);letter-spacing:var(--product-tracking-body-s);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-screen__top{flex-direction:column;flex:none;display:flex}.canvas-node[data-node-type=NavBar][data-nav-place=top]{border-block-start:0;border-block-end:1px solid var(--product-color-border)}.canvas-node[data-node-type=NavBar][data-nav-place=appBar]{background:0 0;border:0;flex:none}.preview-nav-bar[data-nav-place]{justify-content:flex-start;align-items:center;gap:var(--product-space-xs);padding-block-end:var(--product-space-none)}.preview-nav-bar[data-nav-place]>.canvas-node{flex:none}.preview-nav-bar[data-nav-place] .preview-nav-item{padding:var(--product-space-sm) var(--product-space-md);flex-direction:row;flex:none}.preview-nav-bar[data-nav-place] .preview-nav-item__icon{flex:none}.preview-nav-bar[data-nav-place] .preview-nav-item__label{max-inline-size:var(--product-sys-nav-label-max);font:var(--product-font-body-m);letter-spacing:var(--product-tracking-body-m);text-align:start}[data-nav-mode=icons] .preview-nav-bar[data-nav-place] .preview-nav-item,.preview-nav-bar[data-nav-place][data-nav-mode=icons] .preview-nav-item{gap:var(--product-space-none);position:relative}[data-nav-mode=icons] .preview-nav-bar[data-nav-place] .preview-nav-item__label,.preview-nav-bar[data-nav-place][data-nav-mode=icons] .preview-nav-item__label{inline-size:var(--app-space-hair);block-size:var(--app-space-hair);clip-path:inset(50%);max-inline-size:none;position:absolute;overflow:hidden}.preview-app-bar__nav{flex:none;align-items:center;display:flex}.preview-app-bar__nav:not(:last-child){margin-inline-end:calc(var(--product-space-sm) - var(--product-space-xs))}.canvas-node[data-own-height=true]{flex-direction:column;display:flex}.canvas-node[data-own-height=true]>[class^=preview-]{flex:auto;min-block-size:0}.canvas-node[data-own-width=true]>[class^=preview-]{inline-size:100%}.canvas-node[data-main-space]{flex-direction:column;display:flex}.canvas-node[data-main-space]>[class^=preview-]{flex:auto;min-block-size:0}.canvas-node[data-clamped-height=true]{flex-direction:column;display:flex}.canvas-node[data-clamped-height=true]>[class^=preview-image]{flex:auto;min-block-size:0}.canvas-node[data-role-surface=true]{display:flex}.canvas-node[data-role-surface=true]>:is(.preview-button,.preview-icon-button,.preview-badge){flex:auto;align-self:stretch;min-inline-size:0}.canvas-node[data-own-width=true]{max-inline-size:100%}.preview-row>.canvas-node[data-own-width=true],.preview-container[data-direction=row]>.canvas-node[data-own-width=true],.preview-repeater[data-direction=row]>.canvas-node[data-own-width=true]{max-inline-size:none}.preview-row[data-scrollable=true]>.canvas-node{flex-shrink:0}.preview-row[data-scrollable=true]>.canvas-node[data-row-stretch=true]{flex:none;inline-size:100%}.preview-carousel{gap:var(--product-space-sm);min-inline-size:var(--app-space-none);flex-direction:column;inline-size:100%;display:flex}.preview-row[data-carousel],.preview-repeater[data-carousel]{overscroll-behavior-x:contain;scrollbar-width:none;overflow-x:auto}.preview-row[data-carousel-fixed=true],.preview-repeater[data-carousel-fixed=true]{overflow-x:hidden!important}.preview-row[data-carousel]>*,.preview-repeater[data-carousel]>*{flex:none}.preview-row[data-carousel=cards]>*,.preview-repeater[data-carousel=cards]>*{inline-size:var(--product-sys-carousel-card);min-inline-size:var(--app-space-none);max-inline-size:none}.preview-carousel[data-snap=true]>[data-carousel]{scroll-snap-type:x mandatory}.preview-carousel[data-snap=true]>[data-carousel]>*{scroll-snap-align:start}.preview-carousel[data-snap=true]>[data-carousel]:focus-visible{outline:var(--app-size-border) solid var(--product-color-primary)}.preview-carousel__dots{justify-content:center;gap:var(--product-space-sm);flex-direction:row;display:flex}.preview-carousel__dot{inline-size:var(--product-space-sm);block-size:var(--product-space-sm);border-radius:var(--product-radius-pill);background:color-mix(in srgb, var(--product-color-primary) 30%, transparent)}.preview-carousel__dot[data-active=true]{background:var(--product-color-primary)}.canvas-node[data-tight-slot=true]{place-self:start;max-inline-size:100%}.canvas-node__share{display:flex}.canvas-node__share>.canvas-node{flex:auto;min-inline-size:0}.canvas-node[data-row-rigid=true]{flex-shrink:0;max-inline-size:100%}.preview-column{flex-direction:column;display:flex}[data-main-free$=-block]:before,[data-main-free$=-block]:after,[data-main-free$=-inline]:before,[data-main-free$=-inline]:after{content:"";flex:none;display:block}[data-main-free=center-block]:before,[data-main-free=end-block]:before{margin-block-start:auto;margin-block-end:calc(-1 * var(--main-gap,0px))}[data-main-free=center-block]:after{margin-block-start:calc(-1 * var(--main-gap,0px));margin-block-end:auto}[data-main-free=center-inline]:before,[data-main-free=end-inline]:before{margin-inline-start:auto;margin-inline-end:calc(-1 * var(--main-gap,0px))}[data-main-free=center-inline]:after{margin-inline-start:calc(-1 * var(--main-gap,0px));margin-inline-end:auto}.preview-column>*,.preview-container[data-direction=column]>*{flex-shrink:0}.preview-column>*{align-self:stretch}.preview-row{flex-direction:row;display:flex}.preview-grid{align-items:start;display:grid}.preview-stack{display:grid}.preview-stack>*{grid-area:1/1}.preview-stack>[data-fill=true]{place-self:stretch stretch;min-block-size:0;min-inline-size:0}.preview-stack>.canvas-node__layer{place-self:stretch stretch;justify-items:inherit;align-items:inherit;contain:size;pointer-events:none;min-block-size:0;min-inline-size:0;display:grid}.canvas-node__layer>.canvas-node{pointer-events:auto;max-inline-size:100%}.canvas-node[data-layer-rotated=true]{rotate:var(--layer-rotate)}[dir=rtl] .canvas-node[data-layer-rotated=true]{rotate:calc(-1 * var(--layer-rotate))}.preview-container{display:flex}.preview-text{margin:var(--product-space-none);overflow-wrap:anywhere}.preview-value-hold{position:relative}.preview-value-hold__final{opacity:0}.preview-value-hold__shown{font-variant-numeric:tabular-nums;position:absolute;inset:0}.preview-list-item{align-items:baseline;display:flex}.preview-list-item>.preview-text{min-inline-size:var(--product-space-none);flex:auto}.preview-list-item__marker{white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;justify-content:flex-end;display:flex}.preview-choice-group{flex-direction:column;display:flex}.preview-choice-group>*{align-self:stretch}.canvas-node[data-column-align=start]{align-self:flex-start}.canvas-node[data-column-align=center]{align-self:center}.canvas-node[data-column-align=end]{align-self:flex-end}.canvas-node[data-column-capped=true]{inline-size:-moz-available;inline-size:-webkit-fill-available;inline-size:stretch}.preview-app-bar{color:var(--product-named-color,var(--product-color-on-surface));grid-template-columns:minmax(max-content,1fr) minmax(0,auto) minmax(max-content,1fr);align-items:center;display:grid;container-type:inline-size}.preview-app-bar__leading{justify-self:start;align-items:center;display:flex}.preview-app-bar__leading[data-leading=node]{box-sizing:border-box;min-inline-size:var(--product-space-none);max-inline-size:calc(50cqi + var(--product-space-sm))}.preview-app-bar[data-leading-tight]>.preview-app-bar__leading[data-leading=node]{max-inline-size:calc(var(--product-sys-leading-max) + var(--product-space-sm))}.preview-app-bar__leading[data-leading=node]>.canvas-node{min-inline-size:var(--product-space-none);max-inline-size:100%}.preview-app-bar__trailing{justify-self:end;gap:var(--product-space-xs);align-items:center;display:flex}.preview-app-bar__leading[data-filled=true]{padding-inline-end:var(--product-space-sm)}.preview-app-bar__trailing[data-filled=true]{padding-inline-start:var(--product-space-sm)}.preview-app-bar__back{inline-size:var(--product-space-xl);block-size:var(--product-space-xl);color:var(--product-named-color,var(--product-color-on-surface));font:var(--product-font-title-m);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;rotate:180deg}.preview-app-bar__back-button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.preview-app-bar__back-button[aria-disabled=true]{cursor:default;opacity:.4}.preview-app-bar__back-button:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.preview-app-bar__body{gap:var(--product-space-xs);min-inline-size:var(--product-space-none);text-align:center;flex-direction:column;display:flex}.preview-app-bar__title{font:var(--product-font-title-m);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-app-bar__subtitle{color:var(--product-named-color-secondary,var(--product-color-muted));font:var(--product-font-body-s);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-app-bar[data-title-align=start]{grid-template-columns:max-content minmax(0,1fr) max-content}.preview-app-bar__body[data-title-rest=hidden]{opacity:0}.preview-app-bar__body[data-title-rest=editor]{opacity:.4}.preview-app-bar[data-title-align=start]>.preview-app-bar__body{text-align:start}.preview-tabs{gap:var(--product-space-md);flex-direction:column;display:flex}.preview-tabs__bar{gap:var(--product-space-lg);display:flex;overflow-x:auto}.preview-tabs__title{padding-block:var(--product-space-sm) calc(var(--product-space-sm) - var(--product-space-xs));border-block-end:var(--product-space-xs) solid transparent;font:var(--product-font-title-s);color:var(--product-named-color-secondary,var(--product-color-muted));white-space:nowrap;flex:none}.preview-tabs__title[role=tab]{cursor:pointer}.preview-tabs__title:focus-visible{border-radius:var(--product-radius-sm);outline:calc(var(--product-space-xs) / 2) solid var(--product-color-primary);outline-offset:var(--product-space-xs)}.preview-tabs__title[data-open=true]{color:var(--product-named-color,var(--product-color-primary));border-block-end-color:var(--product-color-primary)}.preview-tab{gap:var(--product-space-md);flex-direction:column;display:flex}.preview-tab__note{margin:var(--product-space-none);font:var(--product-font-caption);color:var(--product-color-muted)}.preview-accordion{gap:var(--product-space-sm);flex-direction:column;display:flex}.preview-accordion__header{align-items:center;gap:var(--product-space-sm);display:flex}.preview-accordion__title{min-inline-size:var(--product-space-none);font:var(--product-font-title-s);color:var(--product-named-color,var(--product-color-on-surface));overflow-wrap:anywhere;flex:1}.preview-accordion__chevron{color:var(--product-named-color-secondary,var(--product-color-muted));font:var(--product-font-title-m);flex:none;line-height:1}.preview-accordion[data-expanded=true] .preview-accordion__chevron{rotate:90deg}[dir=rtl] .preview-accordion[data-expanded=true] .preview-accordion__chevron{rotate:-90deg}.preview-accordion__body{gap:var(--product-space-sm);flex-direction:column;display:flex}.preview-accordion[data-expanded=false] .preview-accordion__body{padding:var(--app-space-sm);border:var(--app-size-border) dashed var(--app-color-border-strong);border-radius:var(--app-radius-md);opacity:.75}.preview-accordion__note{margin:var(--product-space-none);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs)}.preview-image{inline-size:100%}.preview-image--asset{background-position:50%;background-repeat:no-repeat;background-size:cover}.preview-image--url{object-fit:cover;display:block}.preview-image--binding{outline:var(--app-size-border) dotted var(--app-color-accent);outline-offset:var(--app-space-hair)}.preview-image--broken{justify-content:center;align-items:center;gap:var(--product-space-xs);padding:var(--product-space-sm);border:var(--app-size-border) dashed var(--product-color-danger);background:var(--product-color-secondary);color:var(--product-color-muted);font:var(--product-font-caption);text-align:center;flex-direction:column;display:flex;overflow:hidden}.preview-image__broken-glyph{color:var(--product-color-danger);font:var(--product-font-title-m);line-height:1}.preview-image__broken-host{overflow-wrap:anywhere;max-inline-size:100%;color:var(--product-color-on-surface)}.preview-divider--horizontal{border-block-start:var(--app-size-border) solid var(--product-color-muted)}.preview-divider--vertical{border-inline-start:var(--app-size-border) solid var(--product-color-muted);min-block-size:var(--product-space-lg)}.preview-spacer--horizontal{inline-size:100%}.preview-spacer--vertical{min-block-size:var(--product-space-lg)}.preview-tile{align-items:center;gap:var(--product-space-sm);color:var(--product-named-color,var(--product-color-on-surface));display:flex}.preview-tile__body{min-inline-size:var(--product-space-none);flex-direction:column;flex:1;display:flex}.preview-tile__title{font:var(--product-font-title-s)}.preview-tile__subtitle{font:var(--product-font-body-s);color:var(--product-named-color-secondary,var(--product-color-muted))}.preview-tile__trailing{align-items:center;gap:var(--product-space-xs);font:var(--product-font-body-m);flex:none;display:flex}.preview-tile__trailing[data-part-styled=true]{font:var(--product-sys-part-font,var(--product-font-body-m));letter-spacing:var(--product-sys-part-tracking,inherit);color:var(--product-sys-part-color,inherit)}.preview-tile__trailing-column{flex-direction:column;flex:none;align-items:flex-end;display:flex}.preview-tile__caption{font:var(--product-sys-part-font,var(--product-font-body-s));letter-spacing:var(--product-sys-part-tracking,var(--product-tracking-body-s));color:var(--product-sys-part-color,var(--product-named-color-secondary,var(--product-color-muted)));white-space:nowrap}.preview-tile__title[data-max-lines],.preview-tile__subtitle[data-max-lines]{-webkit-line-clamp:var(--product-sys-max-lines);line-clamp:var(--product-sys-max-lines);overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.preview-tile__plate{inline-size:var(--product-sys-plate-size);block-size:var(--product-sys-plate-size);border-radius:var(--product-sys-plate-radius,var(--product-radius-sm));background:var(--product-sys-plate-color,transparent);flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.preview-tile__chevron{color:var(--product-named-color-secondary,var(--product-color-muted));font:var(--product-font-title-s);flex:none}.preview-tile__image{inline-size:calc(2 * var(--product-space-xl));block-size:calc(2 * var(--product-space-xl));border-radius:var(--product-radius-sm);flex:none;display:block;overflow:hidden}.preview-tile__image>*{block-size:100%}.preview-tile__radio{inline-size:var(--product-space-lg);block-size:var(--product-space-lg);border:var(--app-size-border) solid var(--product-color-muted);border-radius:var(--product-radius-pill);flex:none;display:inline-block}.preview-tile__radio[data-selected=true]{border-color:var(--product-color-primary);background:var(--product-color-primary);box-shadow:inset 0 0 0 var(--app-space-hair) var(--product-color-surface)}.preview-icon{color:var(--product-named-color,var(--product-color-primary));flex:none}.preview-icon[data-own-color=true]{color:var(--product-sys-part-color,var(--product-named-color,var(--product-color-primary)))}[class*=preview-icon--]:before{content:"";block-size:1lh;inline-size:1em;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--product-sys-icon-mask,linear-gradient(transparent, transparent));mask-image:var(--product-sys-icon-mask,linear-gradient(transparent, transparent));background-color:currentColor;flex:none;display:block}[dir=rtl] [data-icon-mirrored]:before{scale:-1 1}.preview-glyph{justify-content:center;align-items:center;display:flex}.preview-beside-icon{flex:none;justify-content:center;align-items:center;display:flex}.preview-glyph--sm{font:var(--product-font-body-s)}.preview-glyph--md{font:var(--product-font-title-m)}.preview-glyph--lg{font:var(--product-font-display-l)}.preview-button{justify-content:center;align-items:center;gap:var(--product-space-xs);padding:var(--product-space-sm) var(--product-space-md);border-radius:var(--product-radius-md);font:var(--product-font-title-s);text-align:center;display:inline-flex}.preview-button[data-size=sm]{padding:var(--product-space-xs) var(--product-space-md);font:var(--product-font-body-m)}.preview-button[data-size=lg]{padding:var(--product-space-md) var(--product-space-lg);font:var(--product-font-title-m)}.preview-icon-button{padding:var(--product-space-sm);border-radius:var(--product-radius-pill);font:var(--product-font-title-s);justify-content:center;align-items:center;display:inline-flex;position:relative}.preview-icon-button[data-size=sm]{padding:var(--product-space-xs);font:var(--product-font-body-m)}.preview-icon-button[data-size=lg]{padding:var(--product-space-md);font:var(--product-font-title-m)}.preview-icon-button__glyph{flex:none;justify-content:center;align-items:center;inline-size:1lh;display:flex}.preview-glyph[data-glyph-own]:before,.preview-icon-button__glyph[data-glyph-own]:before{inline-size:var(--product-sys-glyph-size);block-size:var(--product-sys-glyph-size);min-inline-size:var(--product-space-none);min-block-size:var(--product-space-none);flex:0 auto;max-block-size:100%;max-inline-size:100%}.preview-icon-button__glyph[data-glyph-own]{inline-size:auto;min-inline-size:var(--product-space-none);min-block-size:var(--product-space-none);flex:auto;align-self:stretch}.preview-icon-button__name,.canvas-node__press-name{inline-size:var(--app-size-border);block-size:var(--app-size-border);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.preview-swipe{isolation:isolate;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.preview-swipe__trail{z-index:0;inset-block:var(--product-space-xs);border-radius:var(--product-radius-pill);position:absolute}.preview-swipe__orb{z-index:3;border-radius:var(--product-radius-pill);position:absolute}.preview-swipe__halo,.preview-swipe__core{border-radius:var(--product-radius-pill);justify-content:center;align-items:center;display:flex;position:absolute}.preview-swipe__halo{inset:var(--app-space-none)}.preview-swipe[data-orb]>.preview-swipe__thumb,.preview-swipe[data-orb]>.preview-swipe__trail,.preview-swipe[data-orb]>.preview-swipe__label{visibility:hidden}.preview-swipe-cover{z-index:var(--app-z-index-overlay);inset:var(--app-space-none);position:absolute}.preview-swipe-cover[data-swipe-ripple=revealing]{pointer-events:none}.preview-swipe-cover__circle{border-radius:var(--product-radius-pill);transform-origin:50%;position:absolute}.preview-swipe-cover__halo,.preview-swipe-cover__core{border-radius:var(--product-radius-pill);position:absolute}.preview-swipe-cover__halo{inset:var(--app-space-none)}.preview-swipe__thumb{z-index:2;inset-block:var(--product-space-xs);aspect-ratio:1;border-radius:var(--product-radius-pill);justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-start:var(--product-space-xs)}.preview-swipe__spinner{box-sizing:border-box;border-radius:var(--product-radius-pill);border:.125em solid;border-block-start-color:#0000;block-size:1em;inline-size:1em}.preview-swipe__label{z-index:1;min-inline-size:var(--app-space-none);text-align:center;flex:auto;position:relative}.preview-button--full{inline-size:100%;display:flex}.preview-button--primary{border:var(--product-role-button-variant-primary-border-width) solid var(--product-role-button-variant-primary-border);background:var(--product-role-button-variant-primary-background);color:var(--product-role-button-variant-primary-foreground)}.preview-button--secondary{border:var(--product-role-button-variant-secondary-border-width) solid var(--product-role-button-variant-secondary-border);background:var(--product-role-button-variant-secondary-background);color:var(--product-role-button-variant-secondary-foreground)}.preview-button--ghost{border:var(--product-role-button-variant-ghost-border-width) solid var(--product-role-button-variant-ghost-border);background:var(--product-role-button-variant-ghost-background);color:var(--product-role-button-variant-ghost-foreground)}.preview-value--binding{text-underline-offset:var(--app-space-hair);-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.preview-value--untranslated{color:var(--app-color-warning);-webkit-text-decoration:underline dashed var(--app-color-warning);text-decoration:underline dashed var(--app-color-warning);text-underline-offset:var(--app-space-hair)}.preview-value__badge{opacity:.7;margin-inline-end:var(--app-space-hair)}.preview-text-field{gap:var(--product-space-xs);min-inline-size:var(--product-space-none);flex-direction:column;display:flex}.preview-text-field[data-disabled=true],.preview-switch[data-disabled=true],.preview-checkbox[data-disabled=true]{opacity:var(--product-sys-input-disabled)}.preview-required{color:var(--product-color-danger);margin-inline-start:var(--product-space-xs)}.preview-text-field__label{font:var(--product-font-body-s);letter-spacing:var(--product-tracking-body-s);color:var(--product-color-muted)}.preview-text-field__box{box-sizing:border-box;inline-size:100%;block-size:var(--product-sys-field-height,calc(var(--product-sys-input-lines) * 1lh + 2 * var(--product-space-md) + 2 * var(--product-sys-input-border)));margin:var(--product-space-none);padding:var(--product-space-md);border:var(--product-sys-input-border) solid var(--product-sys-field-border-color,var(--product-color-border));border-radius:var(--product-sys-field-radius,var(--product-radius-sm));background:var(--product-sys-field-background,var(--product-color-surface));color:var(--product-color-on-surface);font:var(--product-font-body-m);letter-spacing:var(--product-tracking-body-m);text-align:start;white-space:nowrap;display:block;overflow:hidden}.preview-text-field__box[data-multiline=true]{white-space:pre-wrap;overflow-wrap:anywhere}.preview-text-field__box[data-field-height=true]{padding-block:var(--product-space-none)}span.preview-text-field__box[data-field-height=true]{align-items:center;display:flex}.preview-text-field__box[data-affixed=true]{align-items:center;gap:var(--product-space-sm);display:flex}.preview-text-field__box[data-affixed=true][data-multiline=true]{align-items:flex-start}.preview-text-field__box[data-affixed=true]>:not(.preview-text-field__affix){min-inline-size:var(--product-space-none);text-align:-webkit-match-parent;text-align:match-parent;flex:1}.preview-text-field__affix{color:var(--product-color-muted);white-space:nowrap;flex:none;align-items:center;display:flex}.preview-text-field__bare{box-sizing:border-box;block-size:100%;margin:var(--product-space-none);padding:var(--product-space-none);color:inherit;font:inherit;letter-spacing:inherit;white-space:inherit;background:0 0;border:none}.preview-text-field__box[data-affixed=true]:has(.preview-text-field__bare:focus-visible){border-color:var(--product-color-primary);box-shadow:inset 0 0 0 var(--product-sys-input-ring) var(--product-color-primary)}.preview-text-field[data-state=error] .preview-text-field__box[data-affixed=true]:has(.preview-text-field__bare:focus-visible){border-color:var(--product-color-danger);box-shadow:inset 0 0 0 var(--product-sys-input-ring) var(--product-color-danger)}.preview-text-field__under{align-items:flex-start;gap:var(--product-space-sm);display:flex}.preview-text-field__under>:first-child{min-inline-size:var(--product-space-none);flex:1}.preview-text-field__counter{font:var(--product-font-body-s);letter-spacing:var(--product-tracking-body-s);color:var(--product-color-muted);white-space:nowrap;flex:none}.preview-text-field__input{appearance:none;resize:none;text-align:-webkit-match-parent;text-align:match-parent;outline:none}.preview-text-field__input[data-multiline=true]{overflow-y:auto}.preview-text-field__placeholder,.preview-text-field__input::placeholder{color:var(--product-color-muted);opacity:1}.preview-text-field__input:focus-visible{border-color:var(--product-color-primary);box-shadow:inset 0 0 0 var(--product-sys-input-ring) var(--product-color-primary)}.preview-text-field[data-state=error] .preview-text-field__box{border-color:var(--product-color-danger)}.preview-text-field[data-state=error] .preview-text-field__input:focus-visible{box-shadow:inset 0 0 0 var(--product-sys-input-ring) var(--product-color-danger)}.preview-text-field__note{font:var(--product-font-body-s);letter-spacing:var(--product-tracking-body-s);color:var(--product-color-muted)}.preview-text-field__note[data-kind=error]{color:var(--product-color-danger)}.preview-switch,.preview-checkbox{box-sizing:border-box;inline-size:100%;min-inline-size:var(--product-space-none);margin:var(--product-space-none);padding:var(--product-space-none);border:var(--product-space-none);color:var(--product-color-on-surface);font:var(--product-font-body-m);letter-spacing:var(--product-tracking-body-m);text-align:start;background:0 0;display:flex}.preview-switch:focus-visible,.preview-checkbox:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.preview-switch{align-items:center;gap:var(--product-space-md)}.preview-switch__label,.preview-checkbox__label{min-inline-size:var(--product-space-none);overflow-wrap:anywhere;flex:auto}.preview-switch__track{inline-size:var(--product-sys-switch-width);block-size:var(--product-sys-switch-height);border-radius:var(--product-radius-pill);background:var(--product-color-muted);flex:none;position:relative}.preview-switch__thumb{inline-size:var(--product-sys-switch-thumb);block-size:var(--product-sys-switch-thumb);background:var(--product-color-surface);border-radius:50%;position:absolute;inset-block-start:calc((var(--product-sys-switch-height) - var(--product-sys-switch-thumb)) / 2);inset-inline-start:var(--product-sys-switch-offset)}.preview-switch[data-on=true] .preview-switch__track{background:var(--product-color-primary)}.preview-switch[data-on=true] .preview-switch__thumb{background:var(--product-color-on-primary)}.preview-checkbox{align-items:flex-start;gap:var(--product-space-sm)}.preview-checkbox__box{box-sizing:border-box;inline-size:var(--product-sys-checkbox-size);block-size:var(--product-sys-checkbox-size);border:var(--product-sys-checkbox-border) solid var(--product-color-muted);border-radius:var(--product-sys-checkbox-radius);color:var(--product-color-on-primary);flex:none;justify-content:center;align-items:center;margin-block-start:max(var(--product-space-none), calc((1lh - var(--product-sys-checkbox-size)) / 2));display:flex}.preview-checkbox[data-on=true] .preview-checkbox__box{border-color:var(--product-color-primary);background:var(--product-color-primary)}.preview-checkbox__mark{font-size:var(--product-sys-checkbox-mark);line-height:1}.preview-progress{gap:var(--product-space-xs);flex-direction:column;inline-size:100%;display:flex}.preview-progress__track{inline-size:100%;block-size:var(--product-space-sm);border-radius:var(--product-radius-pill);overflow:hidden}.preview-progress__fill{border-radius:var(--product-radius-pill);block-size:100%}[dir=rtl] .preview-progress__fill{--product-sys-progress-line:270deg}.preview-progress__segments{gap:var(--product-space-xs);inline-size:100%;min-inline-size:calc((var(--product-sys-segments-count) - 1) * var(--product-space-xs));flex-direction:row;display:flex}.preview-progress__segment{min-inline-size:var(--app-space-none);border-radius:var(--product-radius-pill);flex:1 1 0;block-size:100%;position:relative;overflow:hidden}.preview-progress__segment-fill{inline-size:calc(var(--product-sys-segments-filled) * 100% + var(--product-sys-segments-gaps) * var(--product-space-xs));position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--product-sys-segment-index) * (100% + var(--product-space-xs)))}.preview-progress__segment-cut{clip-path:inset(0 calc((1 - var(--product-sys-segment-cut)) * 100%) 0 0);position:absolute;inset:0}[dir=rtl] .preview-progress__segment-cut{clip-path:inset(0 0 0 calc((1 - var(--product-sys-segment-cut)) * 100%))}.preview-progress__scale{flex-direction:column;display:flex;position:relative}.preview-progress__scale>:not(.preview-progress__glow){position:relative}.preview-progress__glow{filter:blur(var(--product-sys-glow-sigma));opacity:var(--product-sys-glow-opacity);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}[dir=rtl] .preview-progress__segment-fill{--product-sys-progress-line:270deg}.preview-progress__label{font:var(--product-font-caption);color:var(--product-color-muted);text-align:end;display:block}.preview-circular-progress-slot{flex:none;inline-size:fit-content;display:flex;position:relative}.preview-circular-progress-slot[data-ring-box=true]{justify-content:center;align-items:center;inline-size:100%;display:flex}.canvas-node[data-fill=true]>.preview-circular-progress-slot[data-ring-box=true]{block-size:100%}.preview-circular-progress__label{inset:var(--product-space-none);color:var(--product-color-on-surface);font:var(--product-font-caption);font-variant-numeric:tabular-nums;white-space:pre;justify-content:center;align-items:center;display:flex;position:absolute}.preview-circular-progress{border-radius:var(--product-radius-pill);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--product-sys-ring-thickness,var(--product-space-sm))), black calc(100% - var(--product-sys-ring-thickness,var(--product-space-sm))), black 100%, transparent 100%);mask:radial-gradient(farthest-side, transparent calc(100% - var(--product-sys-ring-thickness,var(--product-space-sm))), black calc(100% - var(--product-sys-ring-thickness,var(--product-space-sm))), black 100%, transparent 100%);flex:none}.preview-circular-progress--sm{inline-size:calc(2 * var(--product-space-xl));block-size:calc(2 * var(--product-space-xl))}.preview-circular-progress--md{inline-size:calc(3 * var(--product-space-xl));block-size:calc(3 * var(--product-space-xl))}.preview-circular-progress--lg{inline-size:calc(4 * var(--product-space-xl));block-size:calc(4 * var(--product-space-xl))}.preview-badge{align-self:start;align-items:center;gap:var(--product-space-xs);padding:var(--product-space-xs) var(--product-space-sm);border-radius:var(--product-radius-pill);font:var(--product-font-caption);display:inline-flex}.preview-badge--neutral{border:var(--product-role-badge-tone-neutral-border-width) solid var(--product-role-badge-tone-neutral-border);background:var(--product-role-badge-tone-neutral-background);color:var(--product-role-badge-tone-neutral-foreground)}.preview-badge--success{border:var(--product-role-badge-tone-success-border-width) solid var(--product-role-badge-tone-success-border);background:var(--product-role-badge-tone-success-background);color:var(--product-role-badge-tone-success-foreground)}.preview-badge--warning{border:var(--product-role-badge-tone-warning-border-width) solid var(--product-role-badge-tone-warning-border);background:var(--product-role-badge-tone-warning-background);color:var(--product-role-badge-tone-warning-foreground)}.preview-badge--danger{border:var(--product-role-badge-tone-danger-border-width) solid var(--product-role-badge-tone-danger-border);background:var(--product-role-badge-tone-danger-background);color:var(--product-role-badge-tone-danger-foreground)}.preview-badge--accent{border:var(--product-role-badge-tone-accent-border-width) solid var(--product-role-badge-tone-accent-border);background:var(--product-role-badge-tone-accent-background);color:var(--product-role-badge-tone-accent-foreground)}.preview-progress[data-cap=round] :is(.preview-progress__track,.preview-progress__fill,.preview-progress__segment){border-radius:var(--product-sys-progress-cap-radius)}.preview-circular-progress[data-cap=round]{position:relative}.preview-circular-progress__cap{border-radius:50%;position:absolute;translate:-50% -50%}.preview-circular-progress__lit{flex:none;inline-size:fit-content;display:flex;position:relative}.preview-circular-progress__lit>.preview-circular-progress{position:relative}.preview-circular-progress__glow{filter:blur(var(--product-sys-glow-sigma));opacity:var(--product-sys-glow-opacity);pointer-events:none;display:flex;position:absolute;inset:0}.canvas-node__mark.canvas-node__styled{inline-size:var(--app-space-md);block-size:var(--app-space-md);border-color:var(--app-color-warning);background:linear-gradient(to right, var(--app-color-bg-raised) 50%, var(--app-color-warning) 50%);box-shadow:0 0 0 var(--app-size-border) var(--app-color-bg-raised);inset-block-start:calc(var(--app-space-md) / -2);inset-inline-end:calc(var(--app-space-md) / -2)}.canvas-node__marks[data-inside=true]>.canvas-node__mark.canvas-node__styled{inset-block-start:var(--app-space-xs);inset-inline-end:var(--app-space-xs)}.preview-repeater{min-inline-size:var(--app-space-none);flex-direction:column;display:flex}.preview-repeater[data-direction=row]{flex-direction:row;align-items:center}.preview-repeater__ghost{min-block-size:var(--app-space-xl);border:var(--app-size-border) dashed color-mix(in srgb, currentColor 35%, transparent);border-radius:var(--product-radius-sm);background:color-mix(in srgb, currentColor 8%, transparent);pointer-events:none}.preview-repeater[data-direction=row] .preview-repeater__ghost{min-inline-size:var(--app-space-xxl);flex:auto}.preview-repeater[data-carousel] .preview-repeater__ghost{flex:none;align-self:stretch}.preview-repeater[data-columns] .preview-repeater__ghost{min-inline-size:var(--app-space-none);flex:none}.preview-repeater__unknown{margin:var(--app-space-none);color:var(--product-color-danger);font-family:var(--app-font-family);font-size:var(--app-font-size-xs)}@keyframes product-motion-cycle{0%{--motion-phase:0deg}to{--motion-phase:360deg}}[data-motion-play=true] .canvas-node[data-motion]{animation:product-motion-cycle var(--motion-duration) linear var(--motion-delay) infinite}[dir=rtl] .canvas-node[data-motion=float]{--motion-mirror:-1}[data-motion-play=true] .canvas-node[data-motion=float]{translate:calc(var(--motion-x) * var(--motion-mirror,1) * sin(var(--motion-phase))) calc(-1 * (var(--motion-y) * sin(var(--motion-phase)) + var(--motion-y2) * sin(2 * var(--motion-phase))))}[data-motion-play=true] .canvas-node[data-motion=pulse]:not([data-preview-hidden]){scale:calc(1 + var(--motion-scale) * (1 - cos(var(--motion-phase))) / 2);filter:opacity(calc(1 + var(--motion-opacity) * (1 - cos(var(--motion-phase))) / 2))}@keyframes product-swipe-turn{to{rotate:1turn}}[data-motion-play=true] .preview-swipe[data-busy=true] .preview-swipe__spinner{animation:.8s linear infinite product-swipe-turn}[data-motion-play=true] .preview-swipe[data-busy=true]>.preview-swipe__thumb{transition:inset-inline-start .2s cubic-bezier(.33,1,.68,1)}[data-motion-play=true] .preview-swipe:not([data-swiping],[data-busy])>.preview-swipe__thumb{transition:inset-inline-start .25s cubic-bezier(.33,1,.68,1)}[data-motion-play=true] .preview-swipe[data-busy=true]>:is(.preview-swipe__trail,.preview-swipe__label){transition:inline-size .2s cubic-bezier(.33,1,.68,1),opacity .2s cubic-bezier(.33,1,.68,1)}[data-motion-play=true] .preview-swipe:not([data-swiping],[data-busy])>:is(.preview-swipe__trail,.preview-swipe__label){transition:inline-size .25s cubic-bezier(.33,1,.68,1),opacity .25s cubic-bezier(.33,1,.68,1)}[data-motion-play=true] .preview-swipe[data-orb]{transition:background-color .6s cubic-bezier(.4,0,.2,1),border-color .6s cubic-bezier(.4,0,.2,1),box-shadow .6s cubic-bezier(.4,0,.2,1)}[data-motion-play=true] .preview-swipe__orb{transition:inset-inline-start .6s cubic-bezier(.4,0,.2,1),inline-size .6s cubic-bezier(.4,0,.2,1)}[data-motion-play=true] .preview-swipe__halo{transition:opacity .6s cubic-bezier(.4,0,.2,1)}@keyframes product-badge-appear{0%{scale:0}60%{scale:1.25}to{scale:1}}@keyframes product-badge-disappear{to{opacity:0}}[data-motion-play=true] .preview-nav-item__badge[data-badge-change=appear]{animation:.32s linear product-badge-appear}[data-motion-play=true] .preview-nav-item__badge[data-badge-change=disappear]{animation:.2s linear forwards product-badge-disappear}@media (prefers-reduced-motion:reduce){[data-motion-play=true] .canvas-node[data-motion],[data-motion-play=true] .preview-swipe[data-busy=true] .preview-swipe__spinner,[data-motion-play=true] .preview-nav-item__badge[data-badge-change]{animation:none}[data-motion-play=true] .preview-swipe>.preview-swipe__thumb{transition:none}}.canvas-node[data-press-feedback]{transition:transform .16s cubic-bezier(.34,1.56,.64,1),filter .16s cubic-bezier(.34,1.56,.64,1)}.canvas-node[data-press-feedback]:active:not(:has(.canvas-node[data-press-feedback]:active)){transition-duration:80ms;transition-timing-function:cubic-bezier(.2,0,0,1)}.canvas-node[data-press-feedback=card]:active:not(:has(.canvas-node[data-press-feedback]:active)){transform:scale(.97)}.canvas-node[data-press-feedback=button]:active:not(:has(.canvas-node[data-press-feedback]:active)){transform:scale(.96)}.canvas-node[data-press-feedback=fade]:active:not(:has(.canvas-node[data-press-feedback]:active)){filter:opacity(.7)}@media (prefers-reduced-motion:reduce){.canvas-node[data-press-feedback]:active:not(:has(.canvas-node[data-press-feedback]:active)){filter:opacity(.7);transform:none}}[data-motion-play=true] .canvas-node[data-visibility-fade=leaving]{pointer-events:none;transition:opacity .12s cubic-bezier(.4,0,1,1)}[data-motion-play=true] .canvas-node[data-visibility-fade=entering]{transition:opacity .16s cubic-bezier(0,0,.2,1)}@media (prefers-reduced-motion:reduce){[data-motion-play=true] .canvas-node[data-visibility-fade],[data-motion-play=true] .preview-swipe>:is(.preview-swipe__trail,.preview-swipe__label){transition:none}}.ui-tool-button.screen-tabs__map{gap:var(--app-space-xs);min-block-size:calc(var(--app-space-xl) + var(--app-space-xs));padding-block:var(--app-space-none)}.ui-tool-button.screen-tabs__map[aria-pressed=true],.ui-tool-button.screen-tabs__map[aria-pressed=true]:hover:not(:disabled){border-color:var(--app-color-accent);background:var(--app-color-hover);color:var(--app-color-accent)}.screen-tabs__divider{inline-size:var(--app-size-border);block-size:var(--app-size-icon-md);margin-inline:var(--app-space-xs);background:var(--app-color-border);flex:none}.design-system{gap:var(--app-space-none);min-block-size:var(--app-space-none);min-inline-size:var(--app-space-none);background:var(--app-color-bg);flex-direction:column;display:flex;overflow:hidden}.design-system__bar{align-items:center;gap:var(--app-space-sm) var(--app-space-md);padding:var(--app-space-lg) var(--app-space-xl) var(--app-space-md);border-block-end:var(--app-size-border) solid var(--app-color-border);flex-wrap:wrap;flex:none;display:flex}.design-system__heading{flex:1 1 calc(var(--app-space-xxxl) * 4);gap:var(--app-space-hair);min-inline-size:var(--app-space-none);flex-direction:column;display:flex}.design-system__title{margin:var(--app-space-none);color:var(--app-color-text);font-size:var(--app-font-size-lg);font-weight:var(--app-font-weight-semibold)}.design-system__subtitle{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.design-system__bar .ui-field.theme-identity__select{flex:0 1 calc(var(--app-space-xxxl) * 4);block-size:var(--app-size-control-height)}.design-system__bar .ui-tool-button{flex:none;inline-size:auto}.design-system__scroll{gap:var(--app-space-xl);min-block-size:var(--app-space-none);padding:var(--app-space-lg) var(--app-space-xl);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.design-system__scroll>*{flex:none}.design-system__name{margin:var(--app-space-none);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-md);font-weight:var(--app-font-weight-medium)}.design-system__id,.design-system__source,.design-system__note{color:var(--app-color-text-muted);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-regular)}.design-system__source,.design-system__note{margin:var(--app-space-xs) var(--app-space-none) var(--app-space-none);font-family:var(--app-font-family);line-height:var(--app-font-line-height)}.design-system__actions{align-items:center;gap:var(--app-space-sm);flex-wrap:wrap;margin-block-start:var(--app-space-md);display:flex}.design-system__actions .ui-tool-button,.theme-identity__actions .ui-tool-button{background:var(--app-color-bg-raised);inline-size:auto;box-shadow:var(--app-shadow-low)}.design-system__file:has(:focus-visible){outline:var(--app-size-border) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.design-system__file{padding:var(--app-space-xs) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-md);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-md);cursor:pointer;align-items:center;display:inline-flex}.design-system__file input{display:none}.design-system__lock:disabled .design-system__file{opacity:.45;cursor:not-allowed}.design-system__issues{margin:var(--app-space-md) var(--app-space-none) var(--app-space-none);color:var(--app-color-danger);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height);padding-inline-start:var(--app-space-lg)}.design-system__tokens,.design-system__changes{gap:var(--app-space-sm) var(--app-space-lg);margin:var(--app-space-none);padding:var(--app-space-none);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid}.design-system__token,.design-system__changes li{align-items:center;gap:var(--app-space-sm);font-family:var(--app-font-family);font-size:var(--app-font-size-md);display:flex}.design-system__token:not(.design-system__token--wide,.design-system__token--block){flex-wrap:wrap}.design-system__token:not(.design-system__token--wide,.design-system__token--block)>.design-system__token-name{flex-shrink:0;max-inline-size:100%}.design-system__changes--cards{gap:var(--app-space-sm);grid-template-columns:minmax(0,1fr)}.design-system__changes--cards li{padding:var(--app-space-sm) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised)}.design-system__token--wide{grid-column:1/-1;grid-template-columns:var(--design-system-style-columns);gap:var(--app-space-sm);align-items:center;display:grid}.design-system__tokens--styles,.design-system__columns{--design-system-style-columns:calc(var(--app-space-xxxl) * 2) repeat(3, minmax(0, 1fr)) minmax(0, 1.4fr) minmax(0, 1.4fr)}.design-system__tokens--styles{grid-template-columns:minmax(0,1fr)}.design-system__columns{grid-template-columns:var(--design-system-style-columns);gap:var(--app-space-sm);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs);display:grid}.design-system__token--wide .design-system__token-name{flex:none}.design-system__token-name{align-items:center;gap:var(--app-space-xs);min-inline-size:var(--app-space-none);color:var(--app-color-text);text-overflow:ellipsis;white-space:nowrap;flex:auto;display:flex;overflow:hidden}.design-system__token-tech{color:var(--app-color-text-faint);font-family:var(--app-font-family-mono);font-size:var(--app-font-size-xs)}.design-system__provisional{inline-size:var(--app-space-md);block-size:var(--app-space-md);border-radius:var(--app-radius-pill);background:var(--app-color-bg-sunken);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs);cursor:help;justify-content:center;align-items:center;display:inline-flex}.design-system__swatch{inline-size:var(--app-space-xl);block-size:var(--app-space-xl);padding:var(--app-space-none);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-sm);background:var(--app-color-bg);cursor:pointer;flex:none}.design-system__swatch:focus-visible{outline:var(--app-size-border) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.ui-field.design-system__hex{inline-size:calc(var(--app-space-xxxl) * 2)}.ui-field.design-system__number{inline-size:calc(var(--app-space-xxxl) * 1.5)}.ui-field.design-system__text{flex:auto}.design-system__field{gap:var(--app-space-hair);flex-direction:column;display:flex}.design-system__token--wide .ui-field.design-system__number{padding-inline:var(--app-space-xs)}.design-system__token--wide .ui-field.design-system__number,.design-system__token--wide .ui-field.design-system__select{inline-size:100%}.design-system__field-label{color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);white-space:nowrap}.design-system__unit{color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.design-system__change{color:var(--app-color-text-muted);font-family:var(--app-font-family-mono);font-size:var(--app-font-size-xs)}.design-system__change strong{color:var(--app-color-text)}.design-system__published{margin:var(--app-space-none);padding:var(--app-space-sm);border-radius:var(--app-radius-sm);background:var(--app-color-hover);color:var(--app-color-text);font-size:var(--app-font-size-sm)}.theme-identity{gap:var(--app-space-sm);flex-direction:column;display:flex}.theme-identity__row{align-items:center;gap:var(--app-space-sm);display:flex}.theme-identity__label{inline-size:calc(var(--app-space-xxxl) * 2);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);flex:none}.ui-field.theme-identity__input,.ui-field.theme-identity__select{flex:auto}.theme-identity__actions{align-items:center;gap:var(--app-space-sm);flex-wrap:wrap;margin-block-start:var(--app-space-xs);display:flex}.design-system__token-actions{gap:var(--app-space-xs);flex:none;margin-inline-start:auto;display:inline-flex}.design-system__tokens--blocks{grid-template-columns:minmax(0,1fr)}.design-system__token--block{gap:var(--app-space-sm);padding:var(--app-space-sm) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);grid-column:1/-1;justify-items:start;display:grid}.design-system__token-head{align-items:center;gap:var(--app-space-sm);inline-size:100%;display:flex}.design-system__preview{inline-size:var(--app-space-xxxl);block-size:var(--app-space-xl);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-sm);flex:none}.design-system__preview--shadow{background:var(--app-color-bg);border-color:#0000}.design-system__parts{gap:var(--app-space-xs);margin:var(--app-space-none);padding:var(--app-space-none);list-style:none;display:grid}.design-system__part{align-items:center;gap:var(--app-space-sm);display:flex}.design-system__part--shadow,.design-system__columns--shadow{--design-system-shadow-columns:repeat(4, calc(var(--app-space-xxxl) * 1.5)) calc(var(--app-space-xxxl) * 2.5) calc(var(--app-space-xxxl) * 1.5) auto;grid-template-columns:var(--design-system-shadow-columns);gap:var(--app-space-sm);align-items:center;display:grid}.design-system__add{align-items:center;gap:var(--app-space-sm);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);flex-wrap:wrap;margin-block-start:var(--app-space-md);display:flex}.design-system__add-label{color:var(--app-color-text)}.design-system__add-count{color:var(--app-color-text-muted)}.design-system__confirm{gap:var(--app-space-sm);padding:var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height);margin-block-start:var(--app-space-md);display:grid}.design-system__confirm-title{margin:var(--app-space-none);color:var(--app-color-text);font-size:var(--app-font-size-md);font-weight:var(--app-font-weight-medium)}.design-system__confirm-field{align-items:center;gap:var(--app-space-sm);margin:var(--app-space-none);display:flex}.design-system__confirm-actions{gap:var(--app-space-sm);flex-wrap:wrap;display:flex}.design-system__confirm .design-system__note{margin:var(--app-space-none)}.design-system__impact-title{margin:var(--app-space-none);color:var(--app-color-text)}.design-system__impact-places{margin:var(--app-space-xs) var(--app-space-none) var(--app-space-none);color:var(--app-color-text-muted);padding-inline-start:var(--app-space-lg)}.design-system__tokens--colors{grid-template-columns:minmax(0,1fr)}.design-system__tokens--colors .ui-field.design-system__hex,.design-system__part .ui-field.design-system__hex{inline-size:calc(var(--app-space-xxxl) * 2.5)}.design-system__lock{gap:var(--app-space-xl);min-inline-size:var(--app-space-none);margin:var(--app-space-none);padding:var(--app-space-none);border:var(--app-space-none);flex-direction:column;display:flex}.design-system__lock>*{flex:none}.design-system__rename-summary{gap:var(--app-space-xs);justify-items:start;margin-block-end:var(--app-space-md);display:grid}.design-system__rename-summary p,.design-system__rename-summary ul{margin:var(--app-space-none)}.design-system__rename-summary ul{padding-inline-start:var(--app-space-lg)}.design-system__roles{margin-block-start:var(--app-space-md)}.design-system__roles-title{margin:var(--app-space-none) var(--app-space-none) var(--app-space-sm);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-medium)}.design-system__role-list{gap:var(--app-space-sm);margin:var(--app-space-none);padding:var(--app-space-none);list-style:none;display:grid}.design-system__role{gap:var(--app-space-sm);padding:var(--app-space-sm) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-md);font-family:var(--app-font-family);font-size:var(--app-font-size-md);display:grid}.design-system__role-head{align-items:center;gap:var(--app-space-md);display:flex}.design-system__role-sample{padding:var(--product-space-sm) var(--product-space-md);border:var(--app-size-border) solid transparent;border-radius:var(--product-radius-md);font:var(--product-font-title-s);flex:none;justify-content:center;align-items:center;display:inline-flex}.design-system__role-stage{padding:var(--app-space-sm);border-radius:var(--app-radius-md);background:var(--product-color-surface);flex:none;display:inline-flex}.design-system__role-sample[data-kind=badge]{padding:var(--product-space-xs) var(--product-space-sm);border-radius:var(--product-radius-pill);font:var(--product-font-caption)}.design-system__role-slots{gap:var(--app-space-sm) var(--app-space-lg);flex-wrap:wrap;display:flex}.design-system__role-slot{align-items:center;gap:var(--app-space-xs);display:inline-flex}.design-system__role-slot-label{color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.design-system__role-color{font-family:var(--app-font-family-mono)}.design-system__role-swatch{inline-size:var(--app-space-md);block-size:var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-sm);flex:none}.design-system__role-swatch[data-empty=true]{background:linear-gradient(to top right, transparent 45%, var(--app-color-border-strong) 45% 55%, transparent 55%)}.design-system__role-choices{gap:var(--app-space-xs);padding:var(--app-space-sm);border-radius:var(--app-radius-md);background:var(--app-color-bg-raised);flex-wrap:wrap;display:flex}.design-system__role-contrast{margin:var(--app-space-none)}.preview{gap:var(--app-space-xl);min-block-size:var(--app-space-none);padding:var(--app-space-lg);border-inline-start:var(--app-size-border) solid var(--app-color-border);background:var(--app-color-bg);flex-direction:column;display:flex;overflow:auto}.preview__panel{flex:none}.preview__control{gap:var(--app-space-sm);padding:var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);flex-direction:column;display:flex}.preview__control .ui-tool-button{inline-size:auto}.preview__screen{margin:var(--app-space-none);color:var(--app-color-text);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-medium)}.preview__summary,.preview__conditional{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.preview__hidden{color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs)}.preview__hidden-summary{cursor:pointer}.preview__hidden-summary:focus-visible,.preview__hidden-item:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.preview__hidden-list{gap:var(--app-space-xs);margin:var(--app-space-xs) var(--app-space-none) var(--app-space-none);padding:var(--app-space-none);flex-direction:column;list-style:none;display:flex}.preview__hidden-item{inline-size:100%;min-inline-size:var(--app-space-none);padding:var(--app-space-xs) var(--app-space-sm);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);color:var(--app-color-text);cursor:pointer;font:inherit;text-align:start;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.preview__hidden-item[aria-current=true]{border-color:var(--app-color-accent)}.preview__flow-trail{margin:var(--app-space-none);color:var(--app-color-text-muted);font-family:var(--app-font-family-mono);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height)}.preview__notices{z-index:2;block-size:var(--app-space-none);margin-block-end:calc(-1 * var(--app-space-xl));position:sticky;inset-block-start:var(--app-space-none);overflow:visible}.preview__notices-stack{inset-inline:var(--app-space-none);gap:var(--app-space-xs);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset-block-start:var(--app-space-none)}.preview__flow-notice{margin:var(--app-space-none);padding:var(--app-space-sm) var(--app-space-md);border-inline-start:var(--app-space-hair) solid var(--app-color-border-strong);border-radius:var(--app-radius-sm);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-medium);color:var(--app-color-text);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height)}.preview__flow-notice[data-tone=blocked]{border-inline-start-color:var(--app-color-warning)}.preview__flow-notice[data-tone=host]{border-inline-start-color:var(--app-color-accent)}.preview__width{align-items:center;gap:var(--app-space-xs) var(--app-space-sm);flex-wrap:wrap;display:flex}.preview__width-class,.preview__fit-note{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.preview__fit{flex:none}.preview[data-wide=true] .preview__panel:first-of-type>.ui-panel__body{grid-template-columns:var(--app-size-inspector-width) minmax(var(--app-space-none), 1fr);column-gap:var(--app-space-lg);align-items:start;display:grid}.preview[data-wide=true] .preview__panel:first-of-type>.ui-panel__body>*{grid-column:1}.preview[data-wide=true] .preview__panel:first-of-type>.ui-panel__body>.preview__stage{grid-area:1/2/span 12;align-self:stretch}.preview__stage{padding:var(--app-space-md);border-radius:var(--app-radius-lg);background:var(--app-color-canvas-bg);justify-content:center;display:flex;overflow:auto}.preview-device{border-radius:var(--app-radius-lg);background:var(--product-color-surface);box-shadow:var(--app-shadow-medium);flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden}.preview-device[data-chrome=device]{border-radius:var(--app-radius-device);background:var(--product-color-surface);color:var(--product-color-on-surface);box-shadow:0 0 0 var(--app-size-border) var(--app-color-border-strong), var(--app-shadow-medium)}.preview-device[data-chrome=none]{border-radius:var(--app-radius-none);box-shadow:none}.preview-device[data-chrome=host]{border-radius:var(--app-radius-none);background:var(--product-color-surface);color:var(--product-color-on-surface);box-shadow:none}.preview-device[data-chrome=device] .preview-device__home--device,.preview-device[data-chrome=host] .preview-device__home--device{background:0 0}.preview-device[data-home=row] .preview-device__home--device{flex:none;position:static}.preview-device[data-status=overlay]>:is(.preview-device__inset,.device-status){inset-block-start:var(--app-space-none);inset-inline:var(--app-space-none);z-index:2;pointer-events:none;position:absolute}.preview-device[data-status=overlay]:has(.preview-screen[data-body-top=screenTop])>.preview-device__inset{opacity:.7}.preview-device__inset{background:var(--app-color-bg-sunken);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);flex:none;justify-content:center;align-items:center;display:flex}.preview-device__inset-label{opacity:.7}.preview-device__viewport{min-block-size:var(--app-space-none);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.preview-device__scroll{min-block-size:var(--app-space-none);flex-direction:column;flex:1;display:flex;position:relative}.preview-device__content{min-block-size:var(--app-space-none);flex-direction:column;flex:1;display:flex}.preview-document>.canvas-node[data-node-type=Screen]{flex-direction:column;flex:1 0 auto;display:flex}.preview-document>.canvas-node[data-node-type=Screen]>.preview-screen{flex:1}.preview-device .preview-document>.canvas-node[data-node-type=Screen]{min-block-size:var(--app-space-none);flex:auto}.preview-device .preview-document>.canvas-node[data-node-type=Screen]>.preview-screen{min-block-size:var(--app-space-none)}.preview-device .preview-screen__bottom{flex:none}.preview-device .preview-screen__body{min-block-size:var(--app-space-none);overscroll-behavior:contain;flex:1 1 0;overflow:hidden auto}.preview-device__scroll:not(.preview-device__scroll--modal) .preview-screen__body{container-type:size}.preview-device[data-screen-backdrop=true] .preview-document>.canvas-node[data-node-type=Screen]{background:0 0!important}.preview-device__scroll--modal{justify-content:flex-end;block-size:100%}.preview-device__scroll--modal[data-underlaid=true]{padding-block-start:var(--device-underlay-inset)}.preview-device__scroll--modal[data-modal-placement=center][data-underlaid=true]{padding-block-start:calc(var(--product-space-xl) + var(--device-underlay-inset))}.preview-device__content--modal{flex:0 auto;max-block-size:100%;position:relative}.preview-device__home-room{flex:none}.preview-device__content--modal>.preview-document>.canvas-node[data-node-type=Screen],.preview-device__content--modal>.preview-document>.canvas-node[data-node-type=Screen]>.preview-screen,.preview-device__content--modal .preview-screen__body{flex:0 auto}.preview-device__content--modal .preview-screen__flow{flex:none}.preview-device__scroll--modal[data-modal-placement=center]{padding:var(--product-space-xl);justify-content:center;align-items:center}.preview-device__scroll--modal[data-modal-placement=center]>.preview-device__content--modal{inline-size:100%}.preview-device__scrim{padding:var(--app-space-md);background:var(--app-color-device-cutout);opacity:.45;pointer-events:none;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0}.preview-device__underlay{inset:var(--app-space-none);isolation:isolate;flex-direction:column;display:flex;position:absolute;overflow:hidden}.preview-device__blur{inset:var(--app-space-none);pointer-events:none;position:absolute}.preview-device__scrim[data-dismissable=true]{pointer-events:auto}.preview-device__scrim-label[data-hidden=true]{visibility:hidden}.preview-device__scrim-label{color:var(--app-color-device-light);font-size:var(--app-font-size-xs);text-align:center}.preview-device__beyond{background:var(--app-color-selection);opacity:.25;pointer-events:none;position:absolute;inset-block:100cqb 0;inset-inline:0}.preview-device__home{background:var(--app-color-bg-sunken);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset-block-end:0;inset-inline:0}.preview-device__home-bar{inline-size:var(--app-size-header-height);block-size:var(--app-space-hair);border-radius:var(--app-radius-pill);background:var(--app-color-border-strong)}.preview-device__fold{margin:var(--app-space-none);border-block-start:var(--app-size-border) dashed var(--app-color-warning);pointer-events:none;position:absolute;inset-block-start:calc(100cqb - var(--app-size-border));inset-inline:0}.preview-device__fold-label{padding:var(--app-space-hair) var(--app-space-xs);border-radius:var(--app-radius-sm);background:var(--app-color-warning);color:var(--app-color-accent-text);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);white-space:nowrap;position:absolute;inset-block-end:100%;inset-inline-end:var(--app-space-xs)}.preview-device .canvas-node__zone{display:none}.preview-device .preview-button{cursor:pointer}.preview-device .preview-accordion[data-expanded=false] .preview-accordion__body{display:none}.preview-device .canvas-node:has(>.preview-tab[data-open=false]){display:none}.preview-document{display:contents}.preview-device :is(.canvas-node,.canvas-node__share,.canvas-node__layer)[data-off-width=true]{display:none}.preview-device [data-preview-hidden]{opacity:.4;filter:grayscale();position:relative}.preview-device [data-preview-hidden]:after{content:attr(data-preview-hidden);inset-inline:var(--app-space-none);padding-inline:var(--app-space-xs);border-radius:var(--app-radius-sm);background:var(--app-color-bg-raised);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height);text-align:center;pointer-events:none;position:absolute;inset-block-end:var(--app-space-none)}.preview-device .preview-app-bar [data-preview-hidden]:after{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preview-device [data-preview-hidden] [data-preview-hidden]:after{content:none}.preview__disclaimer{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.preview-warnings{gap:var(--app-space-sm);margin:var(--app-space-none);padding:var(--app-space-none);flex-direction:column;list-style:none;display:flex}.preview-warnings__item{display:flex}.preview-warning{gap:var(--app-space-xs);inline-size:100%;padding:var(--app-space-sm) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border);border-inline-start:var(--app-space-hair) solid var(--app-color-warning);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-md);text-align:start;cursor:pointer;flex-direction:column;display:flex}.preview-warning:hover{border-color:var(--app-color-accent)}.preview-warning:focus-visible{outline:var(--app-size-border) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.preview-warning[aria-current=true]{border-color:var(--app-color-accent);background:var(--app-color-hover)}.preview-warning__head{justify-content:space-between;align-items:baseline;gap:var(--app-space-sm);display:flex}.preview-warning__node{font-weight:var(--app-font-weight-medium)}.preview-warning__code{color:var(--app-color-warning);font-size:var(--app-font-size-xs);text-transform:uppercase;letter-spacing:var(--app-space-hair);flex:none}.preview-warning__message{color:var(--app-color-text-muted);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height)}[data-phone-view] .canvas-node__empty,[data-phone-view] .preview-repeater__ghost,[data-phone-view] .preview-repeater__unknown,[data-phone-view] .canvas-node__zone,[data-phone-view] .canvas-node__marks,[data-phone-view] .canvas-node__condition,[data-phone-view] .canvas-node__disables,[data-phone-view] .canvas-node__bound,[data-phone-view] .canvas-node__mark-count,[data-phone-view] .canvas-node__issue,[data-phone-view] .canvas-node__styled,[data-phone-view] .canvas-node__motion,[data-phone-view] .preview-value__badge,[data-phone-view] [data-preview-hidden],[data-phone-view] [data-preview-hidden-slot],[data-phone-view] .preview-accordion[data-expanded=false] .preview-accordion__body{display:none}[data-phone-view] .canvas-node:has(>.preview-tab[data-open=false]){display:none}[data-phone-view] .preview-screen__bar:has(>[data-preview-hidden]){display:none}[data-phone-view] .preview-screen:has(>.preview-screen__bar>[data-preview-hidden])>.preview-screen__body>.preview-screen__flow{padding-block-start:var(--product-sys-screen-pad-top,var(--app-space-none))!important}[data-phone-view] .preview-screen:not([data-body-top]):has(>.preview-screen__bar>[data-preview-hidden])>.preview-screen__body{margin-block-start:var(--product-sys-safe-top)}[data-phone-view] .preview-device__content--modal .preview-screen__top,[data-phone-view] .preview-device__content--modal .preview-app-bar__nav,[data-phone-view] .preview-device__content--modal .preview-screen__nav{display:none}[data-phone-view] .preview-screen__pinned-top:not(:has(>.canvas-node:not([data-preview-hidden]))){display:none}[data-phone-view] .preview-screen__pinned:has(>[data-preview-hidden]){display:none}[data-phone-view] .preview-screen__nav:has(>[data-preview-hidden]){display:none}[data-phone-view] .preview-screen__top:has(>[data-preview-hidden]){display:none}[data-phone-view] .preview-app-bar__nav:has(>[data-preview-hidden]){display:none}[data-phone-view] .preview-screen[data-pinned=true]:has(>.preview-screen__bottom>.preview-screen__pinned>[data-preview-hidden])>.preview-screen__body>.preview-screen__flow{padding-block-end:var(--product-sys-screen-pad-bottom,var(--app-space-none))!important}[data-phone-view] .preview-screen[data-app-bar=true]:not(:has(>.preview-screen__bar>[data-preview-hidden]))>.preview-screen__body>.preview-screen__flow:not(:has(>.canvas-node:not([data-preview-hidden]))){padding-block-start:var(--app-space-none)!important}[data-phone-view] .preview-image--binding{outline:none}[data-phone-view] .preview-value--binding{text-decoration:none}.preview-device .canvas-node__issue,.preview-device .canvas-node__styled,.preview-device .canvas-node__motion{display:none}.preview-device .canvas-node:not(:focus-visible):after,[data-phone-view] .canvas-node:not(:focus-visible):after{border-style:none}[data-host-brightness]{--host-gutter:16px;--host-gap:16px;--host-radius-hero:22px;--host-radius-card:20px;--host-radius-tile:16px;--host-radius-thumb:14px;--host-radius-pill:999px;--host-control-height:48px;--slot-outline-width:1.5px;--slot-radius:24px;--host-font:"Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}[data-host-brightness=light]{--host-page:#f3f3f1;--host-surface:#fff;--host-raised:#e8e8e5;--host-text:#5c5c58;--host-text-quiet:#9c9c97;--host-line:#e4e4e0;--host-icon-bg:#ecece9;--host-hero:#e5e5e2;--host-on-hero:#55554f;--host-chrome:#fbfbfa;--slot-outline:#4a64e8;--slot-label-bg:#4a64e8;--slot-label-text:#fff}[data-host-brightness=dark]{--host-page:#121213;--host-surface:#1c1c1e;--host-raised:#262628;--host-text:#9a9a9e;--host-text-quiet:#5f5f64;--host-line:#29292c;--host-icon-bg:#242427;--host-hero:#232325;--host-on-hero:#a3a3a7;--host-chrome:#161618;--slot-outline:#8c9dff;--slot-label-bg:#8c9dff;--slot-label-text:#0e1330}.canvas__frame[data-host-brightness],.preview-device[data-host-brightness]{background:var(--host-page);color:var(--host-text)}.canvas__frame[data-host-brightness]>.device-home{z-index:1;position:absolute;inset-block-end:0;inset-inline:0}.canvas__frame[data-host-brightness] .device-home__bar{opacity:.55}.place-host{background:var(--host-page);min-block-size:0;color:var(--host-text);font-family:var(--host-font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-align:start;flex-direction:column;flex:1 0 auto;font-size:15px;font-weight:500;line-height:1.25;display:flex;position:relative;overflow:clip}.place-host__body{gap:var(--host-gap);padding:6px var(--host-gutter) 120px;flex-direction:column;flex:1 0 auto;display:flex}.place-host__body>*,.place-host__part>*,.place-host__after>*{flex-shrink:0}.place-host__part{display:contents}.place-host__after{gap:var(--host-gap);flex-direction:column;flex:none;display:flex}.place-host[data-place-surface=canvas] .place-host__after{block-size:0}.place-host[data-place-surface=device]{flex:auto;overflow:hidden}.place-host[data-place-surface=device]>.place-host__body{overscroll-behavior:contain;flex:auto;min-block-size:0;overflow:hidden auto}.place-host__part,.place-host__after,.place-host__bottom{pointer-events:none;-webkit-user-select:none;user-select:none}.place-host__slot{margin-inline:calc(var(--host-gutter) * -1);flex:none;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.place-host__slot>.canvas-node,.place-host__slot>.preview-document>.canvas-node[data-node-type=Screen],.place-host__slot>.preview-document{flex:none;grid-area:1/1;min-block-size:0;min-inline-size:0}.place-host .place-host__slot .canvas-node>.preview-screen{flex:none}.place-host[data-place-surface] .place-host__slot .preview-screen__body{flex:none;overflow:visible;container-type:normal}.place-host__slot[data-marks]{outline:var(--slot-outline-width) dashed var(--slot-outline);outline-offset:-5px;border-radius:var(--slot-radius)}.place-host__key{z-index:2;background:var(--slot-label-bg);color:var(--slot-label-text);font:600 11px/1 var(--app-font-family-mono,ui-monospace, monospace);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:6px;padding:4px 8px;position:absolute;inset-block-start:-16px;inset-inline-start:10px}.place-host__slot[data-empty]{min-block-size:96px}.place-host__slot[data-empty]>.canvas-node{background:0 0!important}.place-host__stub{background:color-mix(in srgb, var(--slot-outline) 7%, transparent);color:var(--slot-outline);text-align:center;pointer-events:none;z-index:1;border-radius:22px;flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex;position:relative}.place-host__stub-hint{opacity:.8;font-size:13px;font-weight:500}.place-host__icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;block-size:22px;inline-size:22px}.place-host__icon--sm{block-size:16px;inline-size:16px}.place-host__quiet{color:var(--host-text-quiet)}.place-host__small{font-size:13px;font-weight:400}.place-host__strong{font-size:17px;font-weight:600}.place-host__ellipsis{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.place-host s{color:var(--host-text-quiet);margin-inline-start:.3em;font-size:.85em;font-weight:500}.place-host__top{align-items:center;gap:12px;min-block-size:44px;display:flex}.place-host__top--nav,.place-host__top--title{justify-content:space-between}.place-host__top-pair{gap:8px;min-inline-size:40px;display:flex}.place-host__top-icon{border:1px solid var(--host-line);border-radius:var(--host-radius-pill);background:var(--host-surface);flex:none;place-items:center;block-size:40px;inline-size:40px;display:grid;position:relative}.place-host__badge{border:2px solid var(--host-page);border-radius:var(--host-radius-pill);background:var(--host-text);block-size:18px;min-inline-size:18px;color:var(--host-surface);place-items:center;padding-inline:5px;font-size:11px;font-weight:700;display:grid;position:absolute;inset-block-start:-3px;inset-inline-end:-3px}.place-host__loc,.place-host__hello{flex-direction:column;flex:1;gap:2px;min-inline-size:0;display:flex}.place-host__loc-addr{align-items:center;gap:2px;min-inline-size:0;display:flex}.place-host__avatar{border-radius:var(--host-radius-pill);background:var(--host-raised);flex:none;place-items:center;block-size:40px;inline-size:40px;font-size:14px;font-weight:600;display:grid}.place-host__h1{letter-spacing:-.02em;font-size:30px;font-weight:700}.place-host__search{block-size:var(--host-control-height);border:1px solid var(--host-line);border-radius:var(--host-radius-tile);background:var(--host-surface);color:var(--host-text-quiet);align-items:center;gap:10px;padding-inline:14px;display:flex}.place-host__chips{gap:8px;display:flex}.place-host__chips--row{margin-inline:calc(var(--host-gutter) * -1);padding-inline:var(--host-gutter);flex-wrap:nowrap;overflow:hidden}.place-host__chip{border:1px solid var(--host-line);border-radius:var(--host-radius-pill);background:var(--host-surface);white-space:nowrap;flex:none;padding:8px 14px;font-size:14px}.place-host__chip[data-on]{background:var(--host-raised);font-weight:600}.place-host__sec-head{justify-content:space-between;gap:12px;margin-block-start:4px;font-size:17px;font-weight:600;display:flex}.place-host__sec-aside{font-size:14px;font-weight:500}.place-host__list{border:1px solid var(--host-line);border-radius:var(--host-radius-card);background:var(--host-surface);padding:4px 14px}.place-host__row{border-block-end:1px solid var(--host-line);align-items:center;gap:12px;padding-block:11px;display:flex}.place-host__row:last-child{border-block-end:0}.place-host__row--spec{justify-content:space-between}.place-host__row-icon{border-radius:var(--host-radius-pill);background:var(--host-icon-bg);flex:none;place-items:center;block-size:40px;inline-size:40px;display:grid}.place-host__row-icon .place-host__shape{background:var(--host-text-quiet);block-size:20px;inline-size:20px}.place-host__row-icon .place-host__shape--b{border-radius:5px}.place-host__row-mid{flex-direction:column;flex:1;gap:3px;min-inline-size:0;display:flex}.place-host__row-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.place-host__row-sub,.place-host__item-sub{color:var(--host-text-quiet);font-size:12.5px;font-weight:400}.place-host__amount{white-space:nowrap;flex:none;font-weight:600}.place-host__status{border-radius:var(--host-radius-pill);background:var(--host-raised);white-space:nowrap;flex:none;padding:4px 10px;font-size:13px;font-weight:600}.place-host__shape{background:var(--host-surface);display:block}.place-host__shape--a{aspect-ratio:1;border-radius:var(--host-radius-pill);inline-size:46%}.place-host__shape--b{aspect-ratio:1;border-radius:14px;inline-size:40%;rotate:12deg}.place-host__shape--c{aspect-ratio:2.2;border-radius:var(--host-radius-pill);inline-size:58%}.place-host__shape--d{clip-path:polygon(50% 0,100% 100%,0 100%);block-size:46px;inline-size:52px}.place-host__items{grid-template-columns:1fr 1fr;gap:12px;display:grid}.place-host__item{border:1px solid var(--host-line);border-radius:var(--host-radius-card);background:var(--host-surface);flex-direction:column;gap:4px;min-inline-size:0;padding:8px 8px 12px;display:flex}.place-host__item-img{aspect-ratio:1.25;border-radius:var(--host-radius-thumb);background:var(--host-raised);place-items:center;margin-block-end:6px;display:grid;overflow:hidden}.place-host__item-name{white-space:nowrap;text-overflow:ellipsis;padding-inline:4px;font-size:14.5px;font-weight:600;overflow:hidden}.place-host__item-sub{padding-inline:4px}.place-host__item-row{justify-content:space-between;align-items:center;gap:6px;margin-block-start:4px;padding-inline:4px;display:flex}.place-host__item-price{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;font-weight:700;overflow:hidden}.place-host__item-add{border-radius:var(--host-radius-pill);background:var(--host-raised);flex:none;place-items:center;block-size:32px;inline-size:32px;display:grid}.place-host__item-add .place-host__icon{block-size:18px;inline-size:18px}.place-host__feed{border:1px solid var(--host-line);border-radius:var(--host-radius-hero);background:var(--host-surface);overflow:hidden}.place-host__feed-img{background:var(--host-raised);place-items:center;block-size:112px;display:grid}.place-host__feed-img .place-host__shape--a{inline-size:84px}.place-host__feed-img .place-host__shape--c{inline-size:140px}.place-host__feed-body{flex-direction:column;gap:4px;padding:14px 16px 16px;display:flex}.place-host__feed-title{font-size:16px;font-weight:600;line-height:1.25}.place-host__feed-sub{color:var(--host-text-quiet);font-size:13px;font-weight:400}.place-host__photo{border-radius:var(--host-radius-hero);background:var(--host-hero);place-items:center;block-size:300px;display:grid;position:relative}.place-host__photo .place-host__shape{inline-size:44%}.place-host__dots{justify-content:center;gap:6px;display:flex;position:absolute;inset-block-end:14px;inset-inline:0}.place-host__dots i{border-radius:var(--host-radius-pill);background:var(--host-on-hero);opacity:.35;block-size:6px;inline-size:6px}.place-host__dots i[data-on]{opacity:.9;inline-size:18px}.place-host__info{flex-direction:column;gap:6px;display:flex}.place-host__title{letter-spacing:-.015em;font-size:24px;font-weight:700}.place-host__big-price{margin-block-start:2px;font-size:22px;font-weight:700}.place-host__desc{margin:0;font-weight:400;line-height:1.5}.place-host__hero,.place-host__plastic{background:var(--host-hero);color:var(--host-on-hero);flex-direction:column;display:flex}.place-host__hero{border-radius:var(--host-radius-hero);gap:8px;padding:18px 18px 16px}.place-host__hero-cap{opacity:.8;font-size:13px;font-weight:400}.place-host__hero-amount{letter-spacing:-.02em;font-size:34px;font-weight:700}.place-host__cents{opacity:.7;font-size:22px}.place-host__hero-row,.place-host__plastic-row,.place-host__card-balance{justify-content:space-between;align-items:center;display:flex}.place-host__hero-chip{border-radius:var(--host-radius-pill);opacity:.6;border:1px solid;padding:3px 9px;font-size:12px}.place-host__quick{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.place-host__quick[data-count="3"]{grid-template-columns:repeat(3,1fr)}.place-host__quick-item{flex-direction:column;align-items:center;gap:6px;font-size:12px;display:flex}.place-host__quick-tile{border:1px solid var(--host-line);border-radius:var(--host-radius-tile);background:var(--host-surface);place-items:center;block-size:52px;inline-size:52px;display:grid}.place-host__summary{border:1px solid var(--host-line);border-radius:var(--host-radius-card);background:var(--host-surface);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.place-host__summary-text{flex-direction:column;gap:4px;display:flex}.place-host__summary-amount{font-size:28px;font-weight:700}.place-host__pill-button{border-radius:var(--host-radius-pill);background:var(--host-raised);padding:9px 16px;font-size:14px;font-weight:600}.place-host__plastic{aspect-ratio:1.586;border-radius:var(--host-radius-card);justify-content:space-between;padding:18px 20px}.place-host__plastic-system{letter-spacing:.12em;opacity:.7;font-size:12px}.place-host__plastic-chip{opacity:.22;background:currentColor;border-radius:7px;block-size:30px;inline-size:40px}.place-host__plastic-number{letter-spacing:.08em;font-size:20px}.place-host__plastic-small{opacity:.75;font-size:13px}.place-host__card-balance{align-items:baseline;padding-inline:4px}.place-host__card-amount{font-size:24px;font-weight:600}.place-host__bottom{position:absolute;inset-block-end:0;inset-inline:0}.place-host__tabbar{border-block-start:1px solid var(--host-line);background:var(--host-chrome);grid-template-columns:repeat(5,1fr);block-size:86px;padding:8px 8px 0;display:grid}.place-host__tabbar[data-count="4"]{grid-template-columns:repeat(4,1fr)}.place-host__tab{min-inline-size:0;color:var(--host-text-quiet);white-space:nowrap;flex-direction:column;align-items:center;gap:4px;font-size:10.5px;font-weight:400;display:flex}.place-host__tab[data-on]{color:var(--host-text);font-weight:600}.place-host__buybar{block-size:96px;padding:12px var(--host-gutter) 0;border-block-start:1px solid var(--host-line);background:var(--host-chrome);align-items:flex-start;gap:14px;display:flex}.place-host__buy-price{flex-direction:column;gap:1px;display:flex}.place-host__buy-button{block-size:var(--host-control-height);border-radius:var(--host-radius-pill);background:var(--host-text);color:var(--host-surface);flex:1;place-items:center;font-size:16px;font-weight:600;display:grid}.canvas__frame[data-block-view=alone]>.canvas-node,.canvas__frame[data-block-view=alone]>.canvas-node>.preview-screen{flex:none}.canvas__frame[data-block-view=alone]{border-radius:var(--app-radius-md)}.place-host__slot[data-empty] .canvas-node__empty{visibility:hidden}.play{inset:var(--app-space-none);z-index:var(--app-z-index-overlay);grid-template-rows:auto minmax(var(--app-space-none), 1fr);background:var(--app-color-bg);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-md);line-height:var(--app-font-line-height);display:grid;position:fixed;container:play/inline-size}.play:focus{outline:none}.play__bar{grid-template-columns:minmax(var(--app-space-none), 1fr) auto;gap:var(--app-space-sm) var(--app-space-lg);padding:var(--app-space-md) var(--app-space-lg);border-block-end:var(--app-size-border) solid var(--app-color-border);background:var(--app-color-bg-raised);align-items:start;display:grid;position:relative}.play__heading{gap:var(--app-space-xs) var(--app-space-md);min-inline-size:var(--app-space-none);flex-wrap:wrap;align-items:baseline;display:flex}.play__title{margin:var(--app-space-none);font-size:var(--app-font-size-lg);font-weight:var(--app-font-weight-semibold)}.play__screen{margin:var(--app-space-none);font-weight:var(--app-font-weight-medium)}.play__note{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.play__actions{gap:var(--app-space-sm);flex-wrap:wrap;justify-content:flex-end;display:flex}.play__controls{grid-column:1/-1}.play-controls{gap:var(--app-space-sm) var(--app-space-lg);flex-wrap:wrap;align-items:center;display:flex}.play-controls__flow{gap:var(--app-space-sm);display:flex}.play-controls__flow .ui-tool-button{white-space:nowrap;inline-size:auto}.play-controls__setting{gap:var(--app-space-sm);align-items:center;display:flex}.play-controls__label,.play-controls__locale>span{color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.play__bar .scenario-menu{position:static}.play__bar .scenario-menu__panel{max-inline-size:calc(100cqi - 2 * var(--app-space-lg));inset-block-start:calc(100% - var(--app-space-sm));inset-inline-start:var(--app-space-lg)}.play__body{grid-template-columns:minmax(var(--app-space-none), 1fr) var(--app-size-inspector-width);min-block-size:var(--app-space-none);display:grid}.play__stage{min-block-size:var(--app-space-none);padding:var(--app-space-lg);background:var(--app-color-canvas-bg);place-items:center;display:grid;position:relative;overflow:auto}.play-events{gap:var(--app-space-sm);min-block-size:var(--app-space-none);padding:var(--app-space-md) var(--app-space-lg);border-inline-start:var(--app-size-border) solid var(--app-color-border);background:var(--app-color-bg-raised);flex-direction:column;display:flex}.play-events__title{margin:var(--app-space-none);font-size:var(--app-font-size-md);font-weight:var(--app-font-weight-semibold)}.play-events__empty{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.play-events__list{gap:var(--app-space-xs);min-block-size:var(--app-space-none);margin:var(--app-space-none);padding:var(--app-space-none);flex-direction:column;flex:auto;list-style:none;display:flex;overflow:auto}.play-events__item{padding:var(--app-space-xs) var(--app-space-sm);border-inline-start:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-sm);background:var(--app-color-bg-sunken);font-size:var(--app-font-size-sm);overflow-wrap:anywhere}.play-events__item[data-kind=screen]{color:var(--app-color-text-muted)}.play-events__item[data-kind=track]{border-inline-start-color:var(--app-color-accent)}.play-events__item[data-tone=blocked]{border-inline-start-color:var(--app-color-warning)}@container play (width<=959px){.play__body{grid-template-columns:minmax(var(--app-space-none), 1fr);grid-template-rows:minmax(var(--app-space-none), 3fr) minmax(var(--app-space-none), 1fr)}.play-events{border-block-start:var(--app-size-border) solid var(--app-color-border);border-inline-start:none}}.play[data-bare=true] .play__bar{grid-template-columns:minmax(var(--app-space-none), 1fr);padding-block:var(--app-space-sm)}.play[data-bare=true] .play__body{grid-template-columns:minmax(var(--app-space-none), 1fr);grid-template-rows:minmax(var(--app-space-none), 1fr)}.play[data-bare=true] .play__stage{padding:var(--app-space-none)}.editor-tour{inset:var(--app-space-none);z-index:var(--app-z-index-overlay);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-md);line-height:var(--app-font-line-height);position:fixed}.editor-tour[data-spot=false],.editor-tour__shade{background:color-mix(in srgb, var(--app-color-bg-sunken) 70%, transparent)}.editor-tour__shade{position:absolute}.editor-tour__spot{border-radius:var(--app-radius-lg);outline:var(--app-space-hair) solid var(--app-color-accent);pointer-events:none;position:absolute}.editor-tour__card{gap:var(--app-space-sm);inline-size:min(var(--app-size-form-width), calc(100% - 2 * var(--app-space-lg)));padding:var(--app-space-lg) var(--app-space-xl);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-medium);box-sizing:border-box;flex-direction:column;display:flex;position:absolute;inset-block-start:50%;inset-inline-start:50%}.editor-tour__card[data-placed=false]{translate:-50% -50%}.editor-tour__card[data-placed=true]{inset-block-start:auto;inset-inline-start:auto}.editor-tour__progress{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.editor-tour__title{margin:var(--app-space-none);font-size:var(--app-font-size-lg);font-weight:var(--app-font-weight-semibold)}.editor-tour__body{margin:var(--app-space-none);color:var(--app-color-text)}.editor-tour__actions{justify-content:flex-end;gap:var(--app-space-sm);flex-wrap:wrap;margin-block-start:var(--app-space-xs);display:flex}.editor-tour-help{flex:none;display:inline-flex;position:relative}.editor-tour-help__menu{z-index:var(--app-z-index-overlay);padding:var(--app-space-xs);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-md);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-medium);flex-direction:column;display:flex;position:absolute;inset-block-start:calc(100% + var(--app-space-xs));inset-inline-end:var(--app-space-none)}.editor-tour-help__item{padding:var(--app-space-sm) var(--app-space-md);border-radius:var(--app-radius-sm);color:var(--app-color-text);font:inherit;font-size:var(--app-font-size-md);text-align:start;white-space:nowrap;cursor:pointer;background:0 0;border:none;text-decoration:none}.editor-tour-help__item:hover{background:var(--app-color-hover)}.editor-tour-help__item:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:calc(-1 * var(--app-space-hair))}.editor-tour--task{pointer-events:none}.editor-tour--task .editor-tour__shade,.editor-tour--task .editor-tour__card{pointer-events:auto}.editor-tour--task[data-shade=full]{background:color-mix(in srgb, var(--app-color-bg-sunken) 70%, transparent);pointer-events:auto}.editor-tour--task[data-shade=none]{z-index:calc(var(--app-z-index-overlay) + 1)}.editor-tour__card:focus{outline:none}.editor-tour__card[data-placed=corner]{inset-block-start:auto;inset-block-end:var(--app-space-lg);inset-inline-start:auto;inset-inline-end:var(--app-space-lg)}.workspace-rail{min-block-size:var(--app-space-none);border-inline-end:var(--app-size-border) solid var(--app-color-border);background:var(--app-color-bg-raised);overflow:auto}.workspace-rail__list{align-items:center;gap:var(--app-space-xs);padding:var(--app-space-md) var(--app-space-none);margin:var(--app-space-none);flex-direction:column;list-style:none;display:flex}.workspace-rail__item{display:block}.workspace-rail__button{justify-content:center;align-items:center;gap:var(--app-space-xs);inline-size:calc(var(--app-size-rail-width) - 2 * var(--app-space-sm));block-size:calc(var(--app-space-xxxl) + var(--app-space-xs));padding:var(--app-space-none);border-radius:var(--app-radius-lg);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);cursor:pointer;background:0 0;border:0;flex-direction:column;line-height:1;display:flex}.workspace-rail__button:hover{background:var(--app-color-bg-raised2);color:var(--app-color-text)}.workspace-rail__button[data-open=true]{background:var(--app-color-hover);color:var(--app-color-accent)}.workspace-rail__button:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.workspace-rail__icon{inline-size:var(--app-size-icon-md);block-size:var(--app-size-icon-md);flex:none}.workspace-rail__caption{white-space:nowrap}.publish-confirm__changes,.publish-confirm__promises{gap:var(--app-space-xs);flex-direction:column;display:flex}.publish-confirm__note{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.publish-confirm__list{margin:var(--app-space-none);gap:var(--app-space-xs);overflow-wrap:anywhere;flex-direction:column;padding-inline-start:var(--app-space-xl);display:flex}.document-tree{min-block-size:var(--app-space-none);background:var(--app-color-bg-raised);display:grid}.document-tree__body{min-block-size:var(--app-space-none);overflow:auto}.document-tree__search{padding-block:var(--app-space-md) var(--app-space-sm);padding-inline:var(--app-space-md)}.document-tree__search-label{color:var(--app-color-text-muted);font-size:var(--app-font-size-sm);margin-block-end:calc(var(--app-space-xs) + var(--app-space-hair));display:block}.document-tree__search-field{align-items:center;gap:var(--app-space-xs);display:flex}.ui-field.document-tree__search-input{flex:1 1 var(--app-space-none)}.document-tree__search-input::-webkit-search-cancel-button{display:none}.document-tree__status{margin:var(--app-space-none);padding-block-end:var(--app-space-sm);padding-inline:var(--app-space-md);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height)}.document-tree__rows{gap:var(--app-size-border);padding-block:var(--app-space-xs) var(--app-space-lg);padding-inline:var(--app-space-sm);flex-direction:column;display:flex}.document-tree__chevron:before{content:"›";color:var(--app-color-text-muted);line-height:1;display:block}.document-tree__row[aria-expanded=true] .document-tree__chevron:before{transform:rotate(90deg)}.document-tree__row{--row-bg:transparent;align-items:center;gap:var(--app-space-xs);box-sizing:border-box;block-size:calc(var(--app-size-control-height) - var(--app-space-xs));padding-block:var(--app-space-none);padding-inline:calc(var(--app-space-xs) + var(--tree-depth,0) * var(--app-space-md)) var(--app-space-sm);border-radius:var(--app-radius-sm);color:var(--app-color-text);font-size:var(--app-font-size-md);line-height:var(--app-font-line-height);white-space:nowrap;cursor:pointer;background:0 0;background:var(--row-bg);border:0;display:flex;position:relative}.document-tree__row:before{content:"";inline-size:calc(var(--tree-depth,0) * var(--app-space-md));background-image:repeating-linear-gradient(to right, var(--app-color-border) 0, var(--app-color-border) var(--app-size-border), transparent var(--app-size-border), transparent var(--app-space-md));pointer-events:none;position:absolute;inset-block:0;inset-inline-start:calc(var(--app-space-xs) + var(--app-space-md) / 2)}.document-tree__row:hover{--row-bg:var(--app-color-hover)}.document-tree__row[data-selected=true]{--row-bg:var(--app-color-hover);box-shadow:inset var(--app-space-hair) 0 0 0 var(--app-color-accent)}.document-tree__row[data-selected=true] .ui-widget-icon{color:var(--app-color-accent)}.document-tree__row[data-dragging=true]{opacity:.4}.document-tree__row[data-drop=inside]{--row-bg:var(--app-color-selection);box-shadow:inset 0 0 0 var(--app-space-hair) var(--app-color-accent)}.document-tree__row[data-drop=before]:after,.document-tree__row[data-drop=after]:after{content:"";inset-inline:calc(var(--app-space-xs) + var(--tree-depth,0) * var(--app-space-md)) 0;block-size:var(--app-space-hair);border-radius:var(--app-radius-pill);background:var(--app-color-accent);pointer-events:none;position:absolute}.document-tree__row[data-drop=before]:after{inset-block-start:calc(var(--app-space-hair) * -1)}.document-tree__row[data-drop=after]:after{inset-block-end:calc(var(--app-space-hair) * -1)}.document-tree__row[data-drop-allowed=false]{cursor:not-allowed}.document-tree__row[data-drop-allowed=false]:after{background:var(--app-color-danger)}.document-tree__row[data-drop=inside][data-drop-allowed=false]{--row-bg:var(--app-color-danger-soft);box-shadow:inset 0 0 0 var(--app-space-hair) var(--app-color-danger)}.document-tree__row:focus-visible{outline:var(--app-size-border) solid var(--app-color-accent);outline-offset:calc(var(--app-space-hair) * -1)}.document-tree__row[data-search=context]{color:var(--app-color-text-muted)}.document-tree__row[data-search=match] .document-tree__label{font-weight:var(--app-font-weight-medium);color:var(--app-color-accent)}.document-tree__row[data-foreign=true]{border-inline-start:var(--app-size-border) solid var(--app-color-border-strong)}.document-tree__toggle{inline-size:var(--app-space-lg);block-size:var(--app-space-lg);padding:var(--app-space-none);border-radius:var(--app-radius-sm);color:inherit;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:flex}.document-tree__toggle:focus-visible{outline:var(--app-size-border) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.document-tree__toggle:hover{background:var(--app-color-border)}.document-tree__toggle--leaf{cursor:default}.document-tree__text{align-items:center;gap:var(--app-space-xs);min-inline-size:var(--app-space-none);flex:0 auto;display:flex}.document-tree__label{text-overflow:ellipsis;max-inline-size:100%;color:var(--app-color-text);font-weight:var(--app-font-weight-medium);flex:none;overflow:hidden}.document-tree__text:has(.document-tree__rename){flex:auto}.document-tree__rename{min-inline-size:var(--app-space-none);flex:auto}.document-tree__detail{min-inline-size:var(--app-space-none);text-overflow:ellipsis;color:var(--app-color-text-muted);overflow:hidden}.document-tree__mark{color:var(--app-color-danger);font-weight:var(--app-font-weight-bold);flex:none}.document-tree__detail[data-binding=true]{color:var(--app-color-accent);font-family:var(--app-font-family-mono);font-size:var(--app-font-size-xs)}.document-tree__actions{gap:var(--app-space-hair);border-radius:var(--app-radius-sm);background:var(--row-bg);visibility:hidden;padding-inline-start:var(--app-space-sm);display:flex;position:absolute;inset-inline-end:var(--app-space-xs)}.document-tree__row[data-actions=true]:hover,.document-tree__row[data-actions=true]:focus-within,.document-tree__row[data-actions=true][data-selected=true]{padding-inline-end:calc(2 * (var(--app-size-control-height) - var(--app-space-xs)) + var(--app-space-hair) + var(--app-space-sm) + var(--app-space-xs))}.document-tree__row:hover .document-tree__actions,.document-tree__row:focus-within .document-tree__actions,.document-tree__row[data-selected=true] .document-tree__actions{visibility:visible}.ui-icon-button.document-tree__action:focus-visible{outline-offset:calc(var(--app-space-hair) * -1)}.document-tree__action-icon{inline-size:var(--app-space-lg);block-size:var(--app-space-lg);fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.history{min-block-size:var(--app-space-none);min-inline-size:var(--app-space-none);background:var(--app-color-bg);flex-direction:column;display:flex;overflow:hidden}.history__head{gap:var(--app-space-sm) var(--app-space-lg);padding-block:var(--app-space-lg) var(--app-space-md);padding-inline:calc(var(--app-space-lg) + var(--app-space-xs));border-block-end:var(--app-size-border) solid var(--app-color-border);flex-wrap:wrap;align-items:center;display:flex}.history__heading{flex:1 1 calc(var(--app-space-xxxl) * 5);min-inline-size:var(--app-space-none)}.history__title{margin:var(--app-space-none);color:var(--app-color-text);font-size:var(--app-font-size-lg);font-weight:var(--app-font-weight-semibold)}.history__intro{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height)}.history__head .ui-tool-button,.history__diff-head .ui-tool-button,.history__confirm .ui-tool-button{inline-size:auto}.history__body{grid-template-columns:calc(var(--app-size-inspector-width) - var(--app-space-sm)) minmax(0, 1fr);min-block-size:var(--app-space-none);flex:auto;display:grid;overflow:hidden}.history__versions,.history__diff{min-block-size:var(--app-space-none);min-inline-size:var(--app-space-none);flex-direction:column;display:flex;overflow-y:auto}.history__versions{gap:var(--app-space-lg);padding:var(--app-space-lg);border-inline-end:var(--app-size-border) solid var(--app-color-border)}.history__diff{gap:var(--app-space-md);padding:var(--app-space-lg) calc(var(--app-space-lg) + var(--app-space-xs))}.history__now{gap:var(--app-space-sm);flex-direction:column;display:flex}.history__now-card{gap:var(--app-space-sm);padding:var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);flex-direction:column;display:flex}.history__dot{inline-size:var(--app-space-sm);block-size:var(--app-space-sm);border-radius:var(--app-radius-pill);background:var(--app-color-text-faint);flex:none}.history__dot[data-tone=success]{background:var(--app-color-success)}.history__dot[data-tone=warning]{background:var(--app-color-warning)}.history__published{align-items:center;gap:var(--app-space-sm);inline-size:100%;margin-block:calc(var(--app-space-xs) * -1);padding:var(--app-space-xs);border:var(--app-size-border) solid transparent;border-radius:var(--app-radius-sm);color:var(--app-color-text);font:inherit;font-size:var(--app-font-size-md);text-align:start;cursor:pointer;background:0 0;display:flex}.history__published:hover{border-color:var(--app-color-border-strong)}.history__published[aria-pressed=true]{border-color:var(--app-color-accent);background:var(--app-color-hover)}.history__published:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.history__draft{align-items:center;gap:var(--app-space-sm);margin:var(--app-space-none);color:var(--app-color-text);font-size:var(--app-font-size-md);display:flex}.history__ahead{margin:var(--app-space-none);color:var(--app-color-warning);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-semibold);line-height:var(--app-font-line-height)}.history__count,.history__detached,.history__prompt,.history__summary,.history__restored{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.history__summary{column-gap:var(--app-space-xs);flex-wrap:wrap;display:flex}.history__summary-part:not(:last-child):after{content:"·";margin-inline-start:var(--app-space-xs)}.history__count-line{margin-block-end:calc(var(--app-space-xs) * -1)}.history__restored{padding:var(--app-space-sm) var(--app-space-md);border-radius:var(--app-radius-md);background:var(--app-color-hover);color:var(--app-color-text)}.history__list{gap:calc(var(--app-space-xs) + var(--app-space-hair));margin:var(--app-space-none);padding:var(--app-space-none);flex-direction:column;list-style:none;display:flex}.history__version{column-gap:var(--app-space-sm);row-gap:var(--app-space-hair);box-sizing:border-box;inline-size:100%;padding:calc(var(--app-space-sm) + var(--app-space-hair)) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);color:var(--app-color-text);font:inherit;font-size:var(--app-font-size-md);text-align:start;cursor:pointer;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"date size""author size";align-items:center;display:grid}.history__version:hover{border-color:var(--app-color-border-strong)}.history__version:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.history__version[aria-pressed=true]{border-color:var(--app-color-accent);background:var(--app-color-hover)}.history__version .history__date{font-weight:var(--app-font-weight-medium);text-overflow:ellipsis;white-space:nowrap;grid-area:date;overflow:hidden}.history__version .history__author{grid-area:author}.history__size{color:var(--app-color-text-muted);font-family:var(--app-font-family-mono);font-size:var(--app-font-size-xs);font-variant-numeric:tabular-nums;grid-area:size}.history__diff-head{align-items:center;gap:var(--app-space-md);flex-wrap:wrap;display:flex}.history__diff-heading{flex:1 1 var(--app-space-none);min-inline-size:var(--app-space-none)}.history__diff-title{margin:var(--app-space-none);color:var(--app-color-text);font-size:var(--app-font-size-lg);font-weight:var(--app-font-weight-semibold)}.history__confirm{align-items:center;gap:var(--app-space-md);padding:calc(var(--app-space-sm) + var(--app-space-hair)) calc(var(--app-space-md) + var(--app-space-hair));border:var(--app-size-border) solid var(--app-color-warning);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);color:var(--app-color-text);font-size:var(--app-font-size-md);flex-wrap:wrap;display:flex}.history__confirm p{flex:1 1 calc(var(--app-space-xxxl) * 4);margin:var(--app-space-none)}.history__confirm-actions{gap:var(--app-space-sm);display:flex}.history__changes{gap:var(--app-space-sm);margin:var(--app-space-none);padding:var(--app-space-none);flex-direction:column;list-style:none;display:flex}.history__change{align-items:flex-start;gap:var(--app-space-md);padding:calc(var(--app-space-sm) + var(--app-space-xs)) calc(var(--app-space-md) + var(--app-space-hair));border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);color:var(--app-color-text);font-size:var(--app-font-size-md);line-height:var(--app-font-line-height);display:flex}.history__field-key{font-family:var(--app-font-family-mono)}.history__change-text{min-inline-size:var(--app-space-none);font-weight:var(--app-font-weight-medium);overflow-wrap:anywhere}.ui-badge.history__kind{min-inline-size:calc(var(--app-space-xxxl) + var(--app-space-sm));text-align:center}.history__author{color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.json-io{grid-template-columns:minmax(0, 1fr) calc(var(--app-size-inspector-width) + var(--app-space-md));block-size:100%;min-block-size:var(--app-space-none);background:var(--app-color-bg);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"header header""status side""viewer side""import side";display:grid;overflow:hidden}.json-io__header{align-items:center;gap:var(--app-space-md);padding-block:var(--app-space-lg) var(--app-space-md);padding-inline:calc(var(--app-space-lg) + var(--app-space-xs));border-block-end:var(--app-size-border) solid var(--app-color-border);flex-wrap:wrap;grid-area:header;display:flex}.json-io__heading{flex:1 1 var(--app-space-none);min-inline-size:var(--app-space-none)}.json-io__title{margin:var(--app-space-none);font-size:var(--app-font-size-lg);font-weight:var(--app-font-weight-semibold);color:var(--app-color-text)}.json-io__status{padding-block:var(--app-space-sm) var(--app-space-none);padding-inline:calc(var(--app-space-lg) + var(--app-space-xs));grid-area:status}.json-io>.json-view{min-block-size:var(--app-space-none);border-radius:var(--app-radius-none);border:0;grid-area:viewer}.json-io__import{max-block-size:calc(var(--app-space-xxxl) * 6);padding:var(--app-space-lg) calc(var(--app-space-lg) + var(--app-space-xs));border-block-start:var(--app-size-border) solid var(--app-color-border);grid-area:import;overflow:auto}.json-io__side{gap:var(--app-space-md);min-block-size:var(--app-space-none);padding:var(--app-space-lg);border-inline-start:var(--app-size-border) solid var(--app-color-border);background:var(--app-color-bg);flex-direction:column;grid-area:side;display:flex;overflow:auto}.json-io__section{gap:var(--app-space-sm);min-inline-size:var(--app-space-none);flex-direction:column;display:flex}.json-io__actions{gap:var(--app-space-sm);flex-wrap:wrap;align-items:center;display:flex}.json-io__actions .ui-tool-button{inline-size:auto}.json-io__ok{margin:var(--app-space-none);color:var(--app-color-success);font-size:var(--app-font-size-sm)}.json-io__file:has(:focus-visible){outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.json-io__file{align-items:center;gap:var(--app-space-xs);min-block-size:var(--app-size-control-height);box-sizing:border-box;padding:var(--app-space-xs) var(--app-space-md);border:var(--app-size-border) dashed var(--app-color-border-strong);border-radius:var(--app-radius-md);color:var(--app-color-text-muted);font-size:var(--app-font-size-md);cursor:pointer;display:inline-flex}.json-io__file:hover{border-color:var(--app-color-accent);color:var(--app-color-text)}.json-io__file input{inline-size:var(--app-space-none);block-size:var(--app-space-none);opacity:0}.ui-field.json-io__json{font-size:var(--app-font-size-sm);resize:vertical;white-space:pre;overflow-wrap:normal;overflow-x:auto}.json-io__note{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.json-io__note[data-state=over]{color:var(--app-color-warning)}.json-io__error{margin:var(--app-space-none);color:var(--app-color-danger);font-size:var(--app-font-size-sm)}.ui-message.json-io__blocking-error{gap:var(--app-space-xs);padding:var(--app-space-md);flex-direction:column;display:flex}.json-io__report{gap:var(--app-space-sm);flex-direction:column;display:flex}.json-io__report-head{align-items:center;gap:var(--app-space-sm);margin:var(--app-space-none);display:flex}.json-io__report-title{flex:1 1 var(--app-space-none);min-inline-size:var(--app-space-none);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-semibold);letter-spacing:calc(var(--app-font-size-xs) * .06);text-transform:uppercase;color:var(--app-color-text-muted)}.json-io__issues{gap:var(--app-space-sm);padding:var(--app-space-none);margin:var(--app-space-none);flex-direction:column;list-style:none;display:flex}.json-io__issue{gap:var(--app-space-xs);padding:calc(var(--app-space-sm) + var(--app-space-hair)) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);flex-direction:column;display:flex}.json-io__issue-message{margin:var(--app-space-none);color:var(--app-color-text);font-size:var(--app-font-size-md);font-weight:var(--app-font-weight-medium)}.json-io__issue-path{margin:var(--app-space-none);color:var(--app-color-text-muted);font-family:var(--app-font-family-mono);font-size:var(--app-font-size-xs);overflow-wrap:anywhere}.ui-link.json-io__issue-link{font-size:var(--app-font-size-sm);align-self:flex-start;text-decoration:underline}.json-io__issue--row{padding:var(--app-space-none)}.json-io__issue-button{gap:var(--app-space-xs);inline-size:100%;padding:calc(var(--app-space-sm) + var(--app-space-hair)) var(--app-space-md);border:var(--app-size-border) solid transparent;border-radius:var(--app-radius-lg);color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;flex-direction:column;display:flex}.json-io__issue-button:hover{background:var(--app-color-bg-sunken)}.json-io__issue-button:focus-visible{outline:var(--app-size-border) solid var(--app-color-accent);outline-offset:calc(-1 * var(--app-size-border))}.issues-flyout{inset-inline:var(--app-space-none);border-block-start:var(--app-size-border) solid var(--app-color-border-strong);background:var(--app-color-bg-raised);max-block-size:40dvh;box-shadow:var(--app-shadow-medium);z-index:var(--app-z-index-overlay);flex-direction:column;display:flex;position:absolute;inset-block-end:100%}.issues-flyout:focus{outline:none}.issues-flyout__head{padding:var(--app-space-sm) var(--app-space-md) var(--app-space-none);justify-content:flex-end;display:flex}.issues-flyout__body{min-block-size:var(--app-space-none);padding:var(--app-space-sm) var(--app-space-md) var(--app-space-md);overflow-y:auto}.json-view{min-inline-size:var(--app-space-none);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-md);background:var(--app-color-bg-sunken);overflow:auto}.json-view__key{color:var(--app-color-accent)}.json-view__string{color:var(--app-color-success)}.json-view__code{margin:var(--app-space-none);padding-block:var(--app-space-sm);padding-inline:var(--app-space-none);color:var(--app-color-text-muted);font-family:var(--app-font-family-mono);font-size:var(--app-font-size-sm);white-space:pre;overflow-wrap:normal;line-height:1.7}.json-view__line{padding-inline-start:calc(var(--app-space-xxxl) + var(--app-space-sm));padding-inline-end:var(--app-space-sm);position:relative}.json-view__line:before{content:var(--line-number,"");inline-size:var(--app-space-xxxl);color:var(--app-color-text-faint);text-align:end;-webkit-user-select:none;user-select:none;padding-inline-end:var(--app-space-sm);position:absolute;inset-inline-start:var(--app-space-none)}.json-view__line:hover{background:var(--app-color-hover)}.json-view__toggle{inline-size:var(--app-space-md);block-size:var(--app-space-md);padding:var(--app-space-none);color:var(--app-color-text-muted);font-family:var(--app-font-family-mono);font-size:var(--app-font-size-xs);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset-inline-start:calc(var(--app-space-xxxl) + var(--app-space-hair))}.json-view__toggle:before{content:"▾"}.json-view__toggle[aria-expanded=false]:before{content:"▸"}.json-view__toggle:hover{color:var(--app-color-accent)}.json-view__toggle:focus-visible{outline:var(--app-size-border) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.publish-control{align-items:center;gap:var(--app-space-md);min-inline-size:var(--app-space-none);display:flex}.publish-control>:not(.publish-control__lines){flex:none}.publish-control__lines{min-inline-size:var(--app-space-none);flex-direction:column;align-items:flex-end;line-height:1.25;display:flex}.publish-control .ui-tool-button{flex:none;inline-size:auto}.publish-control__text,.publish-control__hint{max-inline-size:100%;margin:var(--app-space-none);font-family:var(--app-font-family);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.publish-control__text{color:var(--app-color-text);font-size:var(--app-font-size-sm)}.ui-link.publish-control__placement{color:var(--app-color-accent);text-align:end}.publish-control__hint{color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.publish-control[data-state=published] .publish-control__text{color:var(--app-color-success)}.publish-control[data-sync=has-unpublished-changes] .publish-control__text{color:var(--app-color-warning)}.publish-control[data-state=rejected] .publish-control__text,.publish-control[data-state=failed] .publish-control__text,.publish-control[data-state=signed_out] .publish-control__text{color:var(--app-color-danger);font-weight:var(--app-font-weight-medium)}.publish-control[data-state=idle][data-sync=never-published] .publish-control__text,.publish-control[data-signed-in=false] .publish-control__text{color:var(--app-color-text-muted);font-weight:var(--app-font-weight-regular)}.localization{gap:var(--app-space-none);min-block-size:var(--app-space-none);min-inline-size:var(--app-space-none);background:var(--app-color-bg);flex-direction:column;display:flex;overflow:hidden}.localization__head{align-items:center;gap:var(--app-space-md);padding:var(--app-space-lg) var(--app-space-xl) var(--app-space-md);border-block-end:var(--app-size-border) solid var(--app-color-border);flex-wrap:wrap;display:flex}.localization__heading{gap:var(--app-space-hair);min-inline-size:var(--app-space-none);flex-direction:column;flex:auto;display:flex}.localization__title{margin:var(--app-space-none);color:var(--app-color-text);font-size:var(--app-font-size-lg);font-weight:var(--app-font-weight-semibold)}.localization__summary{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height)}.localization__actions{align-items:flex-start;gap:var(--app-space-sm);flex:none;display:flex}.localization__actions:has(.localization__form){flex:100%}.localization__actions .localization__form{min-inline-size:var(--app-space-none);flex:auto}.localization__rules{padding:var(--app-space-sm) var(--app-space-xl);border-block-end:var(--app-size-border) solid var(--app-color-border);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height)}.localization__rules-summary{cursor:pointer}.localization__rules-summary:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.localization__rules-text{margin:var(--app-space-xs) var(--app-space-none) var(--app-space-none)}.localization__intro{gap:var(--app-space-lg);padding:var(--app-space-lg) var(--app-space-xl);max-inline-size:calc(var(--app-space-xxxl) * 12);flex-direction:column;display:flex}.localization__intro-text{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height)}.localization__form{gap:var(--app-space-xs);flex-direction:column;display:flex}.localization__form-label{color:var(--app-color-text);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-medium)}.localization__form-row{gap:var(--app-space-sm);align-items:flex-end;display:flex}.localization__picker{gap:var(--app-space-xs);min-inline-size:var(--app-space-none);flex-direction:column;flex:auto;display:flex;position:relative}.ui-field.localization__picker-input{inline-size:100%}.localization__picker-list{inset-block-start:100%;inset-inline:var(--app-space-none);z-index:var(--app-z-index-overlay);max-block-size:calc(var(--app-space-xxxl) * 5);margin:var(--app-space-none);padding:var(--app-space-xs);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-medium);list-style:none;position:absolute;overflow-y:auto}.localization__picker-list[hidden]{display:none}.localization__picker-option{gap:var(--app-space-xs);padding:var(--app-space-xs) var(--app-space-sm);border-radius:var(--app-radius-sm);color:var(--app-color-text);font-size:var(--app-font-size-sm);cursor:pointer;flex-wrap:wrap;align-items:baseline;display:flex}.localization__picker-option:focus-visible,.localization__picker-option[data-active=true]{background:var(--app-color-bg-raised2);outline:var(--app-size-border) solid var(--app-color-accent);outline-offset:calc(var(--app-size-border) * -1)}.localization__picker-option[aria-disabled=true]{color:var(--app-color-text-muted);cursor:not-allowed}.localization__picker-code{font-family:var(--app-font-family-mono)}.localization__picker-native,.localization__picker-note,.localization__picker-empty{color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.localization__picker-empty{padding:var(--app-space-sm)}.localization__picker-note{margin-inline-start:auto}.localization__form-hint.localization__form-explain{color:var(--app-color-text)}.localization__form-hint,.localization__form-error{margin:var(--app-space-none);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height)}.localization__form-hint{color:var(--app-color-text-muted)}.localization__form-error{color:var(--app-color-danger)}.localization__form-hint.localization__form-regional{color:var(--app-color-warning)}.ui-message.localization__regional{margin:var(--app-space-md) var(--app-space-xl) var(--app-space-none)}.localization__orphans{gap:var(--app-space-sm) var(--app-space-md);margin:var(--app-space-md) var(--app-space-xl) var(--app-space-none);padding:var(--app-space-sm) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-warning);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);flex-wrap:wrap;align-items:center;display:flex}.localization__orphans-text{flex:1 1 calc(var(--app-space-xxxl) * 6);margin:var(--app-space-none);color:var(--app-color-text);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height)}.localization__orphans-details{color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.localization__orphans-list{margin:var(--app-space-xs) var(--app-space-none) var(--app-space-none);max-block-size:calc(var(--app-space-xxxl) * 3);padding-inline-start:var(--app-space-lg);overflow:auto}.localization__orphans-key{font-family:var(--app-font-family-mono)}.localization__body{min-block-size:var(--app-space-none);border-block-start:var(--app-size-border) solid var(--app-color-border);flex:auto;margin-block-start:var(--app-space-md);overflow:auto}.localization__table{table-layout:fixed;border-collapse:collapse;font-size:var(--app-font-size-sm);min-inline-size:calc(var(--app-space-xxxl) * 4 * var(--locale-columns,1))}.localization__table thead th{z-index:var(--app-z-index-panel);background:var(--app-color-bg-raised);position:sticky;inset-block-start:var(--app-space-none)}.localization__head-cell{padding:var(--app-space-md) var(--app-space-xl);border-block-end:var(--app-size-border) solid var(--app-color-border);border-inline-start:var(--app-size-border) solid var(--app-color-border);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-medium);text-align:start;vertical-align:middle}.localization__head-cell:first-child{border-inline-start:none}.localization__column{gap:var(--app-space-xs);min-inline-size:calc(var(--app-space-xxxl) * 3);flex-wrap:wrap;align-items:center;display:flex}.localization__locale{color:var(--app-color-text);font-family:var(--app-font-family-mono);font-size:var(--app-font-size-md);font-weight:var(--app-font-weight-medium)}.localization__progress{color:var(--app-color-text-muted);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-regular);flex:100%}.localization__bar{block-size:var(--app-space-xs);border-radius:var(--app-radius-pill);background:var(--app-color-bg-sunken);flex:100%;overflow:hidden}.localization__bar-fill{background:var(--app-color-accent);block-size:100%;display:block}.localization__menu{position:relative}.localization__menu-toggle{padding-block:var(--app-space-none);padding-inline:var(--app-space-xs);border:var(--app-size-border) solid transparent;border-radius:var(--app-radius-sm);color:var(--app-color-text-muted);font-size:var(--app-font-size-md);cursor:pointer;background:0 0;line-height:1}.localization__menu-toggle:hover,.localization__menu-toggle[aria-expanded=true]{border-color:var(--app-color-border-strong);color:var(--app-color-text)}.localization__menu-toggle:focus-visible{outline:var(--app-size-border) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.localization__menu-body{z-index:var(--app-z-index-overlay);gap:var(--app-space-xs);inline-size:calc(var(--app-space-xxxl) * 5);padding:var(--app-space-sm);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-medium);flex-direction:column;display:flex;position:absolute;inset-block-start:100%;inset-inline-start:var(--app-space-none)}.localization__menu-item{padding:var(--app-space-xs) var(--app-space-sm);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-sm);background:var(--app-color-bg-raised);color:var(--app-color-danger);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);text-align:start;cursor:pointer}.localization__menu-item[data-tone=neutral]{color:var(--app-color-text)}.localization__menu-item:hover{border-color:var(--app-color-danger)}.localization__menu-item[data-tone=neutral]:hover{border-color:var(--app-color-border-strong)}.localization__menu-item:focus-visible{outline:var(--app-size-border) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.localization__menu-note{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-regular);line-height:var(--app-font-line-height)}.localization__group-head{padding:var(--app-space-lg) var(--app-space-xl) var(--app-space-xs);background:var(--app-color-bg);text-align:start;position:sticky;inset-inline-start:var(--app-space-none)}.localization__screen{color:var(--app-color-text-muted);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-semibold);letter-spacing:calc(var(--app-font-size-xs) * .06);text-transform:uppercase}.localization__screen-count{color:var(--app-color-text-faint);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-regular);letter-spacing:normal;text-transform:none;margin-inline-start:var(--app-space-sm)}.localization__source,.localization__value{padding:var(--app-space-xs) var(--app-space-sm);border-block-end:var(--app-size-border) solid var(--app-color-border);font-weight:var(--app-font-weight-regular);text-align:start;vertical-align:top}.localization__source{z-index:var(--app-z-index-base);background:var(--app-color-bg);position:sticky;inset-inline-start:var(--app-space-none)}.localization__value{border-inline-start:var(--app-size-border) solid var(--app-color-border)}.localization__empty-screen{padding:var(--app-space-sm) var(--app-space-xl);border-block-end:var(--app-size-border) solid var(--app-color-border);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.localization__cell{gap:var(--app-space-hair);min-inline-size:calc(var(--app-space-xxxl) * 4);flex-direction:column;display:flex}.localization__field{flex-direction:column;display:flex;position:relative}.ui-field.localization__input{padding:var(--app-space-xs) var(--app-space-sm);resize:none;overflow:hidden}.ui-field.localization__input::placeholder{color:var(--app-color-text-muted);font-style:italic}.localization__value .localization__cell[data-empty=true] .localization__input{border-color:var(--app-color-warning);border-style:dashed}.localization__counter{color:var(--app-color-text-muted);font-family:var(--app-font-family-mono);font-size:var(--app-font-size-xs);font-variant-numeric:tabular-nums;text-align:end;pointer-events:none;position:absolute;inset-block-end:var(--app-space-hair);inset-inline-end:var(--app-space-xs)}.localization__counter>[aria-hidden=true]{visibility:hidden}.localization__field:focus-within .localization__counter>[aria-hidden=true],.localization__counter[data-state=near]>[aria-hidden=true],.localization__counter[data-state=over]>[aria-hidden=true]{visibility:visible}.localization__counter[data-state=near]{color:var(--app-color-warning)}.localization__counter[data-state=over]{color:var(--app-color-warning);font-weight:var(--app-font-weight-bold)}.localization__detail{color:var(--app-color-text-faint);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-regular);padding-inline-start:var(--app-space-sm)}.localization__note{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.localization__note[data-kind=undeclared],.localization__note[data-kind=formsNeedOther]{color:var(--app-color-warning)}.localization__form-tag{color:var(--app-color-text-muted);font-family:var(--app-font-family-mono);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-regular);text-align:start;display:block}.palette{padding:var(--app-space-none);background:var(--app-color-bg-raised);flex-direction:column;display:flex;overflow:hidden}.palette__items{flex:1 1 var(--app-space-none);gap:var(--app-space-lg);min-block-size:var(--app-space-none);padding:var(--app-space-xs) var(--app-space-md) var(--app-space-lg);flex-direction:column;display:flex;overflow:auto}.palette__search{gap:var(--app-space-xs);padding:var(--app-space-md) var(--app-space-md) var(--app-space-sm);flex-direction:column;display:flex}.palette__search-label{color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.palette__group{flex:none}.palette__group .ui-panel__body{gap:var(--app-space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.palette__item{min-inline-size:var(--app-space-none);display:block;position:relative}.palette__item .ui-tool-button{align-items:stretch;gap:var(--app-space-sm);padding:var(--app-space-sm);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);font-size:var(--app-font-size-sm);cursor:grab;flex-direction:column}.palette__item .ui-tool-button:hover:not(:disabled){border-color:var(--app-color-accent);background:var(--app-color-bg-raised2)}.palette__thumb{block-size:calc(var(--app-size-control-height) + var(--app-space-md));border-radius:var(--app-radius-sm);background:var(--app-color-bg-sunken);color:var(--app-color-text-muted);justify-content:center;align-items:center;display:flex}.palette__item .ui-tool-button:hover:not(:disabled) .palette__thumb,.palette__item .ui-tool-button:focus-visible .palette__thumb{color:var(--app-color-accent)}.palette__item .ui-tool-button:disabled{opacity:.4;cursor:not-allowed}.palette__label{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.palette__item[data-dragging=true]{opacity:.5;cursor:grabbing}.properties-panel{background:var(--app-color-bg-raised);border-inline-start:var(--app-size-border) solid var(--app-color-border);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-md);line-height:var(--app-font-line-height);flex-direction:column;display:flex;overflow:auto}.pp-head{align-items:center;gap:calc(var(--app-space-sm) + var(--app-space-hair));padding:calc(var(--app-space-md) + var(--app-space-hair)) var(--app-space-lg);border-block-end:var(--app-size-border) solid var(--app-color-border);flex-shrink:0;display:flex}.pp-head__thumb{inline-size:calc(var(--app-size-control-height) + var(--app-space-xs));block-size:calc(var(--app-size-control-height) - var(--app-space-xs));border-radius:var(--app-radius-sm);background:var(--app-color-bg-sunken);color:var(--app-color-text-muted);flex:none;justify-content:center;align-items:center;display:flex}.pp-head__text{min-inline-size:var(--app-space-none)}.pp-head__title{margin:var(--app-space-none);font-size:var(--app-font-size-lg);font-weight:var(--app-font-weight-semibold)}.properties-panel>.ui-panel,.pp-section{gap:var(--app-space-md);padding:calc(var(--app-space-md) + var(--app-space-hair)) var(--app-space-lg);border-block-end:var(--app-size-border) solid var(--app-color-border);flex-direction:column;flex-shrink:0;display:flex}.properties-panel>:last-child{border-block-end:0}.properties-panel .ui-panel__body{gap:var(--app-space-md)}.pp-section__head{justify-content:space-between;align-items:center;gap:var(--app-space-sm);display:flex}.pp-section__head .ui-tool-button,.pp-style__case .ui-tool-button{inline-size:auto;min-block-size:calc(var(--app-size-control-height) - var(--app-space-xs) - var(--app-space-hair));padding-inline:calc(var(--app-space-sm) + var(--app-space-hair));font-size:var(--app-font-size-sm)}.pp-fields{gap:var(--app-space-md);flex-direction:column;display:flex}.pp-field{align-items:center;gap:calc(var(--app-space-xs) + var(--app-space-hair)) var(--app-space-sm);min-inline-size:var(--app-space-none);padding:var(--app-space-none);margin:var(--app-space-none);border:0;grid-template-columns:minmax(0,1fr) auto;display:grid}.pp-field>*{min-inline-size:var(--app-space-none);grid-column:1/-1}.pp-field__legend{float:inline-start;inline-size:100%;padding:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm);grid-area:1/1}.pp-field__heading{grid-area:1/1}.pp-field[data-layout=inline]{grid-template-columns:calc(2 * var(--app-space-xxxl)) minmax(0, 1fr);align-items:start}.pp-field[data-layout=inline]>.pp-field__legend{min-block-size:var(--app-size-control-height);align-items:center;display:flex}.pp-field[data-layout=inline]>.pp-field__body{grid-area:1/2}.pp-field[data-layout=inline]:has(>.pp-field__note)>.pp-field__body{grid-row:1/span 2}.pp-field[data-layout=inline]>.pp-field__issue{grid-column:2}.pp-field__body{gap:var(--app-space-xs);min-inline-size:var(--app-space-none);flex-direction:column;display:flex}.pp-field__note{color:var(--app-color-text-faint);font-size:var(--app-font-size-xs);grid-area:1/2}.pp-field[data-layout=inline]>.pp-field__note{grid-area:2/1;align-self:start}.pp-field--nested{border-inline-start:var(--app-space-hair) solid var(--app-color-border);padding-inline-start:var(--app-space-md)}.pp-field__issue{margin:var(--app-space-none);color:var(--app-color-danger);font-size:var(--app-font-size-sm)}.pp-text{gap:var(--app-space-xs);min-inline-size:var(--app-space-none);flex-direction:column;display:flex}.pp-text__head,.pp-text__foot{justify-content:space-between;align-items:baseline;gap:var(--app-space-sm);display:flex}.pp-text__foot>:only-child{margin-inline-start:auto}.pp-text__label{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.pp-text__titled{align-items:center;display:flex}.pp-text__counter{color:var(--app-color-text-muted);font-family:var(--app-font-family-mono);font-size:var(--app-font-size-xs);flex:none}.pp-text__hint{color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.pp-text__counter[data-state=over]{color:var(--app-color-warning)}.pp-text__advice{margin:var(--app-space-none);color:var(--app-color-warning);font-size:var(--app-font-size-xs)}.pp-field[data-invalid=true]>:not(.pp-field) :is(.pp-text__input,.pp-select),.pp-field[data-invalid=true]>:is(.pp-text__input,.pp-select){border-color:var(--app-color-danger)}.pp-text__input[readonly]{color:var(--app-color-text-muted);font-family:var(--app-font-family-mono);font-size:var(--app-font-size-sm);background:0 0;border-style:dashed}.pp-mode__label{color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.pp-field>:is(.pp-field__legend,.pp-field__heading)+.pp-mode:not(:has(>:nth-child(3))){flex-wrap:nowrap;grid-area:1/2}.pp-field>:is(.pp-field__legend,.pp-field__heading)+.pp-mode:not(:has(>:nth-child(3)))>.ui-segmented__option{min-block-size:calc(var(--app-space-xl) - var(--app-space-hair))}.pp-binding{gap:var(--app-space-xs);flex-direction:column;display:flex}.pp-binding__path,.pp-binding__sample{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.pp-binding__sample-block{gap:var(--app-space-xs);min-width:0;color:var(--app-color-text-muted);font-size:var(--app-font-size-xs);flex-direction:column;display:flex}.pp-binding__sample-row{align-items:center;gap:var(--app-space-sm);min-width:0;margin:var(--app-space-none);display:flex}.pp-binding__sample-note{margin:var(--app-space-none)}.pp-binding__sample-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pp-binding__thumb{inline-size:var(--app-size-control-height);block-size:var(--app-size-control-height);object-fit:cover;border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-sm);flex:none}.pp-binding__sample{overflow-wrap:anywhere;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pp-binding__code{padding-inline:var(--app-space-xs);border-radius:var(--app-radius-sm);background:var(--app-color-bg-sunken);color:var(--app-color-text);font-family:var(--app-font-family-mono)}.pp-tokens{gap:var(--app-space-xs);flex-wrap:wrap;display:flex}.pp-token{align-items:center;gap:var(--app-space-xs);min-block-size:calc(var(--app-size-control-height) - var(--app-space-xs));padding:var(--app-space-none) calc(var(--app-space-xs) + var(--app-space-hair)) var(--app-space-none) var(--app-space-xs);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-md);background:var(--app-color-bg-sunken);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm);cursor:pointer;display:flex;position:relative}.pp-token:hover{border-color:var(--app-color-border-strong);color:var(--app-color-text)}.pp-token:has(:focus-visible){outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.pp-token:has(.pp-token__input:checked){border-color:var(--app-color-accent);box-shadow:0 0 0 var(--app-size-border) var(--app-color-accent);background:var(--app-color-hover);color:var(--app-color-text);font-weight:var(--app-font-weight-medium)}.pp-token__input{inline-size:var(--app-size-border);block-size:var(--app-size-border);opacity:0;pointer-events:none;position:absolute}.pp-token__swatch{inline-size:calc(var(--app-space-lg) + var(--app-space-xs));block-size:calc(var(--app-space-lg) + var(--app-space-xs));border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-sm);background:var(--app-color-bg);color:var(--app-color-text);flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.pp-token__swatch--spacing{block-size:var(--app-space-sm);border-radius:var(--app-radius-none);background:var(--app-color-accent);border:none}.pp-token__swatch--radius{background:var(--app-color-border-strong)}.pp-token__swatch--elevation{background:var(--app-color-bg-raised)}.pp-token__swatch--typography{font-family:var(--app-font-family);line-height:1}.pp-token__swatch--align:after{content:"";inline-size:var(--app-space-hair);block-size:var(--app-space-md);background:var(--app-color-accent)}.pp-token__swatch--asset{background-size:cover}.pp-token__swatch--gradient{inline-size:calc(3 * var(--app-space-lg));background-size:cover}.pp-token__name{font-variant-numeric:tabular-nums}.pp-token__name[data-missing=true]{color:var(--app-color-warning)}.pp-icon-picker{gap:var(--app-space-xs);min-inline-size:var(--app-space-none);flex-direction:column;display:flex}.pp-icon-picker__current{align-items:center;gap:var(--app-space-sm);inline-size:100%;min-inline-size:var(--app-space-none);block-size:var(--app-size-control-height);padding:var(--app-space-none) var(--app-space-sm);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-md);background:var(--app-color-bg-sunken);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-md);text-align:start;cursor:pointer;display:flex}.pp-icon-picker__current:hover{border-color:var(--app-color-border-strong)}.pp-icon-picker__current:focus-visible,.pp-icon-picker__option:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.pp-icon-picker__name{min-inline-size:var(--app-space-none);font-family:var(--app-font-family-mono);font-size:var(--app-font-size-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pp-icon-picker__action{color:var(--app-color-text-muted);font-size:var(--app-font-size-sm);flex:none}.pp-icon-picker__panel{gap:var(--app-space-xs);padding:var(--app-space-sm);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-md);background:var(--app-color-bg-raised);flex-direction:column;display:flex}.pp-icon-picker__status{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.pp-icon-picker__grid{grid-template-columns:repeat(auto-fill, minmax(var(--app-size-control-height), 1fr));gap:var(--app-space-xs);max-block-size:calc(var(--app-size-control-height) * 7);padding:var(--app-space-xs);display:grid;overflow-y:auto}.pp-icon-picker__option{aspect-ratio:1;padding:var(--app-space-none);border:var(--app-size-border) solid transparent;border-radius:var(--app-radius-sm);color:var(--app-color-text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:flex}.pp-icon-picker__option:hover{background:var(--app-color-hover);color:var(--app-color-text)}.pp-icon-picker__option[aria-selected=true]{border-color:var(--app-color-accent);box-shadow:0 0 0 var(--app-size-border) var(--app-color-accent);background:var(--app-color-hover);color:var(--app-color-text)}.pp-icon-swatch{inline-size:var(--app-size-icon-md);block-size:var(--app-size-icon-md);background-color:currentColor;flex:none;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pp-icon-swatch[data-known=false]{border:var(--app-size-border) dashed var(--app-color-border-strong);border-radius:var(--app-radius-sm);background:0 0}.pp-bool{align-self:start;align-items:center;gap:var(--app-space-sm);min-block-size:var(--app-size-control-height);color:var(--app-color-text);font-size:var(--app-font-size-md);cursor:pointer;display:inline-flex}.pp-bool__input{inline-size:var(--app-space-lg);block-size:var(--app-space-lg);margin:var(--app-space-none);accent-color:var(--app-color-accent)}.pp-bool:has(:focus-visible){border-radius:var(--app-radius-sm);outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.pp-params{gap:var(--app-space-xs);flex-direction:column;display:flex}.pp-params__title{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.pp-params__item{gap:var(--app-space-xs);flex-direction:column;display:flex}.pp-params__row{gap:var(--app-space-xs);grid-template-columns:2fr 3fr auto;align-items:center;display:grid}.ui-tool-button.pp-params__remove{min-block-size:var(--app-size-control-height);color:var(--app-color-text-muted)}.ui-tool-button.pp-params__remove:hover{color:var(--app-color-text)}.pp-params__add,.pp-action,.pp-danger{place-self:start}.pp-hint,.pp-style__hint{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.pp-condition{grid-template-columns:minmax(0, 1fr) minmax(0, calc(2 * var(--app-space-xxxl)));align-items:end;gap:var(--app-space-sm);padding:calc(var(--app-space-sm) + var(--app-space-hair));border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg);background:var(--app-color-bg-sunken);display:grid}.pp-condition>*{grid-column:1/-1}.pp-condition[data-operand=true]>.pp-field:nth-of-type(2){grid-column:1}.pp-condition[data-operand=true]>.pp-field:nth-of-type(3){grid-column:2}.pp-condition>.pp-field[data-invalid=true]{grid-column:1/-1}.pp-condition[data-operand=true]:not(:has(>.pp-field[data-invalid=true])){align-items:start}.pp-condition[data-operand=true]:not(:has(>.pp-field[data-invalid=true]))>.pp-field:is(:nth-of-type(2),:nth-of-type(3)){display:contents}.pp-condition[data-operand=true]:not(:has(>.pp-field[data-invalid=true]))>.pp-field:is(:nth-of-type(2),:nth-of-type(3))>.pp-text{display:contents}.pp-condition[data-operand=true]:not(:has(>.pp-field[data-invalid=true]))>.pp-field:nth-of-type(2)>label{grid-area:2/1}.pp-condition[data-operand=true]:not(:has(>.pp-field[data-invalid=true]))>.pp-field:nth-of-type(2)>.pp-select{grid-area:3/1}.pp-condition[data-operand=true]:not(:has(>.pp-field[data-invalid=true]))>.pp-field:nth-of-type(3) :is(.pp-text__input,.pp-select){grid-area:3/2}.pp-condition[data-operand=true]:not(:has(>.pp-field[data-invalid=true]))>.pp-field:nth-of-type(3) :is(.pp-text__foot,.pp-text__hint){grid-area:4/2}.pp-condition :is(.pp-text__input,.pp-select){background-color:var(--app-color-bg-raised)}.pp-condition__summary{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.pp-style__groups{flex-direction:column;display:flex}.pp-style__group{border-block-end:var(--app-size-border) solid var(--app-color-border);flex-direction:column;display:flex}.pp-style__group:last-child{border-block-end:0}.pp-style__group-head{justify-content:space-between;align-items:center;gap:var(--app-space-sm);min-block-size:var(--app-size-control-height);padding:var(--app-space-none);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);text-align:start;cursor:pointer;background:0 0;border:0;display:flex}.pp-style__group-head:hover,.pp-style__group[data-filled=true]>.pp-style__group-head,.pp-style__group[data-focus=true]>.pp-style__group-head{color:var(--app-color-text)}.pp-style__group[data-focus=true]>.pp-style__group-head{font-weight:var(--app-font-weight-medium)}.pp-style__group-head:focus-visible{border-radius:var(--app-radius-sm);outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.pp-style__group-title:before{content:"›";inline-size:var(--app-space-md);color:var(--app-color-text-faint);text-align:center;margin-inline-end:var(--app-space-xs);line-height:1;display:inline-block}.pp-style__group-head[aria-expanded=true]>.pp-style__group-title:before{rotate:90deg}.pp-style__group-mark{color:var(--app-color-accent);font-size:var(--app-font-size-xs)}.pp-style__group-body{gap:var(--app-space-sm);flex-direction:column;padding-block-end:var(--app-space-md);display:flex}.pp-style__lock{min-inline-size:var(--app-space-none);margin:var(--app-space-none);padding:var(--app-space-none);border:0;flex-direction:column;display:flex}.pp-style__lock:disabled{opacity:.45;cursor:not-allowed}.pp-style__lock-note{color:var(--app-color-text)}.pp-style__grid{gap:var(--app-space-sm);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.pp-style__scale,.pp-style__box,.pp-style__number,.pp-color,.pp-gradient,.pp-gradient__custom,.pp-shadow,.pp-typography,.pp-dimension{gap:var(--app-space-xs);min-inline-size:var(--app-space-none);flex-direction:column;display:flex}.pp-style__number[data-invalid=true] .pp-text__input,.pp-color__custom[data-invalid=true] .pp-text__input{border-color:var(--app-color-danger)}.pp-style__custom,.pp-color__hex,.pp-color__compact,.pp-color__opacity,.pp-shadow__row,.pp-gradient__head{align-items:center;gap:var(--app-space-sm);display:flex}.pp-style__custom>.pp-style__number,.pp-color__hex>.pp-text__input,.pp-color__compact>.pp-select,.pp-color__opacity>.pp-style__number,.pp-shadow__row>.pp-select{min-inline-size:var(--app-space-none);flex:1}.pp-color__custom{gap:var(--app-space-xs);flex-direction:column;display:flex}.pp-color__picker{inline-size:calc(var(--app-space-xl) + var(--app-space-xs));block-size:calc(var(--app-space-xl) + var(--app-space-xs));padding:var(--app-space-none);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-sm);cursor:pointer;background:0 0;flex:none}.pp-color__picker:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.pp-shadow__sample{margin:var(--app-space-xs)}.pp-style__item{gap:var(--app-space-sm);min-inline-size:var(--app-space-none);margin:var(--app-space-none);padding:var(--app-space-sm);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-md);flex-direction:column;display:flex}.pp-style__item .ui-tool-button,.pp-gradient__custom>.ui-tool-button,.pp-shadow>.ui-tool-button{align-self:start}.pp-style__item-legend{padding-inline:var(--app-space-xs);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.pp-dimension__toggle,.pp-deviations__save{font-size:var(--app-font-size-sm);text-align:start;align-self:start}.pp-deviations__list{gap:var(--app-space-sm);margin:var(--app-space-none);padding:var(--app-space-none);flex-direction:column;list-style:none;display:flex}.pp-deviations__item{gap:var(--app-space-hair);border-inline-start:var(--app-space-hair) solid var(--app-color-warning);flex-direction:column;padding-inline-start:var(--app-space-sm);display:flex}.pp-deviations__where{color:var(--app-color-text);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-medium)}.pp-deviations__what{color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.pp-deviations__form{gap:var(--app-space-xs);flex-direction:column;margin-block-start:var(--app-space-xs);display:flex}.pp-deviations__actions{gap:var(--app-space-sm);display:flex}.pp-style__case{gap:var(--app-space-sm);min-inline-size:var(--app-space-none);margin:var(--app-space-none);padding:var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg);flex-direction:column;display:flex}.pp-style__case .ui-tool-button{align-self:start}.pp-style__case[data-draft=true]{border-style:dashed}.pp-style__case-legend{padding-inline:var(--app-space-xs);color:var(--app-color-text);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-medium)}.pp-template,.pp-template__add{gap:var(--app-space-xs);flex-direction:column;display:flex}.pp-template__value{gap:var(--app-space-xs);min-inline-size:var(--app-space-none);margin:var(--app-space-none);padding:var(--app-space-sm);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-sm);flex-direction:column;display:flex}.pp-template__legend{padding-inline:var(--app-space-xs);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.ui-tool-button.pp-navbar-copy{white-space:normal;text-align:start;block-size:auto}.pp-template__actions{gap:var(--app-space-xs);flex-wrap:wrap;display:flex}.pp-slot-icon,.pp-template__lose{align-items:start;gap:var(--app-space-xs);flex-direction:column;display:flex}.pp-slot-icon>.pp-icon-picker{align-self:stretch}.pp-template__refusal{margin:var(--app-space-none)}.pp-ratio{gap:var(--app-space-sm);grid-template-columns:1fr 1fr;margin-block-start:var(--app-space-sm);display:grid}.pp-children{gap:var(--app-space-xs);margin:var(--app-space-none);padding:var(--app-space-none);flex-direction:column;margin-block-end:var(--app-space-sm);list-style:none;display:flex}.pp-option{gap:var(--app-space-xs);min-inline-size:0;margin:var(--app-space-none);padding:var(--app-space-sm);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-sm);flex-direction:column;display:flex}.pp-option__legend{font-weight:500}.pp-option__key{font-family:var(--app-font-family-mono);font-size:var(--app-font-size-xs);color:var(--app-color-text-muted);overflow-wrap:anywhere}.pp-option__actions{gap:var(--app-space-xs);flex-wrap:wrap;display:flex}.pp-choice{gap:var(--app-space-xs);flex-direction:column;margin-block-start:var(--app-space-sm);display:flex}.pp-choice__item{align-items:baseline;gap:var(--app-space-sm);display:flex}.pp-text__area.ui-field{max-block-size:calc(5lh + 2 * var(--app-space-sm) + 2 * var(--app-size-border));resize:none;overflow-y:auto}.pp-width-layer{z-index:var(--app-z-index-panel);gap:var(--app-space-xs);padding:var(--app-space-sm) var(--app-space-md);border-block-end:var(--app-size-border) solid var(--app-color-border);background:var(--app-color-bg-raised);flex-direction:column;display:flex;position:sticky;inset-block-start:var(--app-space-none)}.pp-width-layer:not([data-width-layer=base]){box-shadow:inset var(--app-space-xs) var(--app-space-none) var(--app-space-none) var(--app-color-accent)}.pp-width-layer__row{justify-content:space-between;align-items:center;gap:var(--app-space-xs) var(--app-space-sm);flex-wrap:wrap;display:flex}.pp-width-layer__row>.ui-segmented{min-inline-size:var(--app-space-none);flex-wrap:wrap;flex:auto}.pp-width-layer__label{color:var(--app-color-text-muted);font-size:var(--app-font-size-sm);white-space:nowrap}.pp-width-layer__differs{justify-content:space-between;align-items:center;gap:var(--app-space-xs) var(--app-space-sm);margin:var(--app-space-none);color:var(--app-color-text);font-size:var(--app-font-size-xs);flex-wrap:wrap;display:flex}.pp-width-layer__shared.ui-message{gap:var(--app-space-xs);margin:var(--app-space-sm) var(--app-space-md);flex-direction:column;display:flex}.pp-width-layer__shared-actions{gap:var(--app-space-sm);display:flex}.pp-field__width{align-items:center;gap:var(--app-space-hair) var(--app-space-xs);color:var(--app-color-text-faint);font-size:var(--app-font-size-xs);flex-wrap:wrap;grid-column:1/-1;display:flex}.pp-field[data-width-origin=own]>.pp-field__width,.pp-field[data-width-origin=base]>.pp-field__width,.pp-field[data-width-origin=note]>.pp-field__width{color:var(--app-color-text-muted)}.pp-field[data-width-origin=own]{box-shadow:inset var(--app-space-hair) var(--app-space-none) var(--app-space-none) var(--app-color-accent);padding-inline-start:var(--app-space-sm)}.pp-field[data-layout=inline]>.pp-field__width+.pp-field__issue,.pp-field__width+.pp-field__issue{grid-column:1/-1}.pp-hint--strong{color:var(--app-color-text)}.pp-width-gestures{gap:var(--app-space-sm);flex-direction:column;display:flex}.pp-width-gestures__item{align-items:flex-start;gap:var(--app-space-hair);flex-direction:column;display:flex}.pp-presets{align-items:center;gap:var(--app-space-xs);flex-wrap:wrap;margin-block-start:var(--app-space-sm);display:flex}.pp-presets__label{color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.pp-show-on__carried.ui-message{margin:var(--app-space-none)}.pp-show-on,.pp-condition__source{gap:var(--app-space-xs);flex-direction:column;display:flex}.pp-condition__where{gap:var(--app-space-sm);border-inline-start:var(--app-size-border) solid var(--app-color-border);flex-direction:column;padding-inline-start:var(--app-space-md);display:flex}.map-canvas{min-block-size:var(--app-space-none);background-color:var(--app-color-canvas-bg);flex-direction:column;grid-row:2/-1;display:flex;overflow:hidden}.map-canvas__intro{margin:var(--app-space-none);padding:var(--app-space-sm) var(--app-space-xl);border-block-end:var(--app-size-border) solid var(--app-color-border);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height);flex:none}.map-canvas__hint{inline-size:var(--app-size-border);block-size:var(--app-size-border);margin:calc(-1 * var(--app-size-border));clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.map-canvas__viewport{min-block-size:var(--app-space-none);background-image:radial-gradient(var(--app-color-canvas-dot) var(--app-size-border), transparent var(--app-size-border));background-size:var(--app-space-lg) var(--app-space-lg);cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;flex:auto;position:relative;overflow:hidden}.map-canvas__viewport[data-hand=true],.map-canvas__viewport[data-hand=true] .map-card{cursor:grab}.map-canvas__viewport[data-panning=true],.map-canvas__viewport[data-panning=true] .map-card{cursor:grabbing}.map-canvas__world{transform-origin:0 0;position:absolute;inset-block-start:var(--app-space-none);inset-inline-start:var(--app-space-none)}.map-canvas__world,.map-canvas__world>*{direction:ltr}.map-edges{inline-size:var(--app-size-border);block-size:var(--app-size-border);pointer-events:none;z-index:0;position:absolute;inset-block-start:var(--app-space-none);inset-inline-start:var(--app-space-none);overflow:visible}.map-edge,.map-edges__marker{color:var(--app-color-text-muted)}.map-edge__line{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.map-edge__hit{fill:none;stroke:#0000;stroke-width:14px;pointer-events:stroke;cursor:pointer}.map-edge__hit:focus{outline:none}.map-edge:has(.map-edge__hit:focus-visible) .map-edge__line{stroke-width:3px}.map-edge[data-kind=layer],.map-edges__marker[data-kind=layer]{color:var(--app-color-accent)}.map-edge[data-kind=layer] .map-edge__line,.map-legend__item[data-kind=layer] .map-edge__line{stroke-dasharray:7 4}.map-edge[data-kind=section],.map-edges__marker[data-kind=section]{color:var(--app-color-success)}.map-edge[data-kind=section] .map-edge__line,.map-legend__item[data-kind=section] .map-edge__line{stroke-dasharray:.5 4.5;stroke-width:2.5px}.map-edge[data-kind=back],.map-edges__marker[data-kind=back]{color:var(--app-color-text-faint)}.map-edge[data-kind=back] .map-edge__line,.map-legend__item[data-kind=back] .map-edge__line{stroke-dasharray:3 4}.map-edge[data-emphasis=dim]{opacity:.12}.map-edge[data-emphasis=lit] .map-edge__line{stroke-width:2.75px}.map-edge[data-emphasis=lit][data-kind=page]{color:var(--app-color-text)}.map-card{z-index:1;gap:var(--app-space-sm);inline-size:calc(var(--app-space-xxxl) * 4 - var(--app-space-sm));font-family:var(--app-font-family);flex-direction:column;display:flex;position:absolute;inset-block-start:var(--app-space-none);inset-inline-start:var(--app-space-none)}.map-card[data-movable=true]{cursor:grab}.map-card[data-movable=true]:active{cursor:grabbing}.map-card[data-emphasis=dim]{opacity:.35}.map-card[data-emphasis=lit] .map-card__thumb{border-color:var(--app-color-text-muted);box-shadow:var(--app-shadow-medium)}.map-card__head{zoom:var(--map-label-zoom,1);align-items:center;gap:var(--app-space-xs) var(--app-space-sm);flex-wrap:wrap;display:flex}.map-card__open{min-inline-size:var(--app-space-none);max-inline-size:100%;padding:var(--app-space-none);border-radius:var(--app-radius-sm);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-md);font-weight:var(--app-font-weight-semibold);text-align:start;cursor:inherit;background:0 0;border:0}.map-card__open:hover{color:var(--app-color-accent)}.map-card__open:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.map-card__name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.map-card__marks{gap:var(--app-space-xs);flex-wrap:wrap;display:flex}.map-card__marks:empty{display:none}.map-card__thumb{block-size:calc(var(--app-space-xxxl) * 6);border:var(--app-space-hair) solid var(--app-color-border-strong);border-radius:var(--app-radius-lg);background:var(--app-color-bg);box-shadow:var(--app-shadow-low);cursor:pointer;overflow:hidden}.map-card[data-movable=true] .map-card__thumb{cursor:inherit}.map-card__thumb:hover{border-color:var(--app-color-text-muted)}.map-card[data-initial=true] .map-card__thumb{border-color:var(--app-color-accent)}.map-card[data-unreachable=true] .map-card__thumb{border-color:var(--app-color-danger)}.map-card__screen{pointer-events:none;flex-direction:column;display:flex}.map-card__thumb[data-layer]{flex-direction:column;display:flex}.map-card__thumb[data-layer=bottom]{justify-content:flex-end}.map-card__thumb[data-layer=center]{justify-content:center}.map-card__thumb[data-layer]>.map-card__screen{flex:none}.map-card__screen .preview-device__scrim-label{display:none}.map-canvas__tip{z-index:3;max-inline-size:calc(var(--app-space-xxxl) * 5);padding:var(--app-space-xs) var(--app-space-sm);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-md);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-medium);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);white-space:nowrap;text-overflow:ellipsis;translate:-50% calc(-100% - var(--app-space-sm));pointer-events:none;position:absolute;inset-block-start:var(--app-space-none);inset-inline-start:var(--app-space-none);overflow:hidden}.map-controls,.map-legend{z-index:2;border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-low);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);position:absolute}.map-controls{justify-content:flex-end;align-items:center;gap:var(--app-space-xs);max-inline-size:calc(100% - var(--app-space-xxxl) * 5);padding:var(--app-space-xs);flex-wrap:wrap;display:flex;inset-block-end:var(--app-space-lg);inset-inline-end:var(--app-space-lg)}.map-controls__percent{min-inline-size:var(--app-space-xxxl);font-variant-numeric:tabular-nums}.map-controls__confirm{align-items:center;gap:var(--app-space-xs);flex-wrap:wrap;display:flex}.map-controls__question{max-inline-size:calc(var(--app-space-xxxl) * 6);padding-inline:var(--app-space-sm);color:var(--app-color-text)}.map-controls__note{z-index:2;margin:var(--app-space-none);padding:var(--app-space-xs) var(--app-space-sm);border-radius:var(--app-radius-md);background:var(--app-color-bg-raised);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);position:absolute;inset-block-start:var(--app-space-sm);inset-inline-end:var(--app-space-lg)}.map-controls__note--failed{color:var(--app-color-danger)}.map-legend{margin:var(--app-space-none);padding:var(--app-space-sm) var(--app-space-md);inset-block-end:var(--app-space-lg);inset-inline-start:var(--app-space-lg)}.map-legend__title{color:var(--app-color-text-muted);font-weight:var(--app-font-weight-semibold);margin-block-end:var(--app-space-xs)}.map-legend__list{gap:var(--app-space-xs);margin:var(--app-space-none);padding:var(--app-space-none);list-style:none;display:grid}.map-legend__item{align-items:center;gap:var(--app-space-sm);inline-size:100%;padding:var(--app-space-hair) var(--app-space-xs);border-radius:var(--app-radius-sm);color:var(--app-color-text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;display:flex}.map-legend__item:hover{background:var(--app-color-hover)}.map-legend__item:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-none)}.map-legend__item[aria-pressed=false]{color:var(--app-color-text-faint);text-decoration:line-through}.map-legend__item[aria-pressed=false] .map-legend__sample{opacity:.35}.map-legend__item[data-kind=page] .map-legend__sample{color:var(--app-color-text-muted)}.map-legend__item[data-kind=layer] .map-legend__sample{color:var(--app-color-accent)}.map-legend__item[data-kind=section] .map-legend__sample{color:var(--app-color-success)}.map-legend__item[data-kind=back] .map-legend__sample{color:var(--app-color-text-faint)}.map-legend__sample{inline-size:var(--app-space-xxl);block-size:var(--app-space-sm);flex:none;overflow:visible}.map-card__thumb[data-kind=block]{block-size:auto;max-block-size:calc(var(--app-space-xxxl) * 6)}