@charset "UTF-8";@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/figtree.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/figtree-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color-scheme:light;--color-bg: #f3f5f8;--color-surface: #ffffff;--color-surface-2: #e8ecf1;--color-tooltip: var(--color-surface);--color-text: #1a1f27;--color-text-muted: #5c6574;--color-border: #d3d9e1;--color-accent: #c95c0c;--color-accent-hover: #a84b08;--color-accent-contrast: #ffffff;--color-warning: #8a5a00;--color-danger: #b42318;--color-focus: var(--color-accent);--color-hover: #2f6fb4;--color-success: #2e7d4f;--color-canvas: #e3e7ed;--color-block: #fffdfa;--color-grid: rgb(0 0 0 / .07);--color-guide: #0891b2;--color-seam: #1f2530;--color-section-border: #1f2530;--section-0: #f6d9cf;--section-1: #d5e6f3;--section-2: #dcefd6;--section-3: #f5eac4;--section-4: #e6daf2;--section-5: #cfeeea;--section-6: #f3d6e6;--section-7: #e3e0d2;--radius-sm: 4px;--radius-md: 8px;--shadow-sm: 0 1px 2px rgb(0 0 0 / .12);--shadow-pill: 0 1px 0 rgb(0 0 0 / .1);--shadow-md: 0 8px 24px rgb(0 0 0 / .16);--shadow-lg: 0 16px 48px rgb(0 0 0 / .28);--shadow-paper: 0 2px 10px rgb(0 0 0 / .2);--shadow-up: 0 -4px 16px rgb(0 0 0 / .08);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--page-width: 1200px;--page-width-narrow: 760px;--duration-fast: .12s;--duration-medium: .18s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-playful: .42s;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--font-sans: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;--header-height: 48px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--touch-target: 40px;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c6574' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #14181f;--color-surface: #1c212a;--color-surface-2: #262c37;--color-tooltip: var(--color-surface-2);--color-text: #e6e9ee;--color-text-muted: #98a1b0;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2398a1b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-border: #343c49;--color-accent: #f5913e;--color-accent-hover: #f8a862;--color-accent-contrast: #1a1108;--color-warning: #e8c95a;--color-danger: #f47174;--color-focus: var(--color-accent);--color-hover: #6cb4f0;--color-success: #6fcf97;--color-canvas: #0e1117;--color-block: #1f242d;--color-grid: rgb(255 255 255 / .06);--color-guide: #22c3e6;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-pill: 0 1px 0 rgb(0 0 0 / .35);--shadow-md: 0 8px 24px rgb(0 0 0 / .45);--shadow-lg: 0 16px 48px rgb(0 0 0 / .6);--shadow-paper: 0 2px 12px rgb(0 0 0 / .5);--shadow-up: 0 -4px 16px rgb(0 0 0 / .3);--color-seam: #dfe4ea;--color-section-border: #dfe4ea;--section-0: #4a302c;--section-1: #263a4c;--section-2: #2c4029;--section-3: #4a4126;--section-4: #3a2e4c;--section-5: #22403e;--section-6: #472b3c;--section-7: #363c46}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #14181f;--color-surface: #1c212a;--color-surface-2: #262c37;--color-tooltip: var(--color-surface-2);--color-text: #e6e9ee;--color-text-muted: #98a1b0;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2398a1b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-border: #343c49;--color-accent: #f5913e;--color-accent-hover: #f8a862;--color-accent-contrast: #1a1108;--color-warning: #e8c95a;--color-danger: #f47174;--color-focus: var(--color-accent);--color-hover: #6cb4f0;--color-success: #6fcf97;--color-canvas: #0e1117;--color-block: #1f242d;--color-grid: rgb(255 255 255 / .06);--color-guide: #22c3e6;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-pill: 0 1px 0 rgb(0 0 0 / .35);--shadow-md: 0 8px 24px rgb(0 0 0 / .45);--shadow-lg: 0 16px 48px rgb(0 0 0 / .6);--shadow-paper: 0 2px 12px rgb(0 0 0 / .5);--shadow-up: 0 -4px 16px rgb(0 0 0 / .3);--color-seam: #dfe4ea;--color-section-border: #dfe4ea;--section-0: #4a302c;--section-1: #263a4c;--section-2: #2c4029;--section-3: #4a4126;--section-4: #3a2e4c;--section-5: #22403e;--section-6: #472b3c;--section-7: #363c46}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}:root{accent-color:var(--color-accent)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}button,a,label,select,input{touch-action:manipulation}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}h1{font-size:var(--text-xl);line-height:1.2}h2{margin:0 0 var(--space-3);font-size:var(--text-lg)}a{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}:where(button,label,summary,nav,[role=button],[role=tab],[role=menu],[role=menuitem],[role=radio],[role=radiogroup],[role=switch],[role=toolbar],.label,.head,.segmented,.panel-body h3,app-step-switch,app-status-bar){-webkit-user-select:none;user-select:none}:where(input,textarea,[contenteditable=true]){-webkit-user-select:text;user-select:text}@media(pointer:fine){label:has(input[type=number],input[inputmode=decimal]):not(:has(select,textarea,input[type=checkbox])),.label:has(+input[type=number],+input[inputmode=decimal],+* input[type=number],+* input[inputmode=decimal]){cursor:ew-resize}}:root.scrubbing,:root.scrubbing *{cursor:ew-resize!important;-webkit-user-select:none;user-select:none}kbd{display:inline-block;padding:1px var(--space-2);border:1px solid var(--color-border);border-bottom-width:2px;border-radius:var(--radius-sm);background:var(--color-surface-2);font-family:var(--font-mono);font-size:var(--text-sm);white-space:nowrap}:root[data-keyboard=none] kbd:not(.keep){display:none}.app-main:has(.page){scrollbar-gutter:stable}:where(*){scrollbar-width:thin}:root{scrollbar-color:color-mix(in srgb,var(--color-text-muted) 45%,transparent) transparent}.page{max-width:var(--page-width);margin-inline:auto;padding:var(--space-6) var(--space-4) var(--space-8)}.page.narrow{max-width:var(--page-width-narrow)}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header h1{margin:0}@media(max-width:700px){.page-header{gap:var(--space-3)}.page-header>.button-row{flex-basis:100%}}.empty-state{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);text-align:center;animation:fade-in var(--duration-medium) ease}.empty-state>app-icon{--icon-size: 40px;opacity:.7}.empty-state p{max-width:44ch;margin:0}.empty-state .button-row{justify-content:center;gap:var(--space-2)}.card{margin-bottom:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.card>:last-child{margin-bottom:0}@media(max-width:700px){.card{padding-inline:var(--space-4)}}.field{margin:0 0 var(--space-4);padding:0;border:0}.field>legend,.field>label{display:block;margin-bottom:var(--space-1);padding:0;color:var(--color-text-muted)}.field>.segmented:not(:last-child){margin-bottom:var(--space-3)}.field>:last-child{margin-bottom:0}.hint{margin:var(--space-1) 0 var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-sm);text-decoration:none;white-space:nowrap;cursor:pointer;--icon-size: 16px;transition:background-color var(--duration-fast) ease,border-color var(--duration-fast) ease,color var(--duration-fast) ease,transform var(--duration-fast) ease}@media(hover:hover){.btn:hover:not(:disabled){background:var(--color-surface-2)}}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{border-color:var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted);cursor:default}.tb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:32px;height:32px;padding:0 6px;border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--color-text);font:inherit;font-size:var(--text-sm);cursor:pointer;--icon-size: 18px;transition:background-color var(--duration-fast) ease,border-color var(--duration-fast) ease,color var(--duration-fast) ease}@media(hover:hover){.tb-btn:hover:not(:disabled){background:var(--color-surface-2)}}.tb-btn.active{border-color:var(--color-border);background:var(--color-surface-2);color:var(--color-accent)}.tb-btn:disabled{opacity:.4;cursor:default}.tb-btn.small{min-width:26px;height:26px;padding:0 4px;--icon-size: 16px}.with-labels .tb-btn:has(>.tb-label){flex-direction:column;gap:2px;height:auto;min-height:44px;padding:var(--space-1) 6px}.tb-label{font-size:var(--text-xs);line-height:1.2;white-space:nowrap}.tb-btn.has-dot{position:relative}.tb-btn.has-dot:after{content:"";position:absolute;top:4px;right:3px;width:7px;height:7px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 2px var(--color-surface)}.btn-primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast);font-weight:600}.btn-primary:hover:not(:disabled){border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.btn-primary:disabled{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast);opacity:.5}.btn-danger{border-color:var(--color-danger);color:var(--color-danger)}@media(hover:hover){.btn-danger:hover:not(:disabled){background:var(--color-danger);color:var(--color-surface)}}.range-note{position:fixed;inset:auto;z-index:1000;margin:0;padding:2px var(--space-2);border:1px solid var(--color-danger);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-md);color:var(--color-danger);font-size:var(--text-sm);white-space:nowrap;pointer-events:none}.tooltip{position:fixed;inset:auto;z-index:1000;display:flex;align-items:center;gap:var(--space-3);max-width:min(320px,100vw - 16px);margin:0;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-tooltip);box-shadow:var(--shadow-md);color:var(--color-text);font-size:var(--text-sm);line-height:1.35;white-space:pre-line;pointer-events:none;opacity:1;translate:0 0;transition:opacity .12s ease-out,translate .12s ease-out}@starting-style{.tooltip{opacity:0;translate:0 -3px}}.tooltip:not(:popover-open){display:none}@starting-style{.tooltip[data-side=above]{translate:0 3px}}@media(prefers-reduced-motion:reduce){.tooltip{transition:none}}.tooltip-text{min-width:0}.tooltip-keys{display:inline-flex;flex:none;gap:var(--space-1);margin-inline-start:auto}.tooltip-keys kbd{min-width:18px;padding:0 4px;border:1px solid var(--color-border);border-bottom-width:2px;border-radius:3px;background:color-mix(in srgb,var(--color-text) 6%,transparent);color:var(--color-text-muted);font-family:inherit;font-size:var(--text-xs);font-weight:600;line-height:16px;text-align:center}input[type].out-of-range,input[type].out-of-range:focus{border-color:var(--color-danger)}input[type=number],input[type=text],input[type=search],select,textarea{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font:inherit;min-height:32px;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}input[type=number]::placeholder,input[type=text]::placeholder,input[type=search]::placeholder,select::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:.7}@media(hover:hover){input[type=number]:hover:not(:disabled,:focus),input[type=text]:hover:not(:disabled,:focus),input[type=search]:hover:not(:disabled,:focus),select:hover:not(:disabled,:focus),textarea:hover:not(:disabled,:focus){border-color:var(--color-text-muted)}}input[type=number]:disabled,input[type=text]:disabled,input[type=search]:disabled,select:disabled,textarea:disabled{background:var(--color-surface-2);color:var(--color-text-muted);cursor:not-allowed}input[type=number]:focus,input[type=text]:focus,input[type=search]:focus,select:focus,textarea:focus{border-color:var(--color-focus);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 25%,transparent)}input[type=number],input[inputmode=decimal]{font-variant-numeric:tabular-nums}select{appearance:none;padding-right:28px;background-image:var(--select-chevron);background-position:right 8px center;background-repeat:no-repeat;background-size:14px;text-overflow:ellipsis;cursor:pointer}select:disabled{background-image:var(--select-chevron)}.segmented{display:inline-flex;flex-wrap:wrap;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2)}.segmented label{position:relative;cursor:pointer}.segmented input{position:absolute;opacity:0;inset:0;margin:0;cursor:inherit}.segmented span{display:block;padding:var(--space-1) var(--space-4);border-radius:calc(var(--radius-md) - 3px);color:var(--color-text-muted);transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease}@media(hover:hover){.segmented input:not(:checked,:disabled):hover+span{color:var(--color-text)}}.segmented input:checked+span{color:var(--color-text)}.segmented label{isolation:isolate}.segmented input:checked+span:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--color-surface);box-shadow:var(--shadow-pill)}.segmented input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:1px}.segmented input:disabled+span{opacity:.45;cursor:not-allowed}.switch{position:relative;flex:none;width:40px;height:22px;padding:0;border:0;border-radius:11px;background:color-mix(in srgb,var(--color-text-muted) 40%,var(--color-surface-2));cursor:pointer;transition:background-color var(--duration-fast) ease}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out)}.switch[aria-checked=true]{background:var(--color-accent)}.switch[aria-checked=true]:after{transform:translate(18px)}.switch:disabled{cursor:not-allowed}.settings-group{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-6);padding:var(--space-3) var(--space-4)}.settings-row+.settings-row{border-top:1px solid var(--color-border)}.settings-row.off{opacity:.45}.settings-row.hit{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}@media(max-width:700px){.settings-row{flex-wrap:wrap}}.settings-row-text{flex:1 1 14rem;min-width:0}.settings-row-label{display:flex;align-items:center;gap:var(--space-2);font-weight:500}.settings-row-hint{margin-top:2px;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.45}.settings-row-control{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;max-width:100%}.settings-heading{margin:var(--space-6) 0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600}.changed-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--color-accent)}.panel-body{display:block;padding:var(--space-3);font-size:var(--text-sm)}.panel-body>:last-child:not(dialog),.panel-body>:last-child>:last-child:not(dialog),.panel-body>:last-child>:last-child>:last-child:not(dialog),.panel-body>:last-child>:last-child>:last-child>:last-child:not(dialog){margin-bottom:0!important}.panel-body:empty,.panel-body:has(>:only-child:empty){display:none}.panel-body h3{margin:var(--space-6) 0 var(--space-2)}.panel-body h3:first-child{margin-top:0}.panel-body h3{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.panel-body p{margin:var(--space-1) 0}.panel-body .segmented{margin-bottom:var(--space-3)}.field-row{display:flex;align-items:flex-end;gap:var(--space-2);margin-bottom:var(--space-3)}.field-row label{display:grid;gap:2px;font-size:var(--text-sm);color:var(--color-text-muted)}.field-row input{width:5.5rem}.field-row .unit{padding-bottom:var(--space-1);color:var(--color-text-muted)}.linked-sizes{display:flex;align-items:stretch;gap:var(--space-1)}.linked-sizes .field-row{margin-bottom:var(--space-2)}.linked-sizes label{width:5.5rem}.linked-sizes label span{white-space:nowrap}.linked-sizes .chain{position:relative;display:flex;align-items:center;padding:36px 0 calc(var(--space-4) + var(--space-2));color:var(--color-text-muted)}.linked-sizes .chain:before{content:"";position:absolute;inset:36px auto calc(15px + var(--space-2)) 0;width:10px;border:1px dashed var(--color-border);border-left:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.linked-sizes .chain.on:before{border-style:solid;border-color:var(--color-text-muted)}.linked-sizes .chain button{position:relative;margin-left:-3.5px;background:var(--color-surface)}.linked-sizes .chain.on button{color:var(--color-text)}.prop-grid{display:grid;grid-template-columns:5.5rem 4.5rem 4.5rem auto;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-sm)}.prop-grid input{width:100%}.prop-grid app-stepper{grid-column:2/-1;justify-self:start}.prop-grid .segmented{margin-bottom:0}.prop-grid .label{grid-column:1;color:var(--color-text-muted)}.prop-grid .head{margin-bottom:-4px;color:var(--color-text-muted);font-size:var(--text-xs)}.prop-grid .unit{color:var(--color-text-muted)}.prop-grid .wide{grid-column:2/-1}.prop-grid button.wide{justify-self:start}.prop-grid .full{grid-column:1/-1}.prop-grid .note{grid-column:1/-1;margin:0;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.stack-field{display:grid;gap:2px;margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.stack-field input{width:100%}.input-unit{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted)}.input-unit input{width:5.5rem}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-1)}.checkbox-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-sm);cursor:pointer}.text-warning{color:var(--color-warning);font-size:var(--text-sm)}.text-danger{color:var(--color-danger);font-size:var(--text-sm)}.btn.icon{min-width:1.75rem;padding-inline:var(--space-1);font-weight:600}.section-swatch{display:inline-block;width:14px;height:14px;border:1px solid var(--color-section-border);border-radius:3px}.section-swatch[data-section="0"]{background:var(--section-0)}.section-swatch[data-section="1"]{background:var(--section-1)}.section-swatch[data-section="2"]{background:var(--section-2)}.section-swatch[data-section="3"]{background:var(--section-3)}.section-swatch[data-section="4"]{background:var(--section-4)}.section-swatch[data-section="5"]{background:var(--section-5)}.section-swatch[data-section="6"]{background:var(--section-6)}.section-swatch[data-section="7"]{background:var(--section-7)}:where(dialog.modal){max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg)}:where(dialog.modal[open]){display:flex;flex-direction:column}:where(dialog.modal)::backdrop{background:#00000059}:where(dialog.modal>form:has(>header)){display:flex;flex-direction:column;min-height:0;flex:1 1 auto}:where(dialog.modal>header,dialog.modal>footer,dialog.modal>form>header,dialog.modal>form>footer){display:flex;flex:none;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4)}:where(dialog.modal>header,dialog.modal>form>header){justify-content:space-between;border-bottom:1px solid var(--color-border)}:where(dialog.modal>header h2,dialog.modal>form>header h2){font-size:var(--text-lg)}dialog.modal>header h2,dialog.modal>form>header h2{margin:0}:where(dialog.modal>footer,dialog.modal>form>footer){justify-content:flex-end;border-top:1px solid var(--color-border)}:where(dialog.modal>.body,dialog.modal>form>.body){display:grid;gap:var(--space-4);min-height:0;overflow:auto;padding:var(--space-4)}:where(dialog.modal>.body,dialog.modal>form>.body)>.stack-field{margin-bottom:0}[role=menu],.popover{animation:pop-in var(--duration-fast) var(--ease-out)}dialog[open]{animation:pop-in var(--duration-medium) var(--ease-out)}dialog[open]::backdrop{animation:fade-in var(--duration-medium) ease}.motion-ghost{position:fixed;z-index:2000;transform-origin:0 0;pointer-events:none}.motion-ghost>*{display:block;width:100%;height:100%}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}}@keyframes fade-in{0%{opacity:0}}.skeleton{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-bg) 50%,var(--color-surface-2) 75%) 0 0/200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.spinner{display:inline-block;flex:none;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.15em;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.busy-text{display:inline-flex;align-items:center;gap:var(--space-2)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media(pointer:coarse){.btn{min-height:var(--touch-target);padding-inline:var(--space-4)}.tb-btn{min-width:var(--touch-target);height:var(--touch-target);--icon-size: 20px}.tb-btn.small{min-width:34px;height:34px;--icon-size: 18px}input[type=number],input[type=text],input[type=search],select,textarea{min-height:var(--touch-target);font-size:16px}input[type=checkbox],input[type=radio]{width:20px;height:20px}.segmented span{padding:var(--space-2) var(--space-4)}.checkbox-row{min-height:var(--touch-target)}}