@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-italic-B5xAaiFk.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-italic-DzZdc28x.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-italic-DcOpz6Lw.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-italic-CILZdfAp.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-italic-K3WlGtc8.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-italic-0pjOp8NU.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-italic-DpCbqKDY.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}.ux-floating-mount,.ux-floating-host,.ux-floating-panel:not(.is-floating){display:contents}.product-shell .ux-floating-panel.is-floating{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--radius-panel);max-width:calc(100vw - 8px);max-height:calc(100dvh - 8px);box-shadow:var(--theme-action-shadow);flex-direction:column;display:flex;position:fixed;overflow:visible}.product-shell .ux-floating-panel.is-floating :is(.ux-setting-label,.ux-palette-label,.ux-side-panel-heading,button:disabled,input:disabled){touch-action:none}.product-shell .ux-floating-handle{border-radius:var(--radius-panel) var(--radius-panel) 0 0;background:var(--theme-control);min-height:28px;color:var(--theme-muted);font-size:var(--type-small);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:0;flex:none;justify-content:center;align-items:center;gap:6px;padding:2px 8px;display:flex}.product-shell .ux-floating-handle:active{cursor:grabbing}.product-shell .ux-floating-panel.is-floating[data-auto-collapsed=true]{width:150px;max-width:calc(100vw - 8px)}.product-shell .ux-floating-panel.is-floating[data-auto-collapsed=true]>:not(.ux-floating-handle){display:none!important}.product-shell .ux-floating-panel.is-floating[data-auto-collapsed=true]>.ux-floating-handle{border-radius:var(--radius-panel)}.product-shell .ux-floating-panel.is-floating>.ux-preview-palette{border-radius:0 0 var(--radius-panel) var(--radius-panel);border:0;width:190px;min-width:0;height:auto;max-height:calc(100dvh - 44px);position:relative;inset:auto;overflow:auto}.product-shell .ux-floating-panel.is-floating>.ux-render-settings{border-radius:0 0 var(--radius-panel) var(--radius-panel);border:0;max-width:calc(100vw - 8px);margin:0}.product-shell .ux-floating-panel.is-floating>.ux-render-settings[data-workspace=create][data-rendering-enabled=false]{gap:16px;width:max-content;min-height:0;display:flex}.product-shell .ux-floating-panel.is-floating>.ux-render-settings[data-workspace=create][data-rendering-enabled=false]>:is([data-setting=look],[data-setting=resolution],[data-setting=dithering]):not(:has(button:enabled,input:enabled)){display:none}.product-shell .ux-floating-panel.is-floating>.ux-render-settings[data-workspace=create][data-rendering-enabled=false] [data-setting=colours]>[data-rendering-control]:has(button:disabled){display:none}.product-shell .ux-floating-panel.is-floating>.ux-render-settings[data-workspace=create][data-rendering-enabled=false] [data-setting=colours]:has(.ux-settings-select button:disabled)>.ux-setting-label{display:none}.product-shell .ux-floating-panel.is-floating>.ux-render-settings[data-workspace=create][data-rendering-enabled=false]>[data-setting=colours]:has(.ux-settings-select button:disabled){align-self:flex-end;display:flex}.product-shell .ux-floating-panel.is-floating>.ux-render-settings[data-workspace=create][data-rendering-enabled=false] :is(.ux-palette-gear,.ux-retro-toggle):disabled{display:none}.product-shell .ux-floating-panel.is-floating>.ux-create-edit-toolbar{border-radius:0 0 var(--radius-panel) var(--radius-panel);border:0}.product-shell .ux-floating-panel.is-floating .ux-preview-palette fieldset>.ux-palette-label:first-child,.product-shell .ux-floating-panel.is-floating .ux-side-panel-heading:first-child{display:none}@media (max-height:600px){.product-shell .ux-floating-panel.is-floating{max-height:calc(100dvh - 68px)}.product-shell .ux-floating-panel.is-floating>:not(.ux-floating-handle){min-height:0;overflow:auto}}.product-shell .ux-menu{border-radius:var(--radius-control);background:var(--theme-surface);isolation:isolate;min-width:190px;max-width:calc(100vw - 64px);padding:4px}.product-shell .ux-menu:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background-image:var(--theme-panel-noise-image);opacity:var(--theme-panel-noise-opacity);background-size:128px 128px;position:absolute;inset:0}.product-shell .ux-menu>[role=menuitem]{text-align:left;white-space:nowrap;border-radius:var(--radius-control);width:100%;font-size:var(--type-medium);background:0 0;border:0;align-items:center;gap:8px;padding:0 10px;display:flex}.product-shell .ux-menu>[role=menuitem].is-selected{color:var(--theme-interactive)}@media (hover:hover) and (pointer:fine){.product-shell .ux-menu>[role=menuitem]:not(:disabled):hover{color:var(--theme-interactive)}}.product-shell .ux-immersive-workspace .ux-preview-panel.is-immersive{z-index:10;border:0;border-radius:0;width:100vw;height:100dvh;min-height:0;position:fixed;inset:0}.product-shell .ux-immersive-workspace .ux-preview-panel.is-immersive .ux-preview-footer{container-type:normal}.product-shell .ux-immersive-workspace .ux-preview-panel.is-immersive .ux-preview-controls{pointer-events:none;max-width:none;position:static;transform:none}.product-shell .ux-immersive-workspace .ux-preview-panel.is-immersive .ux-preview-quick{z-index:100}.ux-labelled-slider{color:var(--theme-muted);flex-direction:column;align-items:center;gap:4px;display:flex}.ux-labelled-slider small{font-size:var(--type-small)}.ux-labelled-slider .ux-slider{width:100%}.ux-side-panel-content{--side-panel-label-gap:4px;--side-panel-slider-inset:8px;flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.ux-side-panel-content>*{flex-shrink:0}.ux-create-palette-popover .ux-side-panel-heading{min-height:0;color:var(--theme-muted);font-size:var(--type-small);text-align:center;justify-content:center;align-items:center;margin:0;line-height:1.2;display:flex}.product-shell .ux-icon{vertical-align:middle;color:currentColor;pointer-events:none;flex:0 0 16px;width:16px;height:16px;display:inline-block}.product-shell .ux-drop-plus{width:32px;height:32px;color:var(--accent);flex-basis:32px}.product-shell .ux-animation-play-icon{flex-basis:24px;width:24px;height:24px}.product-shell .ux-icon[data-selected=true]{color:var(--theme-interactive)}.product-shell button:focus-visible>.ux-icon[data-selected]{outline:2px solid var(--theme-focus);outline-offset:3px;border-radius:var(--radius-small)}.product-shell .ux-icon-button{box-sizing:border-box;flex:0 0 var(--control-height);width:var(--control-height);min-width:var(--control-height);height:var(--control-height);min-height:var(--control-height);border-radius:var(--radius-control);background:var(--theme-control);color:var(--theme-muted);border:0;place-items:center;padding:0;line-height:1;display:inline-grid}.product-shell .ux-icon-button.is-selected{color:var(--theme-interactive)}.product-shell button.ux-icon-button[aria-pressed=true]:not(.ux-swatch){box-shadow:none}.product-shell .ux-icon-button.is-danger{color:var(--theme-accent)}.product-shell .ux-icon-button:disabled{opacity:.42;cursor:not-allowed}.product-shell .ux-icon-button:focus-visible{background:var(--theme-hover);outline:none}.ux-dropdown{width:100%;min-width:0;position:relative}.product-shell .ux-dropdown-trigger{width:100%;min-width:0;height:var(--control-height);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 4px;display:flex}.ux-dropdown-trigger .ux-icon{color:var(--theme-interactive);flex:none}.product-shell .ux-dropdown-menu{z-index:1000;box-sizing:border-box;background:var(--theme-background);border:1px solid var(--theme-border);border-radius:var(--radius-control);padding:4px 0;overflow-y:auto}.product-shell .ux-dropdown-menu button{width:100%;min-width:0;height:auto;min-height:20px;box-shadow:none;text-align:left;font-size:var(--type-small);white-space:normal;background:0 0;border:0;border-radius:0;padding:1px 4px;line-height:1.2;transition:none;display:block}.product-shell .ux-dropdown-option-label{border-radius:var(--radius-control);padding:2px 8px;display:inline-block}.product-shell .ux-dropdown-menu button.is-active:not(:disabled) .ux-dropdown-option-label{background:var(--theme-interactive);color:var(--theme-background)}.product-shell .ux-dropdown-menu button[aria-selected=true]{color:var(--theme-interactive)}.product-shell .ux-dropdown-group{color:var(--theme-muted);font-size:var(--type-small);padding:5px 9px 2px}.product-shell .ux-palette-style-controls .ux-dropdown{flex:1;width:0;min-width:0}.product-shell .ux-palette-style-controls .ux-dropdown-trigger{width:100%;height:var(--control-height);min-height:var(--control-height);flex:1;display:flex}.product-shell .ux-dropdown-trigger:is(:focus,[aria-expanded=true]):not(:disabled){outline:2px solid var(--theme-focus);outline-offset:2px}.product-shell .ux-dropdown-menu button.is-active[aria-selected=true]:not(:disabled){color:var(--theme-background)}.ux-dropdown-swatch{vertical-align:middle;border-radius:2px;flex:none;width:12px;height:12px;margin-right:6px;display:inline-block}.ux-dropdown-trigger .ux-dropdown-swatch{margin-right:0}.product-shell .ux-dropdown-menu{--dropdown-enter-clip:inset(0 0 100% 0 round var(--radius-control));animation:.26s both ux-dropdown-enter}.product-shell .ux-dropdown-menu[data-placement=above]{--dropdown-enter-clip:inset(100% 0 0 0 round var(--radius-control))}@keyframes ux-dropdown-enter{0%{opacity:0;clip-path:var(--dropdown-enter-clip)}to{opacity:1;clip-path:inset(0 0 0 0 round var(--radius-control))}}@media (prefers-reduced-motion:reduce){.product-shell .ux-dropdown-menu{animation:none}}.ux-dropdown-group{align-items:center;gap:6px;display:flex}.ux-dropdown-group-icon{flex:none;align-items:center;display:inline-flex}.ux-retro-panel .ux-retro-intensity small{color:var(--theme-muted);font-size:var(--type-small)}.product-shell .ux-retro-panel label.ux-retro-intensity:has(.ux-slider:disabled){opacity:.45}.product-shell.ux-notifications{z-index:1300;pointer-events:none;flex-direction:column;gap:8px;width:360px;max-width:calc(100vw - 32px);min-height:0;margin:0;padding:0;display:flex;position:fixed;top:16px;right:16px}.product-shell .ux-notification{border:1px solid var(--theme-border);border-radius:var(--radius-panel);background:var(--theme-surface);color:var(--theme-text);pointer-events:auto;align-items:center;gap:10px;padding:10px 10px 10px 14px;animation:.18s ease-out notification-in;display:flex}.ux-notification>span{overflow-wrap:anywhere;min-width:0;font-size:var(--type-medium);flex:1}.product-shell .ux-notification-icon{color:var(--theme-interactive);flex-shrink:0}.product-shell .ux-notification.is-leaving{animation:.14s ease-in forwards notification-out}@keyframes notification-in{0%{opacity:0;transform:translate(calc(100% + 16px))}to{opacity:1;transform:translate(0)}}@keyframes notification-out{to{opacity:0;transform:translate(calc(100% + 16px))}}@media (max-width:760px){.product-shell.ux-notifications{max-width:calc(100vw - 24px);top:12px;right:12px}}@media (prefers-reduced-motion:reduce){.product-shell .ux-notification{animation:none}.product-shell .ux-notification.is-leaving{opacity:0;animation:none}}.product-shell.ux-modal-backdrop{--modal-width:300px;--modal-wide-width:680px;--modal-padding:22px;--modal-gutter:24px;--modal-gap:20px;--modal-header-gap:4px;--modal-paragraph-gap:8px;--modal-action-gap:10px;--modal-action-height:var(--control-height);--modal-action-padding:7px 12px;--modal-icon-size:24px;--modal-heading-height:24px;--modal-line-height:1.5;--modal-max-height:min(90dvh,820px);z-index:1200;box-sizing:border-box;min-height:0;padding:var(--modal-gutter);background:color-mix(in srgb,var(--theme-background) 78%,transparent);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:fixed;inset:0}.product-shell .ux-modal{gap:var(--modal-gap);width:var(--modal-width);max-width:100%;max-height:min(var(--modal-max-height),calc(100dvh - 2 * var(--modal-gutter)));box-sizing:border-box;min-width:0;padding:var(--modal-padding);background:var(--theme-surface);color:var(--theme-text);border:1px solid var(--theme-border);border-radius:var(--radius-panel);box-shadow:var(--theme-action-shadow);text-align:center;overflow-wrap:anywhere;flex-direction:column;margin:0;display:flex;overflow:auto}.product-shell .ux-modal[data-size=wide]{width:var(--modal-wide-width)}.ux-modal>*,.ux-modal-header>*{flex-shrink:0;min-width:0}.ux-modal-header{align-items:center;gap:var(--modal-header-gap);flex-direction:column;display:flex}.product-shell .ux-modal-icon{width:var(--modal-icon-size);height:var(--modal-icon-size);flex-basis:var(--modal-icon-size);color:var(--theme-accent)}.product-shell .ux-modal-header h2{min-height:var(--modal-heading-height);font-size:var(--type-heading);font-weight:600;line-height:var(--modal-heading-height);margin:0}.ux-modal-body{gap:var(--modal-gap);font-size:var(--type-medium);line-height:var(--modal-line-height);flex-direction:column;display:flex}.product-shell .ux-modal :is(label,legend){font-size:var(--type-medium)!important}.ux-modal-body>*{flex-shrink:0;min-width:0}.ux-modal-description{gap:var(--modal-paragraph-gap);flex-direction:column;display:flex}.ux-modal-body p{margin:0}.ux-modal-actions{align-items:stretch;gap:var(--modal-action-gap);flex-direction:column;display:flex}.product-shell .ux-modal-actions>button{width:100%;min-height:var(--modal-action-height);padding:var(--modal-action-padding);border-radius:var(--radius-control);box-sizing:border-box;white-space:normal}.ux-modal-footer{font-size:var(--type-medium);line-height:var(--modal-line-height);justify-content:center;display:flex}.product-shell .ux-modal-checkbox{cursor:pointer;flex-direction:row;justify-content:center;align-items:center;gap:8px;display:inline-flex}.product-shell .ux-modal-checkbox input{accent-color:var(--theme-accent);margin:0}@media (max-width:760px){.product-shell.ux-modal-backdrop{--modal-padding:16px;--modal-gutter:12px;--modal-gap:16px}}.product-shell .ux-create-palette-popover{--palette-content-width:168px;--palette-section-gap:16px;isolation:isolate;box-sizing:border-box;width:190px;min-width:190px;padding:var(--panel-padding-block) 8px;background:var(--theme-surface);border:0;border-right:1px solid var(--theme-border);box-shadow:none;color:var(--theme-text);border-radius:0;flex-direction:column;display:flex;position:relative}.product-shell .ux-preview-palette:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background-image:var(--theme-panel-noise-image);opacity:var(--theme-panel-noise-opacity);background-size:128px 128px;position:absolute;inset:0}.product-shell .ux-preview-palette>*{z-index:1;position:relative}.ux-create-palette-popover :is(.ux-palette-swatches,.ux-colour-picker,.ux-palette-selected,.ux-palette-opacity,.ux-palette-style){width:var(--palette-content-width);max-width:100%;margin-left:auto;margin-right:auto}.ux-palette-swatches{margin-bottom:var(--palette-section-gap);grid-template-columns:repeat(8,16px);justify-content:center;gap:4px;display:grid}.ux-create-palette-popover .ux-palette-label{min-height:0;margin-bottom:var(--palette-section-gap);color:var(--theme-muted);font-size:var(--type-small);text-align:center;justify-content:center;align-items:center;line-height:1.2;display:flex}.product-shell .ux-palette-swatches button{aspect-ratio:1;border-radius:var(--radius-small);width:16px;min-width:0;height:16px;min-height:0;box-shadow:none;border:0;padding:0}.product-shell .ux-palette-swatches button[aria-pressed=true]{outline:2px solid var(--theme-interactive);outline-offset:0;box-shadow:none}.ux-palette-selected{margin-bottom:var(--palette-section-gap);align-items:center;display:flex;position:relative}.ux-palette-hex-label{font-size:var(--type-small);color:var(--theme-muted);pointer-events:none;position:absolute;left:10px}.product-shell .ux-create-palette-popover .ux-palette-selected input[type=text]{box-sizing:border-box;width:100%;min-width:0;height:var(--control-height);min-height:var(--control-height);padding-left:38px;padding-right:28px;font-family:inherit}.product-shell .ux-create-palette-popover label:not(.ux-check):not(.ux-upload):not(.ux-button){text-align:center;flex-direction:column;gap:4px;display:flex;font-size:var(--type-medium)!important}.ux-palette-style select{width:100%;height:var(--control-height);text-align:var(--control-text-align)}.ux-palette-selected input{background:var(--theme-surface);color:var(--theme-text);border:1px solid var(--theme-border);border-radius:var(--radius-control)}.ux-create-palette-popover .ux-colour-picker{margin-bottom:var(--palette-section-gap);display:block}.ux-create-palette-popover .ux-colour-grid{grid-template-rows:repeat(var(--picker-rows),minmax(0,1fr));width:100%;aspect-ratio:var(--picker-columns)/var(--picker-rows);border-radius:var(--radius-control);min-width:0;display:grid;overflow:hidden}.ux-create-palette-popover .ux-colour-grid-row{grid-template-columns:repeat(var(--picker-columns),minmax(0,1fr));min-height:0;display:grid}.ux-create-palette-popover .ux-colour-grid [role=gridcell]{min-width:0;min-height:0}.product-shell .ux-create-palette-popover .ux-colour-grid button{appearance:none;width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;touch-action:manipulation;border:0;border-radius:0;margin:0;padding:0;display:block}.product-shell .ux-create-palette-popover .ux-colour-grid button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #fff,inset 0 0 0 2px #000}.product-shell .ux-create-palette-popover .ux-colour-grid button:focus-visible{outline:2px solid var(--theme-focus);outline-offset:-4px}.product-shell .ux-palette-swatches button:not(:disabled){cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.product-shell .ux-palette-swatches button:not(:disabled):active{cursor:grabbing}.product-shell .ux-palette-swatches button[data-drop-target=true]{outline:2px solid var(--theme-interactive);outline-offset:2px}.product-shell .ux-palette-swatches button{position:relative}.product-shell .ux-palette-swatches button[data-drag-source=true]{opacity:.35}.product-shell .ux-palette-swap-indicator{z-index:1;box-sizing:content-box;border-radius:var(--radius-small);background:var(--theme-surface);width:16px;height:16px;color:var(--theme-interactive);pointer-events:none;margin:auto;padding:2px;position:absolute;inset:0}.ux-palette-drag-ghost{z-index:1200;box-sizing:border-box;border:1px solid var(--theme-border);border-radius:var(--radius-small);width:24px;height:24px;box-shadow:var(--theme-action-shadow);pointer-events:none;position:fixed}.product-shell .ux-palette-swatches button:not(:disabled):hover{outline:2px solid var(--theme-interactive);outline-offset:0}.ux-preview-palette[hidden]{display:none}.ux-preview-palette fieldset{border:0;flex-direction:column;flex:1;min-width:0;margin:0;padding:0;display:flex}.ux-preview-palette fieldset>*{flex-shrink:0}.ux-preview-palette fieldset:disabled{opacity:.45}.ux-palette-style{flex-direction:column;gap:4px;margin-top:auto;display:flex}.ux-palette-style-controls{align-items:center;gap:6px;display:flex}.product-shell .ux-palette-style-controls button{flex:0 0 var(--control-height);width:var(--control-height);height:var(--control-height);min-height:var(--control-height);place-items:center;padding:0;display:grid}.ux-palette-style-controls select{flex:1;width:0;min-width:0;margin:0}.ux-create-palette-popover .ux-palette-opacity{margin-bottom:var(--palette-section-gap)}.product-shell .ux-create-palette-popover .ux-palette-opacity input{appearance:none;box-sizing:border-box;border-radius:var(--radius-control);background:linear-gradient(to right,transparent,var(--opacity-colour)),repeating-conic-gradient(#777 0% 25%,#bbb 0% 50%) 0/8px 8px;touch-action:none;border:0;width:100%;height:14px;min-height:0;margin:0;padding:0}.product-shell .ux-create-palette-popover .ux-palette-opacity input::-webkit-slider-runnable-track{border-radius:inherit;background:0 0;border:0;height:100%}.product-shell .ux-create-palette-popover .ux-palette-opacity input::-moz-range-track{border-radius:inherit;background:0 0;border:0;height:100%}.product-shell .ux-create-palette-popover .ux-palette-opacity input::-moz-range-progress{background:0 0}.product-shell .ux-create-palette-popover .ux-palette-opacity input::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--control-knob-size);height:var(--control-knob-size);background:var(--opacity-colour);border:2px solid #fff;border-radius:50%;margin:0;box-shadow:0 0 0 1px #000}.product-shell .ux-create-palette-popover .ux-palette-opacity input::-moz-range-thumb{box-sizing:border-box;width:var(--control-knob-size);height:var(--control-knob-size);background:var(--opacity-colour);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000}.product-shell .ux-palette-opacity input:focus-visible{outline:2px solid var(--theme-focus);outline-offset:3px}.ux-palette-hex-steps{grid-template-rows:repeat(2,minmax(0,1fr));width:24px;display:grid;position:absolute;top:1px;bottom:1px;right:1px}.product-shell .ux-create-palette-popover .ux-palette-hex-steps button{width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;touch-action:none;-webkit-user-select:none;user-select:none;border:0;place-items:center;margin:0;padding:0;display:grid}.product-shell .ux-create-palette-popover .ux-palette-hex-steps button:focus-visible{outline:1px solid var(--theme-focus);outline-offset:-2px}.product-shell .ux-create-palette-popover .ux-palette-hex-steps .ux-icon{flex-basis:12px;width:12px;height:12px}.ux-create-palette-popover .ux-palette-match{width:var(--palette-content-width);max-width:100%;margin:0 auto var(--palette-section-gap)}.ux-palette-match .ux-palette-match-drop{margin-bottom:0}.product-shell .ux-palette-match .ux-upload{height:var(--control-height);min-height:var(--control-height);box-sizing:border-box;border-radius:var(--radius-control);flex-direction:row;justify-content:center;gap:6px;padding:0 10px}.product-shell .ux-palette-match .ux-upload .ux-drop-plus{width:16px;height:16px}.product-shell .ux-palette-match .ux-upload span:last-of-type{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.product-shell .ux-palette-match .ux-upload strong{font-size:var(--type-small);line-height:1.2}.ux-palette-match .ux-error{font-size:var(--type-small);margin:6px 0 0}.ux-palette-match-row{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:4px;display:grid}.product-shell .ux-create-palette-popover label.ux-palette-match-thumb{border:1px solid var(--theme-border);border-radius:var(--radius-control);background:var(--theme-surface);cursor:pointer;width:32px;height:32px;padding:0;display:block;position:relative;overflow:hidden}.ux-palette-match-thumb img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.ux-palette-match-thumb input{opacity:0;cursor:pointer;position:absolute;inset:0}.ux-palette-match-status{min-width:0;color:var(--theme-muted);font-size:var(--type-small);text-align:center;line-height:1.2}.product-shell .ux-preview-panel{--preview-palette-width:190px;--preview-palette-inset:0px;--preview-padding:24px;--preview-footer-height:44px;--preview-footer-inset:8px;border:1px solid var(--line);border-radius:var(--radius-panel);width:100%;min-width:0;height:clamp(280px,43dvh,500px);min-height:280px;position:relative;overflow:hidden}.product-shell .ux-checkerboard,.product-shell .ux-preview-panel,.product-shell .ux-preview-panes.is-split>.ux-preview-pane{background-color:var(--theme-background);background-image:linear-gradient(45deg,var(--theme-checker) 25%,transparent 25%),linear-gradient(-45deg,var(--theme-checker) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--theme-checker) 75%),linear-gradient(-45deg,transparent 75%,var(--theme-checker) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.product-shell .ux-preview-panel>.ux-preview-artwork{min-width:0;min-height:0;position:absolute;inset:0;overflow:hidden;container:preview-artwork/inline-size}.product-shell .ux-preview-panel.has-palette{--preview-palette-inset:var(--preview-palette-width)}.product-shell .ux-preview-panel>.ux-preview-palette,.product-shell .ux-preview-panel>.ux-floating-mount>.ux-floating-host>.ux-floating-panel:not(.is-floating)>.ux-preview-palette{z-index:7;width:var(--preview-palette-width);min-width:0;height:100%;position:absolute;inset:0 auto 0 0;overflow:auto}.product-shell .ux-preview-artwork>.ux-preview-panes,.product-shell .ux-preview-artwork>.ux-preview-viewport{clip-path:inset(0 0 0 var(--preview-palette-inset))}.product-shell .ux-preview-viewport{scrollbar-width:none;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;height:100%;min-height:0;position:absolute;inset:0;overflow:hidden}.ux-preview-viewport::-webkit-scrollbar{display:none}.product-shell .ux-preview-viewport[data-panning=true]{cursor:grabbing}.product-shell .ux-preview-viewport:focus,.product-shell .ux-preview-viewport:focus-visible{outline:0}.product-shell .ux-preview-plane{box-sizing:border-box;padding:var(--preview-padding);touch-action:none;outline:0;position:absolute;inset:0}.product-shell .ux-preview-image-box{transform:translate(calc(-50% + var(--preview-pan-x,0px)),calc(-50% + var(--preview-pan-y,0px)));flex:none;place-items:center;display:grid;position:absolute;top:50%;left:50%}.product-shell .ux-preview-panel .canvas-viewport{background:0 0;place-items:center;width:max-content;min-width:0;max-width:none;min-height:0;max-height:none;margin:0;padding:0;display:grid;overflow:visible}.product-shell .ux-preview-panel .canvas-frame{flex:none}.product-shell .ux-preview-placeholder{place-items:stretch stretch;display:grid;position:absolute;inset:0}.product-shell .ux-preview-placeholder>.ux-create-wait,.product-shell .ux-preview-placeholder>.ux-animation-wait{align-self:center}.product-shell .ux-preview-footer{inset:auto 0 0 var(--preview-palette-inset);pointer-events:none;min-width:0;height:60px;position:absolute;container:preview-artwork/inline-size}.product-shell .ux-preview-footer>div{z-index:6;bottom:var(--preview-footer-inset);height:var(--preview-footer-height);pointer-events:auto;box-sizing:border-box;align-items:center;display:flex;position:absolute}.product-shell .ux-preview-status{max-width:calc(100% - 100px);left:16px;pointer-events:none!important}.product-shell .ux-preview-controls{justify-content:center;width:max-content;max-width:100%;left:50%;transform:translate(-50%)}.product-shell .ux-preview-toggle{gap:8px;right:7px}.product-shell .ux-preview-panel[data-preview-mode=edit] .ux-preview-footer{left:0}.product-shell .ux-preview-panel[data-preview-mode=edit] .ux-preview-controls{left:calc(50% + var(--preview-palette-inset)/2);max-width:calc(100% - var(--preview-palette-inset))}.product-shell .ux-preview-panel[data-preview-mode=edit] .ux-preview-status{left:calc(16px + var(--preview-palette-inset))}.product-shell .ux-preview-footer,.product-shell .ux-preview-footer>div{transition:left .16s ease-in-out}@media (prefers-reduced-motion:reduce){.product-shell .ux-preview-footer,.product-shell .ux-preview-footer>div{transition:none}}.product-shell .ux-preview-panel .ux-preview-switch{height:var(--preview-footer-height);min-height:var(--preview-footer-height);box-sizing:border-box;margin:0;position:static}.product-shell .ux-preview-panel .ux-animation-status{white-space:nowrap;text-overflow:ellipsis;border-radius:var(--radius-small);background:var(--theme-preview-label-background);min-width:0;max-width:100%;color:var(--muted);font-size:var(--type-medium);pointer-events:none;justify-content:flex-start;align-items:center;gap:8px;padding:4px 8px;display:inline-flex;position:static;overflow:hidden}.product-shell .ux-preview-panel[data-preview-mode=animate] .ux-preview-status{max-width:calc(50% - 54px)}.product-shell .ux-preview-panel[data-preview-mode=edit] .ux-preview-status{max-width:max(0px,calc(50% - var(--preview-palette-inset)/2 - 145px))}.product-shell .ux-preview-panel.has-contextual-status .ux-preview-status{max-width:calc(100% - 32px);display:flex}.product-shell .ux-preview-panel .ux-preview-status:has([data-preview-zoom-status=true]){max-width:calc(100% - 100px);display:flex}.product-shell .ux-preview-panel .ux-create-edit-toolbar{box-sizing:border-box;flex-wrap:wrap;justify-content:center;width:max-content;max-width:100%}.product-shell .ux-preview-panel>.ux-file-hidden{pointer-events:none;top:0;left:0}.product-shell .ux-preview-panes{grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;position:absolute;inset:0}.product-shell .ux-preview-panes.is-split{background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}.product-shell .ux-preview-pane{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.product-shell .ux-preview-pane[hidden],.product-shell .ux-preview-pane>span[hidden]{display:none}.product-shell .ux-preview-pane>span{text-align:center;font-size:var(--type-medium);color:var(--muted);flex:none;padding:12px 0}.product-shell .ux-preview-pane-body{flex:1;min-width:0;min-height:0;position:relative}.product-shell .ux-preview-panel .canvas-frame.with-image-boundary{background-color:color-mix(in srgb,var(--theme-background) 95%,white);background-image:linear-gradient(45deg,color-mix(in srgb,var(--theme-checker) 95%,white) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--theme-checker) 95%,white) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--theme-checker) 95%,white) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--theme-checker) 95%,white) 75%);outline:1px dashed var(--line);outline-offset:-1px;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}@media (max-width:760px){.product-shell .ux-preview-panel{--preview-padding:12px;height:36dvh;min-height:260px}.product-shell .ux-preview-panel[data-preview-mode=edit] .ux-preview-controls{bottom:calc(16px + var(--preview-footer-height));height:auto}}@container preview-artwork (width<=120px){.product-shell .ux-preview-panel[data-preview-mode=animate] .ux-preview-controls{bottom:calc(16px + var(--preview-footer-height))}.product-shell .ux-preview-panel[data-preview-mode=animate] .ux-preview-toggle{left:50%;right:auto;transform:translate(-50%)}}@container preview-artwork (width<=260px){.product-shell .ux-preview-panel[data-preview-mode=animate] .ux-preview-status:has([data-preview-zoom-status=true]){bottom:calc(16px + var(--preview-footer-height));max-width:calc(100% - 32px)}}@container preview-artwork (width<=120px){.product-shell .ux-preview-panel[data-preview-mode=animate] .ux-preview-status:has([data-preview-zoom-status=true]){bottom:calc(24px + 2 * var(--preview-footer-height))}}.product-shell .ux-preview-quick{z-index:8;position:absolute;top:12px;right:16px}.product-shell .ux-preview-quick.is-immersive{z-index:100;position:fixed}.product-shell .ux-preview-quick-menu{position:absolute;top:calc(100% + 6px);right:4px}.product-shell .ux-preview-quick-menu[data-flipped=true]{top:auto;bottom:calc(100% + 6px)}.product-shell .ux-preview-quick>.ux-preview-menu-trigger{width:var(--control-height);height:var(--control-height);color:var(--theme-text);box-shadow:none;background:0 0;border:0;place-items:center;padding:0;display:grid}.product-shell .ux-preview-menu-trigger>.ux-icon{transform:translateX(calc(var(--control-height)/2 - 4px - 16px/12))}.product-shell .ux-preview-quick>.ux-preview-menu-trigger:is(:hover,:focus-visible,:active){box-shadow:none;background:0 0}.product-shell .ux-preview-toggle .ux-image-boundary-toggle{width:var(--control-height);min-width:var(--control-height);height:var(--control-height);min-height:var(--control-height);box-shadow:none;color:var(--theme-text);background:0 0;border:0;place-items:center;padding:0;display:grid}.product-shell .ux-preview-toggle .ux-image-boundary-toggle:is(:hover,:focus-visible,:active){box-shadow:none;background:0 0}.product-shell .ux-preview-toggle .ux-image-boundary-toggle[aria-pressed=true]{color:var(--theme-interactive)}.product-shell .ux-render-settings[data-workspace]{--settings-select-width:116px;--settings-adjacent-gap:8px;isolation:isolate;box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:78px;padding:var(--panel-padding-block) 12px;border:1px solid var(--theme-border);border-radius:var(--radius-panel);background:var(--theme-surface);scrollbar-width:thin;flex-wrap:nowrap;justify-content:safe center;align-items:center;gap:32px;margin-top:14px;display:flex;position:relative;overflow-x:auto}.product-shell .ux-render-settings[data-workspace]>*{flex-shrink:0}.product-shell .ux-render-settings[data-workspace] .ux-setting-label,.product-shell .ux-render-settings[data-workspace]>label>span:not(.ux-settings-select){transform:translateY(var(--control-label-offset))}.product-shell .ux-render-settings[data-workspace] .ux-setting-group{justify-content:center;align-items:center;gap:var(--control-label-gap);white-space:nowrap;flex-direction:column;flex:none;display:flex}.product-shell .ux-render-settings[data-workspace] .ux-setting-label{min-height:var(--control-label-height);color:var(--theme-muted);font-size:var(--type-small);text-align:var(--control-text-align);justify-content:center;align-items:center;line-height:1.2;display:flex}.product-shell .ux-render-settings[data-workspace] label:not(.ux-check):not(.ux-upload):not(.ux-button){justify-content:center;align-items:center;gap:var(--control-label-gap);white-space:nowrap;text-align:var(--control-text-align);flex-direction:column;display:flex}.product-shell .ux-render-settings[data-workspace] select{width:var(--settings-select-width);min-width:var(--settings-select-width);flex:0 0 var(--control-height);max-width:100%;height:var(--control-height);min-height:var(--control-height);max-height:var(--control-height);box-sizing:border-box;text-align:var(--control-text-align);align-self:center;margin:0;padding:7px 0;line-height:normal}.product-shell .ux-render-settings[data-workspace] small{font-size:var(--type-small);color:var(--muted)}.product-shell .ux-render-settings[data-workspace] .ux-check{white-space:nowrap;flex-wrap:nowrap;gap:8px;max-width:none}.product-shell .ux-render-settings[data-workspace] .ux-check small{white-space:nowrap}.product-shell .ux-render-settings[data-workspace]>[data-setting=look] .ux-pill{background:var(--theme-control);border-radius:24px;padding:4px}.product-shell .ux-render-settings[data-workspace]>[data-setting=look] .ux-pill button{width:auto;min-width:80px;height:var(--control-segment-option-height);min-height:var(--control-segment-option-height);font-size:var(--type-medium);border-radius:20px}.product-shell .ux-render-settings[data-workspace]>[data-setting=look] .ux-pill button[aria-pressed=true]{background:var(--theme-hover);box-shadow:none;color:var(--theme-text)}.product-shell .ux-render-settings[data-workspace]>[data-setting=colours]{grid-template-columns:minmax(0,1fr) var(--control-height);align-items:end;gap:var(--settings-adjacent-gap);flex-shrink:0;grid-template-rows:auto auto;display:grid}.product-shell .ux-render-settings[data-workspace] .ux-settings-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.product-shell .ux-render-settings[data-workspace] .ux-colours-setting>.ux-setting-label{width:100%;text-align:var(--control-text-align);grid-area:1/1;justify-content:center;align-items:center;display:flex}.product-shell .ux-render-settings[data-workspace] .ux-colours-setting>.ux-settings-select{grid-area:2/1;justify-self:center}.product-shell .ux-render-settings[data-workspace] .ux-settings-select{width:var(--settings-select-width);height:var(--control-height);flex-shrink:0;display:block;position:relative}.product-shell .ux-render-settings[data-workspace] .ux-palette-gear{width:var(--control-height);min-width:var(--control-height);height:var(--control-height);grid-area:2/2;place-items:center;padding:0;display:grid}.product-shell .ux-render-settings[data-workspace] .ux-scale-setting{align-items:flex-end;gap:var(--settings-adjacent-gap);display:flex}.product-shell .ux-render-settings[data-workspace] .ux-scale{justify-content:center;align-items:center;gap:var(--control-label-gap);white-space:nowrap;border:0;flex-flow:column;padding:0;display:flex}.product-shell .ux-render-settings[data-workspace] .ux-scale .ux-segment{padding:4px}.product-shell .ux-render-settings[data-workspace] .ux-scale .ux-segment button{height:var(--control-segment-option-height);min-height:var(--control-segment-option-height)}.product-shell .ux-render-settings[data-workspace] .ux-scale>span{display:flex}.product-shell .ux-render-settings[data-workspace] .ux-scale[aria-disabled=true]>.ux-setting-label,.product-shell .ux-render-settings[data-workspace][data-rendering-enabled=false] :is([data-setting=look],[data-setting=resolution],[data-setting=dithering],[data-rendering-control]){opacity:.45}@media (max-width:760px){.product-shell .ux-render-settings[data-workspace]{padding:var(--panel-padding-block) 10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"look resolution""colours dithering""scale scale";justify-content:flex-start;gap:20px;display:grid;overflow-x:hidden}.product-shell .ux-render-settings[data-workspace]>[data-setting=look]{grid-area:look;min-width:0}.product-shell .ux-render-settings[data-workspace]>[data-setting=resolution]{grid-area:resolution;min-width:0}.product-shell .ux-render-settings[data-workspace]>[data-setting=colours]{grid-area:colours;grid-template-columns:max-content var(--control-height);justify-self:center;width:max-content;min-width:0;max-width:100%}.product-shell .ux-render-settings[data-workspace] .ux-colours-setting>.ux-setting-label{grid-column:1/-1}.product-shell .ux-render-settings[data-workspace]>[data-setting=dithering]{grid-area:dithering;min-width:0}.product-shell .ux-render-settings[data-workspace]>[data-setting=view]{grid-area:scale;justify-self:center}}.product-shell .ux-render-settings[data-workspace]:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background-image:var(--theme-panel-noise-image);opacity:var(--theme-panel-noise-opacity);background-size:128px 128px;position:absolute;inset:0}.product-shell .ux-render-settings[data-workspace]>*{z-index:1;position:relative}.product-shell .ux-render-settings[data-workspace] .ux-segment button[aria-pressed=true]{isolation:isolate;position:relative}.product-shell .ux-render-settings[data-workspace] .ux-segment button[aria-pressed=true]:before{content:none;z-index:-1}.product-shell .ux-render-settings[data-workspace] .ux-scale .ux-segment button[aria-pressed=true]{color:var(--theme-interactive);border-radius:inherit;box-shadow:none;background:0 0}.product-shell .ux-render-settings[data-workspace] .ux-retro-toggle{width:var(--control-height);min-width:var(--control-height);height:var(--control-height);min-height:var(--control-height);color:var(--theme-muted);align-self:flex-end;place-items:center;padding:0;display:grid}.product-shell .ux-render-settings[data-workspace] .ux-retro-toggle[aria-pressed=true]{color:var(--theme-interactive)}.product-shell .ux-create-edit-toolbar{isolation:isolate;border:1px solid var(--theme-border);border-radius:var(--radius-control);background:var(--theme-control);box-shadow:none;align-items:center;gap:0;padding:4px;display:flex;position:relative}.product-shell .ux-create-edit-toolbar:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background-image:var(--theme-panel-noise-image);opacity:var(--theme-panel-noise-opacity);background-size:128px 128px;position:absolute;inset:0}.product-shell .ux-create-edit-toolbar>*{z-index:1;position:relative}.product-shell .ux-create-edit-toolbar button.ux-icon-button,.product-shell .ux-create-edit-toolbar button.ux-icon-button:is(:hover,:focus-visible,:active){color:var(--theme-muted);background:0 0}.product-shell .ux-create-edit-toolbar button.ux-icon-button.is-selected{color:var(--theme-interactive)}.product-shell .ux-edit-surface[data-tool=pencil]{cursor:url(/cursors/pencil.svg) 4 20,default}.product-shell .ux-edit-surface[data-tool=eraser]{cursor:url(/cursors/eraser.png) 3 15,default}.product-shell .ux-edit-surface[data-tool=eyedropper]{cursor:url(/cursors/eyedropper.svg) 4 20,default}.product-shell .ux-edit-surface[data-tool=reframe]{cursor:move}.product-shell .ux-edit-surface[data-tool=hand],.product-shell .ux-edit-surface[data-outside=true]{cursor:grab}.product-shell .ux-grab-preview[data-panning=true] .ux-edit-surface:is([data-tool=hand],[data-outside=true]){cursor:grabbing}.product-shell .ux-edit-surface .canvas-frame{touch-action:none}.ux-line-preview,.ux-pixel-preview{pointer-events:none;position:absolute;inset:0}.ux-line-preview>span,.ux-pixel-preview>span{box-sizing:border-box;border:1px solid var(--theme-interactive);pointer-events:none;background:0 0;border-radius:0;position:absolute}.product-shell .ux-edit-tools{display:flex;position:relative}.product-shell .ux-edit-tools-menu{z-index:20;position:absolute;bottom:calc(100% + 10px);right:-4px}.product-shell .ux-edit-tools-menu[data-flipped=true]{top:calc(100% + 10px);bottom:auto}.product-shell .ux-effect-picker{z-index:1000;box-sizing:border-box;isolation:isolate;background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--radius-panel);color:var(--theme-text);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 24px #0004;container-type:inline-size}.ux-effect-picker:before{content:"";z-index:-1;pointer-events:none;background-image:var(--theme-panel-noise-image);opacity:var(--theme-panel-noise-opacity);background-size:128px 128px;position:absolute;inset:0}.product-shell .ux-motion-effect-trigger .ux-dropdown-trigger>svg{color:var(--theme-interactive);flex:none}.ux-effect-search{color:var(--theme-muted);flex:none;align-items:center;gap:8px;padding:10px 12px;display:flex}.product-shell .ux-effect-search input{background:var(--theme-background);width:0;min-width:0;height:var(--control-height);font-size:var(--type-medium);flex:1;padding:0 10px}.product-shell .ux-effect-search input::-webkit-search-cancel-button{appearance:none}.product-shell .ux-effect-search-field>button{width:26px;min-width:26px;height:26px;min-height:26px;color:var(--theme-muted);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.ux-effect-body{flex:1;grid-template-columns:154px minmax(0,1fr);min-height:0;display:grid}.ux-effect-categories{flex-direction:column;gap:3px;min-height:0;padding:8px 6px;display:flex;overflow-y:auto}.product-shell .ux-effect-categories>button{min-height:34px;font-size:var(--type-small);text-align:left;color:var(--theme-muted);border-radius:var(--radius-control);background:0 0;border:0;flex:none;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:6px;padding:7px 6px;font-weight:400;display:grid}.ux-effect-categories>button small{font-size:var(--type-small);font-variant-numeric:tabular-nums;opacity:.75}.product-shell .ux-effect-picker .ux-effect-categories>button[aria-pressed=true]{background:var(--theme-background);color:var(--theme-interactive);box-shadow:none;outline:none}.ux-effect-results{background:var(--theme-control);border-radius:var(--radius-control);flex-direction:column;min-width:0;min-height:0;margin-bottom:10px;margin-right:10px;padding:8px;display:flex}.ux-effect-result-label{color:var(--theme-muted);font-size:var(--type-small);flex:none;justify-content:space-between;align-items:center;padding:2px 5px 8px;display:flex}.ux-effect-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:68px;align-content:start;gap:5px;min-height:0;padding:3px;display:grid;overflow-y:auto}.product-shell .ux-effect-grid>button{border-radius:var(--radius-control);text-align:left;min-width:0;height:68px;min-height:68px;color:var(--theme-text);white-space:normal;background:0 0;border:0;align-items:flex-start;gap:8px;padding:10px 8px;display:flex;position:relative}.ux-effect-grid>button>svg{color:var(--theme-muted);flex:none;margin-top:1px}.ux-effect-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.ux-effect-copy strong{font-size:var(--type-medium);overflow-wrap:break-word;font-weight:600;line-height:1.25}.ux-effect-copy small{font-size:var(--type-small);color:var(--theme-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.product-shell .ux-effect-grid>button[aria-selected=true]{background:var(--theme-background);color:var(--theme-interactive)}.product-shell .ux-effect-grid>button[aria-selected=true]>svg{color:var(--theme-interactive)}.ux-effect-grid>button .ux-effect-check{opacity:.8;position:absolute;top:4px;right:4px}.product-shell .ux-effect-grid>button:focus-visible,.product-shell .ux-effect-categories>button:focus-visible{outline:1px solid var(--theme-interactive);outline-offset:1px}.ux-effect-empty{text-align:center;color:var(--theme-muted);font-size:var(--type-small);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.ux-effect-empty strong{font-size:var(--type-medium);color:var(--theme-text);font-weight:600}@media (hover:hover){.product-shell .ux-effect-grid>button:hover,.product-shell .ux-effect-categories>button:hover{background:var(--theme-hover)}}@container (width<=480px){.ux-effect-body{grid-template-columns:134px minmax(0,1fr)}.ux-effect-grid{grid-template-columns:minmax(0,1fr)}.ux-effect-categories{padding:6px 3px}.product-shell .ux-effect-categories>button{gap:4px;padding:7px 4px}.ux-effect-search{padding:8px}.ux-effect-results{margin-bottom:8px;margin-right:8px}}@container (width<=330px){.ux-effect-body{grid-template-columns:134px minmax(0,1fr)}.product-shell .ux-effect-grid>button{gap:5px;padding:9px 6px}.ux-effect-copy small{font-size:var(--type-small)}}.ux-effect-search,.ux-effect-categories{isolation:isolate;background:var(--theme-surface);position:relative}.ux-effect-search:before,.ux-effect-categories:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background-image:var(--theme-panel-noise-image);opacity:var(--theme-panel-noise-opacity);background-size:128px 128px;position:absolute;inset:0}.ux-effect-search>*,.ux-effect-categories>*{z-index:1;position:relative}.product-shell .ux-effect-picker .ux-effect-search input{background:var(--theme-control)}.ux-effect-search-field{flex:1;min-width:0;display:flex;position:relative}.product-shell .ux-effect-search-field input{width:100%;padding-inline:34px}.product-shell .ux-effect-picker .ux-effect-search input:hover{background:var(--theme-hover);filter:none}.product-shell .ux-effect-picker .ux-effect-search input:focus{background:var(--theme-background);filter:none}.ux-effect-search-field>svg{pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.ux-effect-search-placeholder{white-space:nowrap;font-size:var(--type-medium);pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ux-effect-search-placeholder>svg{flex:none}.product-shell .ux-effect-search-field input::placeholder{color:#0000}.ux-effect-picker{--effect-picker-enter-clip:inset(0 0 100% 0 round var(--radius-panel));animation:.26s both ux-effect-picker-enter}.ux-effect-picker[data-placement=above]{--effect-picker-enter-clip:inset(100% 0 0 0 round var(--radius-panel))}@keyframes ux-effect-picker-enter{0%{opacity:0;clip-path:var(--effect-picker-enter-clip)}to{opacity:1;clip-path:inset(0 0 0 0 round var(--radius-panel))}}@media (prefers-reduced-motion:reduce){.ux-effect-picker{animation:none}}.product-shell .ux-stepper{padding:var(--control-segment-inset);height:var(--control-height);min-height:var(--control-height);background:var(--theme-control);border-radius:24px;justify-content:center;align-items:center;gap:8px;display:flex}.product-shell .ux-stepper button{width:var(--control-segment-option-height);height:var(--control-segment-option-height);min-width:var(--control-segment-option-height);min-height:var(--control-segment-option-height);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.ux-stepper output{text-align:center;min-width:54px;font-size:var(--type-medium)}.product-shell .ux-option-stepper button{flex:none}.product-shell .ux-option-stepper button:not(:disabled){color:var(--theme-muted)}@media (hover:hover){.product-shell .ux-option-stepper button:not(:disabled):hover{color:var(--theme-interactive)}}.ux-option-stepper output{white-space:nowrap;flex:1;font-weight:400;overflow:hidden}.ux-option-stepper-label{display:inline-block}.ux-option-stepper-label.from-next{animation:.18s ease-out ux-option-stepper-from-next}.ux-option-stepper-label.from-previous{animation:.18s ease-out ux-option-stepper-from-previous}@keyframes ux-option-stepper-from-next{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}@keyframes ux-option-stepper-from-previous{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ux-option-stepper-label.from-next,.ux-option-stepper-label.from-previous{animation:none}}.ux-option-stepper-icon{vertical-align:middle;align-items:center;margin-right:6px;display:inline-flex}.ux-motion-brush{inset:0 0 0 var(--preview-palette-inset);z-index:5;background:0 0;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;overflow:hidden}.ux-motion-brush canvas{object-fit:contain;width:min(80%,400px);max-width:100%;height:auto;max-height:100%;image-rendering:pixelated;touch-action:none;cursor:crosshair;display:block}.ux-motion-controls p{color:var(--theme-muted);font-size:var(--type-small);text-align:center;margin:0}.ux-motion-controls label{align-items:center;gap:var(--side-panel-label-gap);color:var(--theme-muted);font-size:var(--type-small);flex-direction:column;display:flex}.ux-motion-controls input,.ux-motion-controls select{width:100%;min-width:0}.ux-motion-actions{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.ux-motion-actions .ux-icon-button{flex:none}.product-shell .ux-motion-actions [aria-label=Apply\ motion]:not(:disabled){color:var(--theme-interactive)}.ux-motion-layers{border:1px solid var(--theme-border);border-radius:8px;flex-direction:column;gap:1px;min-height:0;max-height:117px;display:flex;overflow-y:auto}.ux-motion-layer{background:var(--theme-surface);cursor:pointer;outline-offset:-2px;flex:0 0 28px;grid-template-columns:minmax(max-content,1fr) minmax(0,auto) minmax(max-content,1fr);align-items:center;min-height:28px;display:grid}.ux-motion-layer.is-selected{background:var(--theme-hover)}.ux-motion-layer:focus-visible{outline:2px solid var(--theme-interactive)}.product-shell .ux-motion-layer-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--type-small);line-height:1.2;overflow:hidden}.ux-motion-layer.is-selected .ux-motion-layer-name{color:var(--theme-interactive)}.product-shell .ux-motion-layer button{width:26px;min-width:0;height:26px;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.product-shell .ux-motion-layer .ux-motion-layer-delete{color:var(--theme-accent)}.product-shell .ux-motion-layer button:focus-visible{background:var(--theme-hover);outline:none}.product-shell .ux-motion-layers .ux-motion-layer button[aria-pressed=true]{box-shadow:none;color:var(--theme-text);outline:none}.product-shell .ux-motion-layer button:last-child{margin-right:6px}.ux-motion-layer-group{gap:calc(var(--side-panel-label-gap) + var(--side-panel-slider-inset));flex-direction:column;min-height:0;display:flex}.ux-create-palette-popover .ux-motion-controls .ux-motion-layer-heading{line-height:inherit;margin:0}.ux-motion-embers{color:var(--theme-muted);font-size:var(--type-small);justify-content:center;align-items:center;gap:8px;display:flex}.product-shell .ux-motion-add{width:100%;min-height:28px;box-shadow:none;background:var(--theme-control);color:var(--theme-muted);border:0;justify-content:center;align-items:center;gap:6px;padding:4px 8px;display:flex}.ux-motion-timing-row{grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:4px;min-width:0;display:grid}.product-shell .ux-motion-timing-row .ux-option-stepper{gap:0;min-width:0}.product-shell .ux-motion-timing-row .ux-option-stepper button{width:var(--control-segment-option-height);min-width:var(--control-segment-option-height);height:var(--control-segment-option-height);min-height:var(--control-segment-option-height);border-radius:50%}.ux-motion-timing-row .ux-option-stepper output{min-width:0;font-size:var(--type-medium)}.ux-motion-timing-row .ux-option-stepper-label{text-overflow:ellipsis;vertical-align:middle;max-width:100%;overflow:hidden}.ux-motion-timing-row .ux-dropdown{min-width:0}@media (hover:hover){.product-shell .ux-motion-add:not(:disabled):hover :is(small,.ux-icon){color:var(--theme-interactive)}}.ux-motion-timing-row{grid-template-columns:minmax(0,1fr)}.ux-motion-layer-colour{flex:none;width:26px}.ux-motion-layer-actions{justify-content:flex-end;align-items:center;display:flex}.product-shell .ux-motion-layer-colour .ux-dropdown-trigger{gap:0;width:26px;height:26px}.ux-motion-colour-swatch{border-radius:2px;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.ux-motion-colour-swatch.is-auto{width:16px;height:16px;color:var(--theme-text)}.product-shell .ux-motion-layer-colour .ux-dropdown-trigger:is(:focus,:focus-visible,[aria-expanded=true]){box-shadow:none;outline:none}.product-shell .ux-motion-layer-colour .ux-dropdown-trigger[aria-expanded=true] .ux-motion-colour-swatch.is-auto,.ux-motion-timing-row .ux-option-stepper-icon{color:var(--theme-interactive)}.ux-motion-guides{pointer-events:none;color:var(--theme-interactive);image-rendering:auto;position:absolute;overflow:hidden}.ux-sprite-import-fields{gap:8px;display:grid}.product-shell .ux-sprite-import-field{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.product-shell .ux-sprite-import-warning{color:var(--theme-accent)}.ux-sprite-import-preview{place-items:center;height:180px;display:grid;overflow:hidden}.product-shell .ux-sprite-import-preview .canvas-viewport{max-width:100%;min-height:0;max-height:none;padding:0;overflow:hidden}.ux-sprite-import-grid{pointer-events:none;display:grid;position:absolute;inset:0}.ux-sprite-import-grid>span{border:1px solid var(--theme-interactive);text-align:left;min-width:0;min-height:0;overflow:hidden}.ux-sprite-import-grid>span.is-unused{border-color:var(--theme-border);background:color-mix(in srgb,var(--theme-surface) 75%,transparent)}.ux-sprite-import-grid small{color:var(--theme-interactive);background:var(--theme-surface);font-size:var(--type-small)}.ux-animate{max-width:1024px;margin:0 auto;padding:20px 32px 32px}.ux-animation-heading{justify-content:center;align-items:center;min-height:42px;margin-bottom:14px;display:flex}.ux-animation-heading .ux-pill{width:max-content}.ux-animation-mode{width:max-content;margin:0 auto 18px}.product-shell .ux-animate .ux-pill{background:var(--theme-control);border-radius:24px;padding:4px}.product-shell .ux-animate .ux-pill button{min-width:76px;font-size:var(--type-medium);height:var(--control-segment-option-height);min-height:var(--control-segment-option-height);border-radius:20px}.product-shell .ux-animate .ux-pill button[aria-pressed=true]{background:var(--theme-hover);box-shadow:var(--theme-selected-shadow);color:var(--theme-text)}.ux-animation-preview canvas,.ux-animation-timeline canvas{image-rendering:pixelated}.product-shell .ux-animation-drop{white-space:normal;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.ux-animation-drop strong,.ux-animation-overlay strong{font-size:var(--type-heading)}.ux-animation-drop>span:last-child{font-size:var(--type-medium);color:var(--muted)}.ux-animation-overlay{pointer-events:none;border:1px dashed var(--accent);border-radius:var(--radius-panel);background:color-mix(in srgb,var(--theme-background) 85%,transparent);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.ux-animation-overlay>p{color:var(--theme-accent);font-size:var(--type-medium);text-align:center;margin:0;line-height:1.5}.ux-animation-playback{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:0;display:flex}.product-shell .ux-animation-playback>.ux-primary{width:var(--control-height-playback);height:var(--control-height-playback);min-width:var(--control-height-playback);min-height:var(--control-height-playback);background:var(--theme-interactive);color:var(--theme-background);box-shadow:none;border:0;border-radius:50%;place-items:center;padding:0;font-weight:600;transition:none;display:grid}.product-shell .ux-animation-playback>.ux-primary:hover:not(:disabled){background:var(--theme-interactive);filter:none;box-shadow:none}.ux-animation-timeline{scrollbar-width:thin;overscroll-behavior-x:contain;gap:12px;width:100%;min-height:166px;padding:12px 0 16px 3px;display:flex;position:relative;top:9px;overflow:auto hidden}.ux-animation-item{--timeline-frame-padding:4px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--theme-background);padding:var(--timeline-frame-padding);flex:0 0 max(108px,12.5% - 10.5px);position:relative}.ux-animation-item.is-selected{border-color:var(--accent)}.ux-animation-item.is-playing{box-shadow:inset 0 -3px var(--accent)}.product-shell .ux-frame-select{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex-direction:column;justify-content:space-between;align-items:center;gap:6px;width:100%;height:98px;padding:6px;display:flex}.product-shell .ux-frame-select:focus-visible{outline:none}.product-shell button.ux-frame-select[aria-pressed=true]:not(.ux-swatch){box-shadow:none}.product-shell .ux-frame-select:active{cursor:grabbing}.product-shell .ux-frame-remove{z-index:2;top:var(--timeline-frame-padding);opacity:0;pointer-events:none;transition:opacity .14s;position:absolute;left:2px}.product-shell button.ux-icon-button.ux-frame-remove{width:var(--control-height-compact);min-width:var(--control-height-compact);height:var(--control-height-compact);min-height:var(--control-height-compact);flex-basis:var(--control-height-compact)}.product-shell button.ux-icon-button.ux-frame-remove,.product-shell button.ux-icon-button.ux-frame-remove:is(:hover,:focus-visible,:active){color:var(--theme-accent);background:0 0}.ux-animation-item:hover .ux-frame-remove,.ux-animation-item:focus-within .ux-frame-remove,.ux-frame-remove:focus-visible{opacity:1;pointer-events:auto}@media (hover:none){.ux-animation-item.is-selected .ux-frame-remove{opacity:1;pointer-events:auto}}.ux-frame-select>span{font-size:var(--type-small);color:var(--muted)}.product-shell .ux-frame-select .canvas-viewport{pointer-events:none;background:0 0;min-height:0;max-height:64px;padding:0;overflow:hidden}.ux-frame-hold,.ux-frame-actions{justify-content:center;align-items:center;gap:4px;display:flex}.product-shell .ux-frame-hold button,.product-shell .ux-frame-actions button{min-width:var(--control-height-compact);min-height:var(--control-height-compact);font-size:var(--type-medium);background:0 0;border:0;padding:2px}.ux-frame-hold>span{text-align:center;min-width:28px;font-size:var(--type-medium)}.product-shell .ux-frame-actions button{font-size:var(--type-medium);color:var(--muted)}.product-shell .ux-animation-add{white-space:normal;border:1px dashed var(--line);border-radius:var(--radius-control);background:0 0;flex-direction:column;flex:0 0 max(108px,12.5% - 10.5px);justify-content:center;align-items:center;gap:8px;min-height:150px;display:flex}.insert-before:before{content:"";background:var(--theme-interactive);pointer-events:none;border-radius:0;width:3px;position:absolute;top:0;bottom:0;left:-8px}.ux-animation-item:first-of-type.insert-before:before{left:-2px}.ux-animation-add{position:relative}.ux-animation-timeline.is-dragging{outline:1px dashed var(--theme-interactive);outline-offset:0}.ux-timeline-drop-hint{background:var(--theme-background);color:var(--theme-interactive);font-size:var(--type-medium);white-space:nowrap;pointer-events:none;align-self:center;padding:8px;position:sticky;right:12px}.ux-animation-exports{flex-wrap:wrap;justify-content:center;gap:10px;padding:24px 0 8px;display:flex}.ux-animation-note{text-align:center;color:var(--muted);font-size:var(--type-small);margin:4px}.ux-animate .ux-error{border-radius:var(--radius-control);font-size:var(--type-medium);margin-top:16px;padding:12px}.ux-animate .ux-error p{margin:4px 0}.ux-animate>.ux-file-hidden{pointer-events:none;position:absolute;top:0;left:0}@media (max-width:760px){.ux-animate{padding:12px 14px 24px}.ux-animation-heading{min-height:42px;margin-bottom:10px}.ux-animation-playback{gap:12px}.ux-animation-timeline{gap:10px}.ux-animation-item,.product-shell .ux-animation-add{flex-basis:max(108px,12.5% - 8.75px)}}@media (prefers-reduced-motion:reduce){.ux-animate *{scroll-behavior:auto;transition:none!important}}.ux-animation-wait{min-height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.ux-frame-select>.ux-loading-spinner{margin:24px 0}.ux-animation-wait{box-sizing:border-box;width:100%}.ux-animation-exports .ux-export-button{min-width:132px}.product-shell .ux-sprite-columns{grid-template-columns:1fr;align-items:start;gap:8px;display:grid}.product-shell .ux-sprite-columns>span{text-align:center;justify-content:center;align-items:center;min-height:20px;display:flex}.ux-sprite-grid{box-sizing:border-box;border-radius:var(--radius-control);background:var(--theme-background);align-content:start;align-self:center;gap:2px;width:max-content;max-width:100%;max-height:42vh;padding:8px;display:grid;overflow:auto}.ux-sprite-cell{box-sizing:border-box;border:1px solid var(--theme-interactive);width:16px;height:16px;color:var(--theme-background);font-size:var(--type-small);font-variant-numeric:tabular-nums;border-radius:1px;place-items:center;font-weight:500;line-height:1;display:grid}.ux-sprite-cell:not(.is-filled){border-color:var(--theme-border)}.ux-sprite-cell.is-filled{background:var(--theme-interactive)}.ux-sprite-summary{text-align:center;color:var(--theme-muted);font-size:var(--type-medium);justify-content:center;align-items:center;display:flex}.ux-sprite-summary>span{grid-template-rows:auto auto;align-content:start;justify-items:center;gap:5px;display:grid}.ux-sprite-summary b{color:var(--theme-text);font-size:var(--type-medium);font-variant-numeric:tabular-nums;font-weight:600;display:block}@media (max-width:760px){.ux-sprite-grid{gap:2px;padding:6px}}.ux-animation-fps output{font-weight:600}@media (hover:hover){.product-shell .ux-animation-fps button[aria-label=Increase\ FPS]:not(:disabled):hover{color:var(--theme-interactive)}.product-shell .ux-animation-fps button[aria-label=Decrease\ FPS]:not(:disabled):hover{color:var(--theme-accent)}}@media (max-width:760px){:root{--panel-padding-block:10px}}body:has(.product-shell){background:var(--theme-surface);color:var(--theme-text);margin:0}.product-shell{font-family:var(--theme-font);--ink:var(--theme-text);--muted:var(--theme-muted);--line:var(--theme-border);--accent:var(--theme-accent);font-size:var(--type-medium);min-height:100dvh}.product-shell [hidden]{display:none!important}.product-shell :is(button,select,input){font:inherit}.product-shell button,.ux-button{border:1px solid var(--line);background:var(--theme-surface);color:var(--ink);border-radius:var(--radius-control);cursor:pointer;font-size:var(--type-medium);white-space:nowrap;padding:7px 12px;transition:background .18s,border-color .18s,color .18s}.product-shell button:disabled{opacity:.45;cursor:default}.product-shell :is(button,select,input,summary,a):focus-visible{outline:2px solid var(--theme-focus);outline-offset:2px}.product-shell select,.product-shell input[type=number],.product-shell input:is([type=text],[type=search],[type=email],[type=url],[type=tel],[type=password]){box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--theme-surface);color:var(--ink);width:100%;min-width:0;text-align:var(--control-text-align);padding:7px 10px}.product-shell input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;width:16px;height:16px}.product-shell input[type=range]{accent-color:var(--accent)}.product-shell label:not(.ux-check):not(.ux-upload):not(.ux-button){font-size:var(--type-label);color:var(--theme-muted);gap:7px;display:grid}.product-shell h1,.product-shell h2,.product-shell h3,.product-shell p{margin:0}.product-shell h1{font-size:var(--type-heading);letter-spacing:-.6px}.product-shell h2,.product-shell h3{font-size:var(--type-heading)}.product-shell p{line-height:1.6}.product-shell summary{cursor:pointer;font-size:var(--type-medium);min-height:var(--control-height);line-height:var(--control-height);color:var(--theme-muted)}.product-shell a{color:var(--accent);text-decoration:none}.product-shell a:hover{text-decoration:underline}.product-shell .ux-primary,.product-shell .ux-button{background:var(--accent);color:var(--theme-background);border-color:var(--accent)}.ux-header{background:var(--theme-surface);border-bottom:1px solid var(--line);align-items:center;gap:32px;height:76px;padding:0 32px;display:flex}.ux-brand{font-size:var(--type-medium);letter-spacing:-.4px;align-items:center;gap:10px;display:flex;color:var(--ink)!important}.ux-brand>span{border-radius:var(--radius-control);background:var(--theme-surface);width:34px;height:34px;color:var(--theme-muted);place-items:center;font-size:24px;display:grid}.ux-header nav{background:var(--theme-surface);border-radius:var(--radius-control);gap:2px;padding:4px;display:flex}.ux-header nav button{color:var(--theme-muted);background:0 0;border:0}.ux-header nav button[aria-pressed=true]{background:var(--theme-surface);color:var(--ink);box-shadow:0 1px 4px #00000020}.ux-header-note{font-size:var(--type-medium);color:var(--theme-muted);margin-left:auto}.ux-create{grid-template-columns:270px minmax(0,1fr);gap:24px;max-width:1480px;height:calc(100dvh - 76px);min-height:630px;margin:auto;padding:26px 32px;display:grid}.ux-controls{min-height:0;padding:4px 4px 12px 0;overflow-y:auto}.ux-section-head{margin-bottom:24px}.ux-section-head p{color:var(--muted);font-size:var(--type-medium);margin-top:6px}.ux-upload{background:var(--theme-surface);border:1px dashed var(--theme-border);border-radius:var(--radius-panel);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:5px;padding:20px 12px;display:flex;position:relative}.ux-upload span:last-of-type{font-size:var(--type-small);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.ux-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.ux-upload-wrap{margin-bottom:23px}.ux-settings{gap:18px;display:grid}.ux-advanced{border-top:1px solid var(--line);margin-top:22px;padding-top:8px}.ux-advanced[open]{padding-bottom:8px}.ux-advanced label{margin:12px 0}.ux-advanced p,.ux-tip,.ux-note{font-size:var(--type-small);color:var(--muted);line-height:1.6}.ux-tip{max-width:230px;margin-top:24px!important}.ux-field span{float:right}.ux-check{font-size:var(--type-label);color:var(--theme-muted);cursor:pointer;align-items:center;gap:7px;display:flex}.ux-result-panel{background:var(--theme-surface);border:1px solid var(--line);border-radius:var(--radius-panel);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:0 4px 25px #00000020}.ux-preview-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.ux-preview-heading>span{font-size:var(--type-small);color:var(--theme-muted)}.ux-sampling-inspector,.ux-sampling-rating{border:1px solid var(--line);border-radius:var(--radius-control);font-size:var(--type-small);margin:12px 20px;padding:12px}.ux-sampling-inspector p{margin:6px 0}.ux-sampling-inspector{flex-shrink:0;max-height:260px;overflow:auto}.product-shell .ux-sampling-inspector .canvas-viewport{max-width:100%;min-height:0;max-height:none;padding:6px;display:inline-flex}.ux-sampling-inspector pre{max-height:180px;overflow:auto}.ux-sampling-rating{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.product-shell .ux-lab[data-sampling=true] .ux-pair select{width:150px!important}@media (max-width:760px){.product-shell .ux-lab[data-sampling=true] .ux-pair select{width:100px!important}}.ux-original-toggle{align-items:center;gap:9px;display:inline-flex}.ux-toggle-track{background:var(--theme-surface);box-sizing:border-box;border-radius:12px;align-items:center;width:32px;height:20px;padding:3px;display:flex}.ux-toggle-track>span{background:var(--theme-surface);border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #00000020}.ux-original-toggle[aria-checked=true] .ux-toggle-track>span{transform:translate(12px)}.ux-segment{min-height:var(--control-height);border-radius:var(--radius-control);background:var(--theme-surface);padding:var(--control-segment-inset);align-items:center;gap:2px;display:flex}.ux-segment button{height:var(--control-segment-option-height);min-height:var(--control-segment-option-height);color:var(--theme-muted);background:0 0;border:0;padding:5px 10px}.ux-segment button[aria-pressed=true]{background:var(--theme-surface);color:var(--accent);box-shadow:0 1px 4px #00000020}.ux-preview-area{background:var(--theme-surface);flex:1;place-items:center;min-height:200px;padding:24px;display:grid;overflow:auto}.ux-preview-item{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:180px;display:flex}.ux-preview-item>span{font-size:var(--type-small);color:var(--theme-muted);margin-bottom:18px}.product-shell .ux-preview-area .canvas-viewport{border:1px solid var(--theme-border);border-radius:var(--radius-panel);background-color:var(--theme-surface);background-image:linear-gradient(45deg,var(--theme-checker) 25%,transparent 25%),linear-gradient(-45deg,var(--theme-checker) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--theme-checker) 75%),linear-gradient(-45deg,transparent 75%,var(--theme-checker) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;flex:1;place-items:center;width:100%;min-height:0;max-height:none;padding:20px;display:grid}.product-shell .canvas-frame{flex-shrink:0;position:relative}.product-shell .canvas-frame canvas,.ux-aligned-frame canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.product-shell .fit .canvas-frame{max-width:100%;max-height:100%;width:auto!important;height:auto!important}.product-shell .fit canvas{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:340px}.ux-empty{text-align:center;color:var(--theme-muted);justify-items:center;gap:16px;display:grid}.ux-empty>span{color:var(--theme-muted);font-size:64px}.ux-empty p{font-size:var(--type-medium)}.ux-file-hidden{opacity:0;width:1px;height:1px;position:absolute}.ux-preview-bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;display:flex}.ux-scale{color:var(--theme-muted);font-size:var(--type-small);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ux-scale .ux-check{font-size:var(--type-small);margin-left:4px}.ux-exports{gap:8px;display:flex}.ux-palette{border-top:1px solid var(--line);flex-shrink:0;padding:17px 20px;position:relative}.ux-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.ux-row>label{flex:1;min-width:0}.ux-palette h3 small{font-weight:400;font-size:var(--type-small);color:var(--theme-muted);margin-left:8px}.product-shell .ux-text{color:var(--accent);background:0 0;border:0;padding:4px}.ux-swatches{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.product-shell .ux-swatch{border:1px solid var(--theme-border);border-radius:var(--radius-small);width:32px;height:32px;min-height:32px;padding:0;display:block;position:relative;box-shadow:inset 0 0 0 1px #00000020}.product-shell .ux-swatch.selected{outline:2px solid var(--accent);outline-offset:2px}.ux-swatch>span{background:var(--theme-surface);color:var(--theme-muted);border:1px solid var(--theme-border);border-radius:var(--radius-small);font-size:var(--type-small);text-align:center;min-width:13px;line-height:13px;position:absolute;bottom:-4px;right:-3px}.ux-colour-popover{background:var(--theme-surface);border:1px solid var(--line);border-radius:var(--radius-panel);z-index:5;width:290px;max-width:calc(100% - 40px);padding:14px;position:absolute;bottom:calc(100% - 5px);left:20px;box-shadow:0 8px 40px #00000020}.ux-colour-popover p{font-size:var(--type-small);color:var(--theme-muted);margin:8px 0}.ux-colour-popover .ux-row:last-child{justify-content:flex-start;margin-top:12px}.ux-palette-extras{gap:22px;margin-top:10px;display:flex}.ux-palette-extras details[open],.ux-source-colours[open]{max-height:190px;overflow-y:auto}.ux-error{color:var(--theme-muted);font-size:var(--type-medium);background:var(--theme-surface);border-radius:var(--radius-control);padding:10px;margin:8px!important}.ux-lab{grid-template-columns:285px minmax(0,1fr);gap:24px;max-width:1600px;height:calc(100dvh - 76px);min-height:640px;margin:auto;padding:26px 32px;display:grid}.ux-lab-sidebar{flex-direction:column;gap:16px;min-height:0;padding-right:10px;display:flex;overflow-y:auto}.ux-lab-sidebar .ux-upload-wrap,.ux-lab-sidebar .ux-section-head{margin-bottom:0}.ux-lab-sidebar>a{font-size:var(--type-medium)}.ux-common{grid-template-columns:1fr 80px;gap:10px;display:grid}.ux-slot-controls{border:1px solid var(--line);background:var(--theme-surface);border-radius:var(--radius-panel);flex-shrink:0;gap:12px;padding:14px;display:grid}.ux-slot-controls h3{font-size:var(--type-heading);color:var(--accent)}.ux-slot-controls .ux-slot-status{font-size:var(--type-small);color:var(--theme-muted)}.ux-slot-controls .ux-palette{padding:14px 0}.ux-slot-controls .ux-palette-extras{display:block}.ux-slot-controls .ux-colour-popover{box-sizing:border-box;width:100%;max-width:none;margin-top:10px;position:relative;bottom:auto;left:0}.ux-dark-summary{background:var(--theme-surface);border-radius:var(--radius-small);font-size:var(--type-small);margin:12px 0;padding:10px}.ux-dark-summary p{margin-top:5px}.ux-slot-controls details>p{font-size:var(--type-small);margin:10px 0}.ux-diagnostics pre{max-height:250px;font-size:var(--type-small);white-space:pre-wrap;word-break:break-all;overflow:auto}.ux-diagnostics .canvas-viewport{min-height:150px;max-height:250px}.ux-diagnostics>a{font-size:var(--type-small);margin-top:8px;display:block}.ux-lab-preview{background:var(--theme-surface);border:1px solid var(--line);border-radius:var(--radius-panel);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.ux-lab-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.ux-pair{font-size:var(--type-small);color:var(--theme-muted);align-items:center;gap:8px;display:flex}.product-shell .ux-pair label{align-items:center;gap:8px;display:flex!important}.ux-pair select{width:72px!important}.ux-comparison-status{color:var(--theme-muted);font-size:var(--type-small);flex-wrap:wrap;gap:20px;padding:12px 20px;display:flex}.ux-comparison-status strong{color:var(--theme-text)}.ux-slot-previews{flex:1;align-content:start;gap:16px;min-height:0;padding:16px 20px;display:grid;overflow:auto}.ux-slot-preview{border:1px solid var(--line);border-radius:var(--radius-panel);min-width:0;padding:14px;overflow:auto}.ux-slot-preview h2{font-size:var(--type-heading)}.ux-slot-preview .ux-row>span{font-size:var(--type-small);color:var(--theme-muted)}.ux-same-geometry{place-items:center;display:grid}.product-shell .ux-same-geometry .canvas-viewport{border-radius:var(--radius-panel);background-color:var(--theme-surface);justify-content:center;align-items:center;width:100%;min-height:180px;max-height:none;padding:20px;display:flex}.ux-lab-empty,.ux-aligned-stage{background-color:var(--theme-surface);background-image:linear-gradient(45deg,var(--theme-checker) 25%,transparent 25%),linear-gradient(-45deg,var(--theme-checker) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--theme-checker) 75%),linear-gradient(-45deg,transparent 75%,var(--theme-checker) 75%);border-radius:var(--radius-panel);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;flex:1;place-items:center;min-height:180px;margin:4px 20px 12px;padding:30px;display:grid;overflow:auto}.ux-lab-empty p{color:var(--theme-muted);font-size:var(--type-medium)}.ux-aligned-frame{flex-shrink:0;position:relative}.ux-grid:after,.product-shell .canvas-frame.with-grid:after{content:"";pointer-events:none;background-image:linear-gradient(to right,var(--theme-border) 1px,transparent 1px),linear-gradient(to bottom,var(--theme-border) 1px,transparent 1px);background-size:var(--pixel-step) var(--pixel-step);position:absolute;inset:0}.ux-wipe-line{background:var(--theme-surface);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #00000020}.ux-blink-controls{flex-wrap:wrap;align-items:center;gap:12px;padding:8px 20px;display:flex}.ux-blink-controls label{align-items:center;display:flex!important}.ux-blink-controls select{width:105px}.ux-blink-controls>span{font-size:var(--type-small);color:var(--theme-muted)}.ux-wipe-control{align-items:center;gap:12px;padding:8px 20px;display:flex!important}.ux-wipe-control input{flex:1}.ux-lab-preview>.ux-scale{border-top:1px solid var(--line);padding:14px 20px}.ux-lab-footnote{font-size:var(--type-small);color:var(--theme-muted);padding:0 20px 16px}.product-shell .ux-same-geometry .canvas-viewport{background-image:linear-gradient(45deg,var(--theme-checker) 25%,transparent 25%),linear-gradient(-45deg,var(--theme-checker) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--theme-checker) 75%),linear-gradient(-45deg,transparent 75%,var(--theme-checker) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.ux-cleanup-picks{font-size:var(--type-medium);align-items:center;gap:12px;display:flex}.ux-developer{background:var(--theme-surface);border:1px solid var(--line);border-radius:var(--radius-panel);margin:0 32px 28px;padding:12px 20px}.ux-developer>.app-shell{max-height:75vh;overflow:auto}.ux-developer>p{font-size:var(--type-medium);color:var(--theme-muted)}@media (min-width:1600px){.ux-create{padding-top:36px;padding-bottom:36px}}@media (max-width:1080px){.ux-header{gap:20px;padding:0 20px}.ux-header-note{display:none}.ux-create,.ux-lab{grid-template-columns:240px minmax(0,1fr);gap:18px;padding:20px}.ux-lab-toolbar{padding:12px}.ux-lab-toolbar .ux-segment{flex-wrap:wrap}.ux-palette-extras{gap:14px}.ux-preview-bottom{padding:12px}.ux-scale>span{display:none}}@media (max-width:760px){.ux-header{justify-content:space-between;gap:10px;height:66px;padding:0 14px}.ux-brand{font-size:var(--type-medium)}.ux-brand>span{width:28px;height:28px}.ux-header nav button{font-size:var(--type-small);padding:6px 9px}.ux-create{flex-direction:column;gap:14px;height:auto;min-height:0;padding:14px;display:flex}.ux-result-panel{order:0;min-height:430px;overflow:visible}.ux-controls{background:var(--theme-surface);border:1px solid var(--line);border-radius:var(--radius-panel);order:1;padding:16px;overflow:visible}.ux-section-head{margin-bottom:14px}.ux-controls .ux-section-head{display:none}.ux-controls .ux-upload-wrap{margin-bottom:14px}.ux-controls .ux-upload{flex-flow:wrap;justify-content:center;padding:12px}.ux-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ux-settings .ux-row{grid-column:1/-1}.ux-controls .ux-tip{display:none}.ux-advanced{margin-top:14px}.ux-preview-area{min-height:210px;padding:14px}.ux-preview-heading{padding:12px}.ux-preview-item>span{font-size:var(--type-small)}.ux-preview-bottom{justify-content:center}.ux-palette{padding:14px}.ux-palette-extras{display:block}.ux-swatches{gap:7px}.product-shell .ux-swatch{width:30px;height:30px;min-height:30px}.ux-lab{flex-direction:column;height:auto;min-height:0;padding:14px;display:flex}.ux-lab-preview{order:0;min-height:440px}.ux-lab-sidebar{order:1;padding:0;overflow:visible}.ux-lab-sidebar .ux-slot-controls{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ux-slot-controls>.ux-row,.ux-slot-controls>details,.ux-slot-controls>label:first-of-type{grid-column:1/-1}.ux-lab-toolbar .ux-segment{justify-content:center;width:100%}.ux-slot-previews{gap:10px;padding:10px}.ux-slot-preview{padding:8px}.ux-slot-preview .ux-row{display:block}.ux-slot-preview h2{margin-bottom:4px}.ux-slot-preview .ux-row>span{font-size:var(--type-small)}.ux-same-geometry{min-height:150px!important}.ux-comparison-status{font-size:var(--type-small);gap:8px;padding:10px 12px}.ux-aligned-stage{min-height:240px;margin:4px 12px 12px}.ux-lab-footnote{font-size:var(--type-small)}.ux-developer{margin:0 14px 20px}.ux-colour-popover{max-width:calc(100% - 28px);left:14px}.ux-slot-controls .ux-colour-popover{max-width:100%;left:0}}@media (prefers-reduced-motion:reduce){.product-shell button{transition:none}}@media (max-width:760px){.ux-controls .ux-advanced[open]{z-index:10;background:var(--theme-surface);border-top:1px solid var(--line);border-radius:var(--radius-panel) var(--radius-panel) 0 0;max-height:50dvh;margin:0;padding:16px 24px;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -12px 40px #00000020}.ux-controls .ux-advanced[open] summary{font-size:var(--type-medium);font-weight:600}}.ux-lab[data-sequential=true] .ux-lab-preview{overflow:auto}.ux-lab[data-sequential=true] .ux-slot-previews{flex-shrink:0;min-height:280px}.ux-sequential-inspection{border:1px solid var(--line);border-radius:var(--radius-control);font-size:var(--type-small);flex-shrink:0;max-height:340px;margin:12px 20px;padding:12px;overflow:auto}.ux-sequential-inspection p{margin:6px 0}.ux-sequential-inspection pre{max-height:180px;overflow:auto}.product-shell .ux-sequential-inspection .canvas-viewport{min-height:0;max-height:240px;padding:10px;overflow:auto}.ux-strength-pairs{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;display:flex}.ux-strength-pairs button{font-size:var(--type-medium);padding:6px}.ux-strength-rating{max-height:340px;padding:12px;overflow:auto}.ux-strength-rating textarea{width:100%;min-height:64px}.ux-strength-rating label{margin:8px 0;display:block}.ux-palette-study{font-size:var(--type-medium);margin:12px 0}.ux-palette-study-swatches{flex-wrap:wrap;gap:3px;margin:6px 0;display:flex}.ux-palette-study-swatches .ux-swatch{width:25px;height:25px;color:var(--theme-muted);text-shadow:0 1px 2px var(--theme-surface);border:1px solid var(--theme-border);place-items:center;display:inline-grid}.ux-palette-study-swatches .missing{color:var(--theme-muted);text-shadow:none;border-style:dashed}.ux-palette-table{overflow:auto}.ux-palette-table td,.ux-palette-table th{white-space:nowrap;border-bottom:1px solid var(--theme-border);padding:6px}.ux-palette-study pre{white-space:pre-wrap;max-height:400px;overflow:auto}.ux-quality{padding:20px;display:block;overflow:auto}.ux-quality>h1{font-size:var(--type-heading);margin-bottom:10px}.ux-quality>p,.ux-quality-rating>p{margin:10px 0;line-height:1.5}.ux-quality .ux-slot-previews{flex-wrap:wrap;gap:20px;min-height:0;padding:12px 0;display:flex;overflow:visible}.ux-quality .ux-slot-previews article{border:1px solid var(--line);border-radius:var(--radius-control);max-width:100%;padding:14px}.ux-quality .ux-sampling-inspector{max-height:none;margin:12px 0}.ux-quality details{border-top:1px solid var(--line);margin:12px 0;padding:10px 0}.ux-quality pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;font-size:var(--type-small);line-height:1.5;overflow:auto}.ux-quality-rating label{align-items:center;gap:8px;margin:8px 0;display:flex}.ux-quality-rating select,.ux-quality-rating textarea{width:100%}.ux-quality-defects{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:4px 12px;display:grid}.product-shell .ux-quality .canvas-viewport{min-height:0;max-height:none;padding:0;display:inline-flex}.ux-accent-rating label{justify-content:space-between;align-items:center;gap:12px;max-width:700px;margin:8px 0;display:flex}.ux-accent-rating select{max-width:150px}.ux-accent-rating textarea{width:100%;min-height:80px}.ux-hue-faithful>label{align-items:center;gap:8px;margin:12px;display:inline-flex}.ux-hue-toolbar{font-size:var(--type-medium);flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.ux-hue-toolbar label{align-items:center;gap:8px;display:flex}.ux-hue-toolbar .ux-segment{flex-wrap:wrap}.ux-hue-rating{margin-top:20px}.ux-hue-rating label{justify-content:space-between;align-items:center;gap:12px;max-width:780px;margin:10px 0;display:flex}.ux-hue-rating select{max-width:150px}.ux-hue-rating textarea{width:100%;min-height:80px}.ux-hue-witnesses{margin:16px 0;overflow:auto}.ux-hue-witnesses td,.ux-hue-witnesses th{white-space:nowrap;text-align:left;border-bottom:1px solid var(--line);font-size:var(--type-small);padding:8px}.ux-hue-colour{border:1px solid var(--theme-border);vertical-align:middle;width:18px;height:18px;margin-right:6px;display:inline-block}.ux-hue-exports{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:760px){.ux-hue-toolbar{gap:8px}.ux-hue-rating label{align-items:flex-start}.ux-hue-rating select{min-width:110px}}body:has(.product-shell){background:var(--theme-background);color:var(--theme-text)}.product-shell{--ink:var(--theme-text);--muted:var(--theme-muted);--line:var(--theme-border);--accent:var(--theme-accent);box-sizing:border-box;min-height:100dvh;padding-top:12px}.product-shell button,.product-shell select,.product-shell input[type=number],.product-shell textarea,.ux-segment,.ux-header nav{background-color:var(--theme-control)}.product-shell .ux-primary,.product-shell .ux-button{background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-background);box-shadow:var(--theme-action-shadow)}.product-shell .ux-primary:hover:not(:disabled),.product-shell .ux-button:hover{background:var(--theme-accent);filter:brightness(1.06)}.ux-header nav button,.ux-segment button{background:0 0}.ux-header nav button[aria-pressed=true]{color:var(--theme-accent);box-shadow:inset 0 -2px var(--theme-highlight);background:0 0;font-weight:600}.ux-segment button[aria-pressed=true]{color:var(--theme-interactive);box-shadow:var(--theme-selected-shadow);background:0 0;font-weight:600}.ux-header nav button:hover:not(:disabled),.ux-segment button:hover:not(:disabled){color:var(--theme-text);background:0 0}.ux-header nav button[aria-pressed=true]:hover{color:var(--theme-accent)}.ux-segment button[aria-pressed=true]:hover{color:var(--theme-interactive)}.ux-toggle-track{background:var(--theme-border);transition:background .18s}.ux-toggle-track>span{background:var(--theme-text);transition:transform .18s;box-shadow:0 1px 3px #0003}.ux-original-toggle[aria-checked=true] .ux-toggle-track{background:var(--theme-interactive)}.ux-brand>span,.ux-empty>span{color:var(--theme-muted)}.ux-preview-area,.ux-lab-empty,.ux-aligned-stage{background-color:var(--theme-background)}.ux-result-panel,.ux-lab-preview{box-shadow:0 4px 25px #00000020}.ux-colour-popover{box-shadow:0 8px 40px #00000030}.ux-wipe-line{background:var(--theme-text);box-shadow:0 0 0 1px var(--theme-border)}.ux-error{background:var(--theme-control);color:var(--theme-accent)}.product-shell textarea{color:var(--theme-text);border-color:var(--theme-border);border-radius:var(--radius-control);font-family:var(--theme-font)}.ux-upload:focus-within,.ux-button:focus-within{outline:2px solid var(--theme-focus);outline-offset:2px}.product-shell .ux-text{background:0 0}@media (prefers-reduced-motion:reduce){.ux-toggle-track,.ux-toggle-track>span{transition:none}}.product-shell button[aria-pressed=true]:not(.ux-swatch){color:var(--theme-interactive);box-shadow:var(--theme-selected-shadow);font-weight:600}.product-shell .ux-header nav button[aria-pressed=true]{color:var(--theme-accent);box-shadow:inset 0 -2px var(--theme-highlight)}.product-shell input:is([type=checkbox],[type=range]){accent-color:var(--theme-interactive)}.product-shell .ux-swatch.selected{outline-color:var(--theme-interactive)}.product-shell select{appearance:none;background-image:var(--theme-select-arrow);background-position:right 6px center;background-repeat:no-repeat;background-size:8px 6px;line-height:normal}.ux-brand>span{color:var(--theme-interactive)}.ux-empty h2,.product-shell .ux-palette-study-swatches .ux-swatch{color:var(--theme-text)}.ux-lab-preview{overflow:auto}.ux-lab-preview>.ux-slot-previews{flex:none;min-height:280px;overflow:visible}.ux-lab-preview>.ux-aligned-stage{flex:none;min-height:280px}.ux-lab-preview>label,.ux-lab-preview>.ux-note{margin:8px 20px}.ux-lab-preview .canvas-viewport,.ux-lab-preview .ux-slot-preview,.ux-lab-preview .ux-aligned-stage{background-color:var(--review-background,var(--theme-control))}.ux-lab-preview[style*=--review-background] .canvas-viewport,.ux-lab-preview[style*=--review-background] .ux-aligned-stage{background-image:none}.ux-pixel-markers{pointer-events:none;z-index:4;position:absolute;inset:0}.product-shell button.ux-pixel-marker{pointer-events:auto;color:#fff;min-width:0;min-height:0;box-shadow:inset 0 0 0 1px var(--theme-accent);background:0 0;border:1px solid #fff;border-radius:0;padding:0;position:absolute}.ux-pixel-marker span{background:var(--theme-accent);color:#fff;font:var(--type-small)/12px var(--theme-font);border-radius:2px;padding:0 2px;position:absolute;top:-12px;left:0}.product-shell button.ux-pixel-marker.current{outline:2px solid var(--theme-accent);outline-offset:1px}.ux-permanent-review{border-top:1px solid var(--line);flex:none;padding:16px 20px}.ux-permanent-review .ux-row{flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:12px}.ux-permanent-review label{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.ux-permanent-review label.ux-check{flex-direction:row;align-items:center}.ux-permanent-review textarea{resize:vertical;width:100%;min-height:70px}.ux-permanent-review pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;font-size:var(--type-small);overflow:auto}.ux-review-annotation{background:var(--theme-control);border-radius:var(--radius-control);margin-bottom:12px;padding:12px}.ux-review-import input{max-width:220px}.ux-pixel-marker span{pointer-events:none}.ux-offline-import{margin:10px 20px}.ux-offline-import label{margin:10px 0;display:block}.ux-source-evidence{margin:10px 20px}.ux-source-evidence-views{flex-wrap:wrap;gap:16px;padding:12px 0;display:flex}.ux-source-evidence-views>div{min-width:120px}.ux-lab{font-size:var(--type-medium);grid-template-columns:280px minmax(0,1fr);line-height:1.55}.ux-lab label{font-size:var(--type-label)}.ux-lab :is(button,input,select,summary){font-size:var(--type-medium)}.ux-lab .ux-note,.ux-lab .ux-pair,.ux-lab .ux-comparison-status{font-size:var(--type-medium);line-height:1.6}.ux-lab details>summary{cursor:pointer;color:var(--theme-muted);padding:8px 0}.ux-lab-sidebar .ux-upload{min-height:90px;padding:14px}.ux-lab-sidebar .ux-slot-controls{margin:12px 0;padding:12px}.ux-slot-config-summary{font-size:var(--type-medium);color:var(--theme-muted);overflow-wrap:anywhere;line-height:1.6}.ux-lab-preview>.ux-slot-previews{min-height:360px}.ux-lab .ux-same-geometry{justify-content:center;align-items:center;display:flex}.ux-lab .ux-slot-preview>.ux-note{display:none}.ux-comparison-more{margin:0 20px}.ux-fast-pixels{align-items:center!important}.ux-review-markers{flex-wrap:wrap;gap:8px;margin:8px 0 14px;display:flex}.ux-review-more .ux-review-annotation{margin:16px 0}@media (max-width:760px){.ux-lab{display:flex}.ux-lab .ux-slot-controls{display:block}.ux-lab-preview>.ux-slot-previews{min-height:280px}.ux-lab .ux-slot-preview{overflow:auto}}.ux-three-way .ux-slot-previews{align-items:stretch;gap:12px;padding:14px;grid-template-columns:repeat(3,minmax(0,1fr))!important}.ux-three-way .ux-slot-preview{border-radius:var(--radius-panel);min-width:0;padding:12px;overflow:auto}.ux-three-way .ux-slot-preview>.ux-row{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;min-height:80px;display:flex}.ux-three-way .ux-slot-preview h2{font-size:var(--type-heading);line-height:1.4}.ux-three-way .ux-slot-preview>.ux-row>span{font-size:var(--type-small);color:var(--theme-muted)}.ux-three-way .ux-slot-preview>button{width:100%;font-size:var(--type-medium);margin-top:10px}.ux-three-way .ux-lab-preview>.ux-comparison-status,.ux-three-way .ux-lab-sidebar .ux-section-head p{display:none}.ux-three-way .ux-lab-sidebar>.ux-shared-diagnostics{margin-top:12px}.ux-three-way .ux-three-source,.ux-three-way .ux-three-inspection{margin:8px 14px}.ux-three-inspection{font-family:var(--theme-font);font-size:var(--type-medium);flex-wrap:wrap;gap:14px;display:flex}.ux-three-way .ux-three-source .canvas-viewport{min-height:0}.ux-three-way .ux-comparison-more{margin:0 14px}.ux-three-way .ux-three-settings{gap:8px;margin-bottom:14px;display:grid}.ux-three-way .ux-palette{padding:6px}.ux-three-way .ux-slot-preview .ux-palette h3{font-size:var(--type-heading)}.ux-three-way .ux-slot-preview .ux-palette p{font-size:var(--type-small)}@media (max-width:1080px){.ux-three-way{grid-template-columns:220px minmax(0,1fr)}.ux-three-way .ux-slot-previews{gap:6px;padding:8px}.ux-three-way .ux-slot-preview{padding:8px}}@media (max-width:760px){.ux-three-way .ux-slot-previews{overflow-x:auto;grid-template-columns:repeat(3,minmax(152px,1fr))!important}.ux-three-way .ux-lab-preview{order:1}.ux-three-way .ux-lab-sidebar{order:0}.ux-three-way .ux-lab-sidebar .ux-section-head,.ux-three-way .ux-lab-sidebar>details{display:none}.ux-three-way .ux-slot-preview>.ux-row{min-height:90px}}.product-shell .ux-header{box-sizing:border-box;background:var(--theme-background);border:0;justify-content:center;gap:0;width:100%;max-width:1088px;height:64px;margin:0 auto;padding:0 32px;position:relative}.ux-header-brand{color:var(--theme-muted);font-size:var(--type-small);letter-spacing:.04em;white-space:nowrap;align-items:center;gap:6px;display:flex;position:absolute;left:64px}.ux-header-brand img{width:16px;height:16px;image-rendering:pixelated;display:block}.ux-wordmark{display:inline-flex}.ux-wordmark-letter{display:inline-block;position:relative}.ux-wordmark-reserve{visibility:hidden}.ux-wordmark-glyph{justify-content:center;display:flex;position:absolute;inset:0}.product-shell .ux-header nav{background:0 0;border-radius:0;align-items:center;gap:28px;height:100%;padding:0}.product-shell .ux-header nav button{min-width:56px;height:100%;box-shadow:none;font-size:var(--type-medium);background:0 0;border:0;border-radius:0;padding:0 4px;position:relative}.product-shell .ux-header nav button[aria-pressed=true]{box-shadow:none;color:var(--accent)}.product-shell .ux-header nav button[aria-pressed=true]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:9px;left:0;right:0}.ux-create{max-width:1024px;height:auto;min-height:0;margin:0 auto;padding:20px 32px 32px;display:block}.ux-create-panel{background:0 0;border:0;border-radius:0;overflow:visible;box-shadow:none!important}.ux-create-heading{justify-content:flex-start;align-items:center;gap:16px;min-height:42px;margin-bottom:14px;display:flex;position:relative}.ux-create-heading>.ux-segment{position:absolute;left:50%;transform:translate(-50%)}.ux-create-heading>[role=status]{color:var(--muted);font-size:var(--type-medium)}.product-shell :is(.ux-create-heading,.ux-animation-heading) .ux-pill button[aria-pressed=true]{isolation:isolate;position:relative}.product-shell :is(.ux-create-heading,.ux-animation-heading) .ux-pill button[aria-pressed=true]:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background-image:var(--theme-panel-noise-image);opacity:var(--theme-panel-noise-opacity);background-size:128px 128px;position:absolute;inset:0}.product-shell :is(.ux-create,.ux-animate) :is(.ux-create-heading,.ux-animation-heading) .ux-pill button[aria-pressed=true]{box-shadow:none}.product-shell .ux-create .ux-pill{background:var(--theme-control);border-radius:24px;padding:4px}.product-shell .ux-create .ux-pill button{min-width:80px;font-size:var(--type-medium);height:var(--control-segment-option-height);min-height:var(--control-segment-option-height);border-radius:20px}.product-shell .ux-create .ux-pill button[aria-pressed=true]{background:var(--theme-hover);box-shadow:var(--theme-selected-shadow);color:var(--theme-text)}.product-shell .ux-create-drop{border-radius:var(--radius-panel);white-space:normal;background:0 0;border:0;flex-direction:column;justify-content:center;place-self:stretch stretch;align-items:center;gap:10px;display:flex}.ux-create-drop strong,.ux-create-drag strong{font-size:var(--type-heading)}.ux-create-drop>span:last-child{font-size:var(--type-medium);color:var(--muted)}.ux-create-wait{min-height:180px;color:var(--muted);font-size:var(--type-medium);place-items:center;display:grid}.ux-create-drag{z-index:5;background:color-mix(in srgb,var(--theme-background) 85%,transparent);pointer-events:none;border:1px dashed var(--accent);border-radius:var(--radius-panel);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.ux-setting-group{white-space:nowrap;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:8px;display:flex}.ux-setting-label{min-height:18px;color:var(--theme-muted);font-size:var(--type-label);text-align:var(--control-text-align);justify-content:center;align-items:center;line-height:1.2;display:flex}.ux-dithering-setting small{font-size:var(--type-small);color:var(--muted);text-align:center}.product-shell .ux-switch-control{text-align:left;background:0 0;justify-content:center;align-items:center;gap:8px;display:inline-flex;border:0!important;padding:2px 4px!important}.ux-switch-control .ux-toggle-track{background:var(--theme-border);width:34px;height:20px;padding:3px}.ux-switch-control .ux-toggle-track>span{width:var(--control-knob-size);height:var(--control-knob-size)}.ux-switch-control.is-on .ux-toggle-track{background:var(--theme-interactive)}.ux-switch-control.is-on .ux-toggle-track>span{background:var(--theme-background);transform:translate(14px)}.ux-export-button{box-shadow:var(--theme-action-shadow);background:var(--theme-accent)!important;color:var(--theme-background)!important;border-color:var(--theme-accent)!important}.ux-export-button:hover:not(:disabled){filter:brightness(1.06)}.ux-create-exports{justify-content:center;gap:10px;padding-top:24px;display:flex}.ux-create .ux-error{border-radius:var(--radius-control);max-width:720px;margin:16px auto 0;padding:12px}@media (max-width:760px){.ux-create{padding:12px 14px 24px}.ux-create-heading{margin-bottom:10px}.ux-create-heading>[role=status]{white-space:nowrap;max-width:calc(50% - 100px);overflow:hidden}.ux-create-exports{padding-top:20px}}@media (min-width:761px){.ux-lab{height:calc(100dvh - 64px)}}.product-shell .ux-header nav a{min-width:56px;height:100%;color:var(--muted);font-size:var(--type-label);justify-content:center;align-items:center;padding:0 4px;display:flex;position:relative}.product-shell .ux-header nav a:hover{color:var(--ink);text-decoration:none}.product-shell .ux-header nav a[aria-current=page]{color:var(--accent);font-weight:600}.product-shell .ux-header nav a[aria-current=page]:after{content:"";background:var(--accent);border-radius:999px;height:2px;position:absolute;bottom:9px;left:0;right:0}@media (max-width:760px){.product-shell .ux-header{justify-content:center;gap:0;padding:0 14px}.ux-header-brand{gap:5px;left:14px}.product-shell .ux-header nav{gap:10px}.product-shell .ux-header nav a{min-width:46px;padding:0 2px}}.ux-loading-spinner{box-sizing:border-box;border:2px solid color-mix(in srgb,var(--theme-interactive) 18%,transparent);border-top-color:var(--theme-interactive);border-right-color:var(--theme-interactive);pointer-events:none;border-radius:50%;flex:none;width:28px;height:28px;animation:.85s linear infinite ux-loading-spin;display:inline-block}.ux-loading-spinner.is-small{border-width:1.5px;width:16px;height:16px}@keyframes ux-loading-spin{to{transform:rotate(360deg)}}.ux-create-heading>[role=status]{align-items:center;gap:8px;display:inline-flex}.ux-create-wait{align-content:center;justify-items:center;gap:12px}.product-shell .ux-settings-window{box-sizing:border-box;border:1px solid var(--theme-border);border-radius:var(--radius-panel);background:var(--theme-surface);scrollbar-width:thin;flex-wrap:nowrap;justify-content:safe center;align-items:center;gap:24px;width:100%;min-width:0;max-width:100%;min-height:78px;margin-top:14px;padding:12px;display:flex;overflow-x:auto}.product-shell .ux-settings-window>*{flex-shrink:0}.product-shell .ux-settings-window label:not(.ux-check):not(.ux-upload):not(.ux-button){white-space:nowrap;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.product-shell .ux-settings-window .ux-check{white-space:nowrap;flex-wrap:nowrap;gap:8px;max-width:none}.product-shell .ux-settings-window .ux-check small{white-space:nowrap}.product-shell .ux-settings-window .ux-scale{white-space:nowrap;border:0;flex-flow:column;justify-content:center;align-items:center;gap:8px;padding:0;display:flex}.product-shell .ux-settings-window .ux-scale>span{display:flex}@media (max-width:760px){.product-shell .ux-settings-window{justify-content:flex-start;gap:16px;padding:10px}}@media (prefers-reduced-motion:reduce){.ux-loading-spinner{animation:none}}.product-shell .ux-settings-window select{flex:0 0 var(--control-height);width:128px;height:var(--control-height);min-height:var(--control-height);max-height:var(--control-height);box-sizing:border-box;text-align:var(--control-text-align);align-self:center;margin:0;line-height:normal}.product-shell :is(h1,h2,h3){font-size:var(--type-heading)}.product-shell :is(label,.ux-setting-label,.ux-check){font-size:var(--type-label)}.product-shell :is(button,select,input,textarea,summary){font-size:var(--type-medium)}.product-shell :is(small,.ux-note,.ux-tip,.ux-animation-note,.ux-animation-status,.ux-slot-status,.ux-lab-footnote){font-size:var(--type-small)}.ux-lab .ux-render-settings select{min-width:128px}.ux-lab .ux-render-settings .ux-check{flex-wrap:wrap;gap:8px;max-width:230px}.ux-lab .ux-render-settings small{font-size:var(--type-small);color:var(--muted)}@media (max-width:760px){.product-shell .ux-settings-window{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"look resolution""colours dithering""scale scale";gap:16px 12px;display:grid;overflow-x:hidden}.product-shell .ux-settings-window>.ux-scale{grid-area:scale;justify-self:center}}.product-shell .ux-slider{width:100%;accent-color:var(--theme-interactive);appearance:none;background:0 0;grid-column:1;height:20px;margin:0}.product-shell .ux-slider:disabled{opacity:1;cursor:not-allowed}.product-shell .ux-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--theme-interactive) 0 var(--range-progress),var(--theme-background) var(--range-progress) 100%);border-radius:2px;height:4px}.product-shell .ux-slider::-webkit-slider-thumb{appearance:none;box-sizing:content-box;width:var(--control-knob-size);height:var(--control-knob-size);margin-top:calc((4px - var(--control-knob-size) - 2px)/2);border:1px solid var(--theme-interactive);background:var(--theme-border);border-radius:50%}.product-shell .ux-slider::-moz-range-track{background:var(--theme-background);border-radius:2px;height:4px}.product-shell .ux-slider::-moz-range-progress{background:var(--theme-interactive);border-radius:2px;height:4px}.product-shell .ux-slider::-moz-range-thumb{box-sizing:content-box;width:var(--control-knob-size);height:var(--control-knob-size);border:1px solid var(--theme-interactive);background:var(--theme-border);border-radius:50%}.ux-tooltip{z-index:10000;box-sizing:border-box;border:1px solid var(--theme-border);border-radius:var(--radius-control);--tooltip-background:color-mix(in srgb,var(--theme-background) 90%,transparent);background:var(--tooltip-background);isolation:isolate;max-width:min(280px,100vw - 16px);max-height:calc(100dvh - 16px);color:var(--theme-muted);font:400 var(--type-small)/1.5 var(--theme-font);pointer-events:none;overflow-wrap:anywhere;text-align:left;padding:8px;position:fixed;overflow:visible}.ux-tooltip strong,.ux-tooltip th{font-weight:600}.ux-tooltip p,.ux-tooltip ul{margin:4px 0 0}.ux-tooltip ul{padding-left:14px}.ux-tooltip table{border-collapse:collapse;font:inherit;margin-top:4px}.ux-tooltip th,.ux-tooltip td{text-align:left;vertical-align:top;padding:2px 0}.ux-tooltip th{padding-right:12px}.ux-tooltip kbd{font:inherit;color:var(--theme-muted)}.ux-tooltip-accent{color:inherit}.ux-tooltip :is(th,td){color:inherit;background:0 0;border:0}.ux-tooltip em{font-style:italic}.ux-tooltip .ux-tooltip-details{width:100%;margin:0}.ux-tooltip-details thead th{padding-bottom:4px}.ux-tooltip .ux-tooltip-details :is(th,td):first-child{text-align:left;padding-right:0}.ux-tooltip .ux-tooltip-details :is(th,td):last-child{text-align:right;white-space:nowrap;padding-left:16px;padding-right:0}.ux-tooltip .ux-tooltip-details[data-shortcuts=false] :is(th,td):last-child{padding-left:0}.ux-tooltip-details thead th:last-child{font-weight:400}.ux-tooltip-details thead th:first-child strong{color:var(--theme-text)}.ux-tooltip:before,.ux-tooltip-arrow-fill:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background-image:var(--theme-panel-noise-image);opacity:var(--theme-panel-noise-opacity);background-size:128px 128px;position:absolute;inset:0}.ux-tooltip-content{max-height:calc(100dvh - 34px);overflow:hidden}.ux-tooltip-arrow{top:100%;left:calc(var(--tooltip-arrow-x,50%) - 4px);pointer-events:none;width:8px;height:4px;position:absolute}.ux-tooltip-arrow:before{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid var(--theme-border);width:0;height:0;position:absolute}.ux-tooltip-arrow-fill{background:var(--tooltip-background);clip-path:polygon(0 0,100% 0,50% 100%);isolation:isolate;width:6px;height:3px;position:absolute;top:-1px;left:1px}.ux-tooltip[data-placement=below] .ux-tooltip-arrow{top:auto;bottom:100%;transform:rotate(180deg)}.ux-tooltip-details tbody td:first-child{text-wrap:pretty}.ux-tooltip .ux-tooltip-paragraphs p{margin:0}.ux-tooltip .ux-tooltip-paragraphs p+p{margin-top:8px}:root{--theme-preview-label-background:color-mix(in srgb,var(--theme-background) 82%,transparent);--theme-panel-noise-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4Ij48ZmlsdGVyIGlkPSJuIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC43MiIgbnVtT2N0YXZlcz0iMiIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjxmZUNvbG9yTWF0cml4IHR5cGU9InNhdHVyYXRlIiB2YWx1ZXM9IjAiLz48ZmVDb21wb25lbnRUcmFuc2Zlcj48ZmVGdW5jQSB0eXBlPSJsaW5lYXIiIHNsb3BlPSIwLjI1Ii8+PC9mZUNvbXBvbmVudFRyYW5zZmVyPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNuKSIvPjwvc3ZnPg==);--theme-panel-noise-opacity:.3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-background:#1d2326;--theme-surface:#2d3036;--theme-control:#2d3036;--theme-checker:#252a2e;--theme-border:#44494f;--theme-text:#d3d3d4;--theme-muted:#9a9ea4;--theme-accent:#ff5e55;--theme-interactive:#04dffb;--theme-highlight:#ffbc09;--theme-focus:var(--theme-interactive);--theme-hover:#353940;--theme-action-shadow:0 0 8px #ff5e554d;--theme-selected-shadow:inset 0 0 0 1px #04dffb38, 0 0 8px #04dffb0a;--theme-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath d='M1 1.5 4 4.5 7 1.5' fill='none' stroke='%2304DFFB' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--theme-font:"Inter Variable", sans-serif;--radius-small:4px;--radius-control:8px;--radius-panel:12px;--panel-padding-block:12px;--control-height:38px;--control-segment-inset:4px;--control-segment-option-height:30px;--control-height-compact:28px;--control-height-playback:42px;--control-text-align:center;--control-knob-size:14px;--control-label-gap:8px;--control-label-height:18px;--control-label-offset:2px;--type-small:10px;--type-medium:12px;--type-label:14px;--type-heading:18px}@media (max-width:760px){:root{--panel-padding-block:10px}}:root{font-family:var(--theme-font);color:var(--theme-muted);background:var(--theme-surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.5}body{font-size:var(--type-medium)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,input[type=range],input[type=checkbox]{cursor:pointer}button{min-height:var(--control-height);border:1px solid var(--theme-border);background:var(--theme-surface);border-radius:var(--radius-control);color:inherit;padding:7px 12px}select,input:is([type=text],[type=number],[type=search],[type=email],[type=url],[type=tel],[type=password]),input:not([type]){height:var(--control-height);min-height:var(--control-height);box-sizing:border-box;text-align:var(--control-text-align)}button:hover:not(:disabled):not(:where(.product-shell *)){background:var(--theme-surface);border-color:var(--theme-border)}button:disabled{opacity:.45;cursor:not-allowed}input:disabled{cursor:not-allowed}input[aria-invalid=true]{border-color:var(--theme-border)}:focus-visible{outline:2px solid var(--theme-focus);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-size:var(--type-heading)}.app-shell{max-width:1480px;margin:auto;padding:0 28px}.app-header{justify-content:space-between;align-items:center;padding:24px 0;display:flex}.identity{align-items:center;gap:13px;display:flex}.pixel-mark{background:var(--theme-surface);color:var(--theme-muted);border-radius:var(--radius-small);place-content:center;width:44px;height:44px;font-size:31px;line-height:1;display:grid}.identity h1{font-size:var(--type-heading);letter-spacing:-.7px;line-height:1.2}.identity p{color:var(--theme-muted);font-size:var(--type-medium);margin-top:4px}.milestone-badge{font:var(--type-small) var(--theme-font);background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--radius-small);color:var(--theme-muted);padding:6px 9px}.workspace{grid-template-columns:278px minmax(0,1fr);align-items:start;gap:24px;display:grid}.controls{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--radius-panel);overflow:hidden}.controls section{border-bottom:1px solid var(--theme-border);padding:20px}.controls section:last-child{border-bottom:0}.controls h2{margin-bottom:14px}.upload-zone{border:1px dashed var(--theme-border);background:var(--theme-surface);border-radius:var(--radius-panel);cursor:pointer;flex-direction:column;align-items:center;padding:18px 8px;display:flex;position:relative}.upload-zone:hover,.upload-zone.dragging{border-color:var(--theme-border);background:var(--theme-surface)}.upload-zone:focus-within{outline:2px solid var(--theme-focus);outline-offset:3px}.file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-symbol{color:var(--theme-muted);margin-bottom:10px;font-size:26px;line-height:1}.upload-zone strong{font-size:var(--type-label)}.upload-zone>span:not(.upload-symbol){font-size:var(--type-medium);color:var(--theme-muted)}.upload-zone small{font-size:var(--type-small);color:var(--theme-muted);margin-top:12px}.help{font-size:var(--type-small);color:var(--theme-muted);margin:10px 0 0;line-height:1.5}.filename{text-overflow:ellipsis;white-space:nowrap;font:var(--type-small) var(--theme-font);margin-top:12px;overflow:hidden}.dimension-row{align-items:flex-end;gap:10px;display:flex}.dimension-row label{min-width:0;font-size:var(--type-label);color:var(--theme-muted);flex:1}.dimension-row input{width:100%;min-width:0;display:block}.dimension-row>span{color:var(--theme-muted);padding-bottom:9px}input[type=number],select{border:1px solid var(--theme-border);background:var(--theme-surface);color:var(--theme-muted);border-radius:var(--radius-control);font-size:var(--type-medium);margin-top:5px;padding:8px}.presets{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.presets button{font:var(--type-small) var(--theme-font);flex:1 0 21%;padding:5px}.presets .selected{background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-muted)}.field-label{font-size:var(--type-label);margin-top:18px;font-weight:400;display:block}.field-label select{text-overflow:ellipsis;width:100%;font-weight:400;display:block}.palette-count{width:100%;display:block}.range-label{font-size:var(--type-label);justify-content:space-between;align-items:center;gap:6px;margin-top:21px;display:flex}.range-label output{font:var(--type-small) var(--theme-font);color:var(--theme-muted)}input[type=range]{accent-color:var(--theme-accent);appearance:none;background:0 0;width:100%;height:4px;margin:12px 0 0;display:block}input[type=range]::-webkit-slider-runnable-track{background:var(--theme-border);border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:var(--theme-border);border-radius:2px;height:4px}input[type=range]::-moz-range-progress{background:var(--theme-interactive);height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--control-knob-size);height:var(--control-knob-size);border:1px solid var(--theme-border);background:var(--theme-surface);border-radius:50%;margin-top:-5px}input[type=range]::-moz-range-thumb{box-sizing:border-box;width:var(--control-knob-size);height:var(--control-knob-size);border:1px solid var(--theme-border);background:var(--theme-surface);border-radius:50%}input[type=checkbox]{accent-color:var(--theme-accent);margin:0}.future-tag{background:var(--theme-surface);color:var(--theme-muted);font-size:var(--type-small);border-radius:var(--radius-small);padding:2px 4px}.export-section button{width:100%;font-size:var(--type-medium)}.primary{color:var(--theme-muted);background:var(--theme-surface);border-color:var(--theme-border);justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.primary:hover:not(:disabled){background:var(--theme-surface);color:var(--theme-muted)}.secondary{margin-top:8px;font-size:var(--type-small)!important}.results{min-width:0}.status-row{font-size:var(--type-medium);color:var(--theme-muted);align-items:center;gap:8px;min-height:31px;margin-bottom:12px;display:flex}.status-dot{background:var(--theme-surface);border-radius:50%;width:6px;height:6px}.status-dot.busy{background:var(--theme-surface);animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.text-button{color:var(--theme-muted);font-size:var(--type-small);background:0 0;border:none;padding:2px 5px}.error-message{background:var(--theme-surface);border:1px solid var(--theme-border);color:var(--theme-muted);font-size:var(--type-medium);border-radius:var(--radius-control);overflow-wrap:anywhere;margin-bottom:16px;padding:14px}.preview-toolbar{align-items:center;gap:16px;margin-bottom:14px;display:flex}.preview-toolbar h2{margin-right:auto}.zoom-control{font-size:var(--type-small);color:var(--theme-muted);align-items:center;gap:8px;display:flex}.zoom-control input{width:92px;margin:0}.zoom-control output{min-width:22px;font:var(--type-small) var(--theme-font)}.check-label{font-size:var(--type-label);color:var(--theme-muted);cursor:pointer;align-items:center;gap:7px;display:inline-flex}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.preview-card,.palette-panel,.debug-panel{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--radius-panel);overflow:hidden}.card-heading{justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.card-heading>span{font:var(--type-small) var(--theme-font);color:var(--theme-muted)}.canvas-viewport{background-color:var(--theme-surface);background-image:linear-gradient(45deg, var(--theme-checker) 25%, transparent 25%), linear-gradient(-45deg, var(--theme-checker) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--theme-checker) 75%), linear-gradient(-45deg, transparent 75%, var(--theme-checker) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;justify-content:safe center;align-items:safe center;min-height:306px;max-height:420px;padding:16px;display:flex;overflow:auto}.canvas-frame{flex-shrink:0;position:relative}.canvas-frame canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.canvas-viewport.fit .canvas-frame{max-width:100%;height:auto!important}.canvas-viewport.fit canvas{object-fit:contain;height:auto;max-height:370px}.with-grid:after{content:"";pointer-events:none;background-image:linear-gradient(to right, var(--theme-border) 1px, transparent 1px), linear-gradient(to bottom, var(--theme-border) 1px, transparent 1px);background-size:var(--pixel-step) var(--pixel-step);position:absolute;inset:0}.card-caption{color:var(--theme-muted);font-size:var(--type-small);padding:10px 16px}.comparison-toggle{margin:15px 0 0}.baseline-card{margin-top:15px}.palette-panel{margin-top:18px}.palette-swatches{flex-wrap:wrap;gap:8px;padding:0 16px 16px;display:flex}.swatch-wrap{background-color:var(--theme-surface);background-image:linear-gradient(45deg, var(--theme-checker) 25%, transparent 25%);border-radius:var(--radius-small);flex-direction:column;align-items:center;display:flex}.swatch{border:1px solid var(--theme-border);border-radius:var(--radius-small) var(--radius-small) 0 0;width:26px;height:24px}.swatch-wrap small{background:var(--theme-surface);text-align:center;width:100%;font:var(--type-small) var(--theme-font);color:var(--theme-muted);padding-top:4px}.empty-preview{border:1px dashed var(--theme-border);background:var(--theme-surface);border-radius:var(--radius-panel);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:354px;padding:30px;display:flex}.empty-pixels{color:var(--theme-muted);margin-bottom:24px;font-size:53px;line-height:1}.empty-preview h3{font-size:var(--type-heading);color:var(--theme-muted)}.empty-preview p{font-size:var(--type-medium);color:var(--theme-muted);max-width:320px;margin-top:10px}.debug-panel{margin-top:20px}.debug-toggle{color:var(--theme-muted);font-size:var(--type-medium);padding:16px;font-weight:500;display:flex}.debug-toggle>span{font-size:var(--type-small);color:var(--theme-muted);margin-left:auto;font-weight:400}.debug-content{border-top:1px solid var(--theme-border);padding:0 16px 16px}.debug-content>.help{margin-bottom:14px}.debug-content .canvas-viewport{border-radius:var(--radius-panel);min-height:240px}.diagnostic-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.diagnostic-columns h3{font-size:var(--type-heading);margin-bottom:8px}table{border-collapse:collapse;width:100%;font-size:var(--type-small)}th{text-align:left;color:var(--theme-muted);overflow-wrap:anywhere;font-weight:400}td{text-align:right;font-family:var(--theme-font);color:var(--theme-muted);overflow-wrap:anywhere}th,td{border-bottom:1px solid var(--theme-border);padding:5px 0}.hash-record{font-size:var(--type-small);color:var(--theme-muted);overflow-wrap:anywhere;margin-top:20px}.hash-record code{color:var(--theme-muted)}.debug-placeholder{margin-top:0;padding:0 16px 16px}.scope-note{color:var(--theme-muted);font-size:var(--type-small);margin-top:16px;line-height:1.6}footer{color:var(--theme-muted);font-size:var(--type-small);text-align:center;padding:24px 0}@media (max-width:1050px){.app-shell{padding:0 18px}.workspace{grid-template-columns:250px minmax(0,1fr);gap:18px}.controls section{padding:16px}.preview-grid,.diagnostic-columns{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.app-shell{padding:0 14px}.workspace{grid-template-columns:minmax(0,1fr)}.controls{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.controls .export-section{grid-column:1/-1}.preview-toolbar{flex-wrap:wrap;gap:12px}.debug-toggle{flex-wrap:wrap}.debug-toggle>span{margin-left:0}}@media (max-width:430px){.controls{display:block}.milestone-badge{font-size:var(--type-small)}.canvas-viewport{min-height:230px}}@media (prefers-reduced-motion:reduce){.status-dot.busy{animation:none}}.native-review{color:var(--theme-muted);font-size:var(--type-medium);align-items:center;gap:16px;margin:0 0 12px;padding:0 16px;display:flex}.native-review .canvas-viewport{min-height:0;max-height:none;padding:8px}.simple-phases{font-size:var(--type-medium);margin-top:16px}.simple-phases .check-label{margin-top:10px;display:flex}.simple-bank{border:1px solid var(--theme-border);border-radius:var(--radius-panel);background:var(--theme-surface);margin-bottom:20px;padding:16px}.bank-group{margin-top:16px}.bank-group h3{font-size:var(--type-heading);margin-bottom:8px}.bank-entries{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px;display:grid}.bank-entry{border:1px solid var(--theme-border);border-radius:var(--radius-control);align-items:center;gap:8px;padding:7px;display:flex}.bank-swatch{border:1px solid var(--theme-border);flex-shrink:0;width:24px;height:24px}.bank-info{font-size:var(--type-small);margin-right:auto}.bank-info small{color:var(--theme-muted);font-size:var(--type-small);margin-top:4px;display:block}.bank-entry button{font-size:var(--type-small);padding:4px 6px}.simple-bank>button{font-size:var(--type-small);margin-top:12px;margin-right:8px}.simple-bank details{font-size:var(--type-small);margin-top:14px}.app-shell :is(label,.field-label,.range-label,.check-label){font-size:var(--type-label)}.app-shell :is(button,input,select){font-size:var(--type-medium)}.app-shell :is(small,.help,.scope-note,.status-row,.filename,.card-caption,.hash-record){font-size:var(--type-small)}.simple-bank pre{max-height:350px;margin-top:8px;overflow:auto}:root{background:var(--theme-background);color:var(--theme-text)}button,input[type=number],select,textarea{background:var(--theme-control);color:var(--theme-text);border-color:var(--theme-border)}button{transition:background .18s,border-color .18s,color .18s}.primary{background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-background);box-shadow:var(--theme-action-shadow)}.primary:hover:not(:disabled){background:var(--theme-accent);color:var(--theme-background);filter:brightness(1.06)}.presets .selected{background:var(--theme-control);border-color:var(--theme-interactive);color:var(--theme-interactive);box-shadow:var(--theme-selected-shadow);font-weight:600}.text-button{color:var(--theme-accent);background:0 0}.error-message{color:var(--theme-accent);background:var(--theme-control)}.status-dot{background:var(--theme-muted)}.status-dot.busy{background:var(--theme-interactive)}input:is([type=range],[type=checkbox]){accent-color:var(--theme-interactive)}select{appearance:none;background-image:var(--theme-select-arrow);background-position:right 6px center;background-repeat:no-repeat;background-size:8px 6px;line-height:normal}.upload-symbol{color:var(--theme-accent)}.pixel-mark,.zoom-control output{color:var(--theme-interactive)}@media (prefers-reduced-motion:reduce){button{transition:none}}:is(button,select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])){border-color:#0000!important}body :is(button,input,select,textarea,pre,code,kbd,samp){font-family:var(--theme-font)}body :is(b,strong){font-weight:600}body,.product-shell,.app-shell{font-size:var(--type-medium)!important}*{scrollbar-color:var(--theme-border) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--theme-border);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--theme-interactive);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}body :is(h1,h2,h3,h4,h5,h6,[role=heading]),.product-shell :is(.ux-create-drop strong,.ux-create-drag strong,.ux-animation-drop strong,.ux-animation-overlay strong){font-size:var(--type-heading)!important;font-weight:600!important}.product-shell .ux-header nav a,body :is(label,legend,.field-label,.range-label,.check-label,.ux-setting-label,.ux-check){font-size:var(--type-label)!important}.product-shell .ux-render-settings[data-workspace] :is(label,.ux-setting-label,.ux-check){font-size:var(--type-small)!important}.product-shell .ux-render-settings[data-workspace]>label>span{line-height:18px}body :is(button,input,select,textarea,summary){font-size:var(--type-medium)!important}body :is(small,table,pre,.help,.scope-note,.status-row,.filename,.card-caption,.hash-record,.ux-note,.ux-tip,.ux-pair,.ux-comparison-status,.ux-animation-note,.ux-animation-status,.ux-slot-status,.ux-lab-footnote,.ux-pixel-marker span){font-size:var(--type-small)!important}.product-shell .ux-export-button{font-weight:600!important}.product-shell :is(select,input:is([type=text],[type=number],[type=search],[type=email],[type=url],[type=tel],[type=password]),textarea){transition:background-color .18s}.product-shell select:focus:where(:not(:disabled,[aria-disabled=true],[inert],[inert] *)){outline:2px solid var(--theme-focus);outline-offset:2px}.product-shell .ux-step-button{border-radius:var(--radius-control);color:var(--theme-interactive);background-color:#0000;transition:background-color .18s}@media (hover:hover) and (pointer:fine){.product-shell :is(button,select,input:is([type=text],[type=number],[type=search],[type=email],[type=url],[type=tel],[type=password]),textarea):where(:not(:disabled,[readonly],[aria-disabled=true],[inert],[inert] *,[aria-disabled=true] *)):where(:not(.primary,.ux-primary,.ux-export-button,.ux-button,.ux-swatch,[data-palette-colour],.ux-colour-grid button,.ux-create-edit-toolbar button,.ux-frame-remove,.ux-dropdown-menu button,[role=switch],.ux-switch-control,.ux-frame-select,.ux-create-drop,.ux-animation-drop,.ux-animation-add,.ux-animation-playback button,.ux-header nav button,.ux-segment button)):hover{background-color:var(--theme-hover)}.product-shell .ux-icon-button:where(:not(.is-selected,.is-danger,.ux-step-button,:disabled,[aria-disabled=true],[inert] *,[aria-disabled=true] *,.ux-create-edit-toolbar button,.ux-frame-remove)):hover{color:var(--theme-text)}}