@font-face{font-family:YB Special Gothic;src:url(/fonts/specialgothic-latin-92adb6a3d3.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:optional}@font-face{font-family:YB Barlow Semi Condensed;src:url(/fonts/barlowsemicondensed-latin-c82da27cf6.woff2) format("woff2");font-weight:900;font-style:normal;font-display:optional}:root{--ink: #16171a;--ink-hover: #303236;--muted: #5e6166;--line: #deded9;--line-soft: #ebebe7;--line-strong: #85878b;--paper: #f1f1f1;--card: #ffffff;--sunk: #ebebe7;--accent: #16171a;--accent-strong: #16171a;--accent-soft: #f5eedb;--accent-tint: #f6f6f3;--brass: #c9a24e;--bronze: #7c5a1c;--danger: #a8281f;--danger-strong: #8c1f17;--field: #ffffff;--on-accent: #ffffff;--notice-bg: #fbf1dc;--notice-ink: #5a4510;--error-bg: #fff1ef;--error-line: #f6c2bc;--error-ink: #8e2823;--success-bg: #e5f5ed;--success-line: #b3ddc7;--success-ink: #246945;--scrim: #16171ab8;--shadow-pop: 0 8px 24px #16171a1f;--shadow-stage: 0 1px 0 #16171a0d, 0 12px 30px -18px #16171a55;--shadow-dialog: 0 24px 64px #16171a33;--radius-mark: 4px;--radius-control: 6px;--radius-inset: 5px;--radius-card: 10px;--radius-dialog: 14px;--shop-light-page: #ffffff;--shop-light-block: #eeeeee;--shop-light-line: #c9c9c9;--shop-light-strong: #252525;--shop-light-muted: #6b6b6b;--shop-light-on-strong: #ffffff;--shop-dark-page: #0b0b0b;--shop-dark-block: #252525;--shop-dark-line: #424242;--shop-dark-strong: #eeeeee;--shop-dark-muted: #8f8f8f;--shop-dark-on-strong: #0b0b0b;--motion-fast: .16s;--motion-base: .24s;--motion-exit: .14s;--motion-strike: .32s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--u-cap: .85px;--font-text: "YB Special Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: var(--font-text);--font-label: "YB Barlow Semi Condensed", "YB Special Gothic", -apple-system, BlinkMacSystemFont, sans-serif;font-family:var(--font-text);color:var(--ink);background:var(--paper);font-size:13px;font-synthesis:none;-webkit-font-smoothing:antialiased}::selection{background:var(--brass);color:var(--ink)}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line-strong);background:var(--card);color:var(--ink);border-radius:var(--radius-control);padding:6px 12px;min-height:28px;box-shadow:none;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform 80ms var(--ease-out)}button:hover:where(:not(:disabled,[aria-disabled=true])){background:var(--accent-tint);border-color:var(--ink)}button:active:not(:disabled,[aria-disabled=true]){transform:scale(.98)}@media(prefers-reduced-motion:reduce){button:active:not(:disabled,[aria-disabled=true]){transform:none}}button:disabled,button[aria-disabled=true]{opacity:.45;cursor:default}button.primary{background:var(--ink);color:var(--on-accent);border-color:var(--ink);box-shadow:inset 0 1px color-mix(in srgb,var(--on-accent) 12%,transparent)}button.primary:hover:where(:not(:disabled,[aria-disabled=true])){background:var(--ink-hover);border-color:var(--ink-hover)}button.danger{background:var(--danger);color:var(--on-accent);border-color:var(--danger)}button.danger:hover:where(:not(:disabled,[aria-disabled=true])){background:var(--danger-strong);border-color:var(--danger-strong)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}body.has-dialog{overflow:hidden}h1{font-family:var(--font-display);font-size:22px;line-height:1.25;letter-spacing:-.2px;margin:0;font-weight:650}h2{font-family:var(--font-display);font-size:16px;font-weight:650;margin:0 0 12px}h3{font-size:13px;font-weight:650;margin:0 0 14px}p{line-height:1.5;margin:0 0 12px}small,.muted{font-size:12px;line-height:1.4;color:var(--muted)}.app-bar{display:flex;align-items:center;gap:10px;min-height:57px;padding:12px 24px;border-bottom:1px solid var(--line);background:var(--card)}.app-bar strong{font-family:var(--font-display);font-size:16px;font-weight:700;font-stretch:112%;letter-spacing:-.1px}.app-mark{width:24px;height:24px;flex:none}.gallery-button{margin-left:auto;display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:6px 12px 6px 10px;font-weight:600}.gallery-button+.local-mode{margin-left:0}.gallery-button svg{width:15px;height:15px;fill:currentColor}.local-mode{margin-left:auto;background:var(--notice-bg);color:var(--notice-ink);padding:6px 10px;border-radius:var(--radius-control);font-size:12px}::view-transition-group(root){animation-duration:var(--motion-base)}::view-transition-old(root),::view-transition-new(root){animation-timing-function:var(--ease-out)}.app-page{max-width:1000px;margin:0 auto;padding:28px 24px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:36px;margin-bottom:28px}.title-row,.actions,.row{display:flex;align-items:center;gap:8px}.title-row{flex-wrap:wrap}.badge-title{flex:1 1 auto;flex-wrap:nowrap;min-width:0}.badge-title>h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-title>:not(h1){flex-shrink:0}.row{justify-content:space-between}.actions{flex-shrink:0}.icon-button{display:inline-grid;place-items:center;padding:4px;border:0;box-shadow:none;background:transparent;min-width:28px;min-height:28px}.ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.panel{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card);overflow:hidden}.status-panel{display:grid;justify-items:start;gap:12px;padding:24px}.status-panel>*{margin:0}.page-loading-title{width:min(240px,60%);height:28px;border-radius:var(--radius-mark)}.page-loading-actions{width:250px;max-width:100%;height:30px;border-radius:var(--radius-control)}.page-loading-body{height:240px}.page-loading-settings{height:420px}.page-loading-preview{height:calc(100vh - 192px)}.editor-layout{display:grid;grid-template-columns:324px minmax(0,1fr);gap:44px;align-items:start}.settings{overflow:visible}.field{display:flex;flex-direction:column;gap:6px;margin:0 0 18px;font-weight:400;min-width:0}.field:last-child{margin-bottom:0}.field>span:first-child{line-height:1.3}.field input:not([type=color]),.field select,.field textarea{display:block;min-width:0;width:100%;min-height:32px;border:1px solid var(--line-strong);border-radius:var(--radius-control);padding:6px 10px;color:var(--ink);background:var(--field);box-shadow:none}.select{position:relative;display:block;min-width:0}.select>select{appearance:none;padding-right:32px}.select>select:disabled{opacity:.45;cursor:default}.select>.ui-icon{position:absolute;top:50%;right:8px;width:16px;height:16px;margin-top:-8px;color:var(--ink);pointer-events:none}.select>select:disabled+.ui-icon{opacity:.45}.field textarea{resize:vertical;line-height:1.45}.field small{margin-top:0}.field .unit{display:flex;border:1px solid var(--line-strong);border-radius:var(--radius-control);align-items:center;background:var(--field);overflow:hidden}.field .unit input{width:100%;border:0;box-shadow:none}.unit>span{padding-right:10px;color:var(--muted);font-size:12px}.slider-field{display:flex;align-items:center;gap:10px;min-width:0}.slider-field input[type=range]{flex:1 1 auto;width:auto;min-width:0;min-height:32px;margin:0;padding:0;border:0;background:none;accent-color:var(--accent)}.slider-field .unit{flex:0 0 92px}.color-field input:disabled{opacity:.5;cursor:not-allowed}.color-field{display:flex;gap:6px;min-width:0}.color-field input[type=color]{min-width:40px;width:40px;height:32px;border:1px solid var(--line-strong);padding:2px;background:var(--field);border-radius:var(--radius-control)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radio-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.radio-list label,.check{display:flex;align-items:flex-start;gap:8px;line-height:1.4}.radio-list input,.check input{margin:1px 0 0;accent-color:var(--accent);flex-shrink:0;width:15px;height:15px}.check{margin:14px 0}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}.chip{padding:4px 10px;border-radius:var(--radius-control);font-size:12px;background:var(--field);border-color:var(--line)}.chip .ui-icon{width:14px;height:14px;margin-left:2px;vertical-align:-3px}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong);font-weight:600}.free-axes{display:grid;gap:12px;margin-bottom:16px}.free-axes>.field{margin:0}.free-axis{display:flex;gap:6px;min-width:0}.free-axis>.unit{flex:1 1 auto;min-width:60px}.free-axis>.select{flex:0 0 auto}.free-axis .select>select{width:auto}.free-phone{margin-top:4px}.page-choice>.check{margin:0 0 10px}.page-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.page-checks>.check{margin:0}.page-checks input:disabled{cursor:not-allowed}.settings-search{position:relative}.settings-search-icon{position:absolute;top:50%;left:10px;width:16px;height:16px;margin-top:-8px;fill:none;stroke:var(--muted);stroke-width:1.5;stroke-linecap:round;pointer-events:none}.settings-search input{display:block;width:100%;min-height:32px;padding:6px 40px 6px 32px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--field);color:var(--ink);-webkit-appearance:none;appearance:none}.settings-search input::placeholder{color:var(--muted);opacity:1}.settings-search-key{position:absolute;top:50%;right:8px;min-width:20px;padding:0 4px;font-size:12px;color:var(--muted);transform:translateY(-50%);pointer-events:none}.settings-search input:focus~.settings-search-key,.settings-search input:not(:placeholder-shown)~.settings-search-key{opacity:0}.settings-popover{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;max-height:320px;overflow-y:auto;padding:4px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--field);box-shadow:var(--shadow-dialog)}.settings-popover[hidden]{display:none}.settings-result{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:var(--radius-control);cursor:pointer}.settings-result[aria-selected=true]{background:var(--accent-soft)}.settings-result-label{line-height:1.3}.settings-result[aria-selected=true] .settings-result-label{color:var(--accent-strong);font-weight:600}.settings-result-trail{font-size:12px;line-height:1.4;color:var(--muted)}.settings-empty{margin:0;padding:8px 12px;font-size:12px;color:var(--muted)}.settings-hidden{margin:16px 0 0;padding-top:12px;border-top:1px solid var(--line-soft);font-size:12px;color:var(--muted)}.settings-hidden .link-button{color:var(--ink)}.settings-end{padding:16px}.claim-check{margin:4px 0 0;font-size:12px;line-height:1.45}.claim-check.part-failed{padding:0}.claim-intro,.claim-clear{margin:0 0 12px;font-size:12px}.claim-intro{color:var(--muted)}.claim-list{margin:0;padding:0;list-style:none}.claim{margin:0 0 12px;padding:12px;border:1px solid var(--line-soft);border-radius:var(--radius-control);background:var(--card)}.claim[data-done]{background:var(--paper)}.claim p{margin:0 0 8px;font-size:12px;line-height:1.45}.claim-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}.claim-head strong{font-size:13px;font-weight:650}.claim-level{padding:2px 6px;border-radius:var(--radius-control);background:var(--notice-bg);color:var(--notice-ink);font-size:12px;line-height:1.4}.claim[data-severity=notice] .claim-level{background:var(--line-soft);color:var(--ink)}.claim-where,.claim-evidence{color:var(--muted)}.claim-excerpt{padding:6px 8px;border-radius:var(--radius-control);background:var(--paper);overflow-wrap:anywhere}.claim-excerpt mark{padding:0 2px;border-radius:var(--radius-mark);background:var(--notice-bg);color:var(--notice-ink);font-weight:600}.claim-texts{margin:0 0 8px;padding:0;list-style:none}.claim-texts>li+li{margin-top:8px}.claim-place{font-size:12px;color:var(--muted)}.claim-texts .claim-excerpt{margin:4px 0 0}.claim-why a{color:var(--accent-strong)}.claim-fix>span{font-weight:600}.claim-actions{display:flex;flex-wrap:wrap;gap:8px}.claim-proof .field{margin-bottom:8px}.claim-toggle{font-size:12px}.claim-confirmed>.claim-list{margin-top:12px}.access-heading{margin:16px 0 6px;font-size:13px;font-weight:650}.access-built{margin:0;padding-left:18px}.access-built li+li{margin-top:4px}.access-weight{width:100%;margin:0 0 8px;border-collapse:collapse}.access-weight :is(th,td){padding:6px 0;border-bottom:1px solid var(--line-soft);text-align:left;font-weight:400;vertical-align:top}.access-weight td{padding-left:12px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.access-note{display:block;color:var(--muted)}.access-total :is(th,td){border-bottom:0;font-weight:650}.statement-text{font-size:12px;line-height:1.5}.setting{position:relative;margin:0 0 16px;min-width:0}.setting>:last-child{margin-bottom:0}.setting>.check:first-child{margin-top:0}.setting .radio-list{margin-bottom:0}.setting-pair{margin-bottom:16px}.setting-pair>.setting{margin-bottom:0}.setting-group{margin:24px 0 12px;padding-top:16px;border-top:1px solid var(--line-soft);font-family:var(--font-display);font-size:12px;font-weight:650;color:var(--muted)}.bench-tabpanel>.setting-group:first-child{margin-top:8px;padding-top:0;border-top:0}.setting-note{margin:-4px 0 12px}.setting-hint{margin:6px 0 0}.structured-note{margin:-8px 0 12px 23px}.delivery-status{margin:0 0 12px}.delivery-add{display:flex;gap:6px;margin:8px 0 4px}.delivery-add input{flex:1;min-width:0}.delivery-setup{margin-top:8px}.delivery-public{display:flex;flex-direction:column;gap:8px;margin-top:4px}.delivery-public .field{margin:0}.delivery-public [role=status]:empty{margin-top:-8px}.bench-tabpanel .style-heading h3{font:900 13px / 1.2 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.placement-pick{margin-top:8px}.choice{min-width:0;margin:0;padding:0;border:0}.choice>legend{margin-bottom:8px;padding:0;line-height:1.3}.choice>small{display:block}.choice>.radio-list~*{margin-top:12px}.setting:after{content:"";position:absolute;inset:-6px -8px;border:2px solid var(--accent);border-radius:var(--radius-card);opacity:0;pointer-events:none}.setting[data-found]:after{animation:setting-found 1.6s var(--ease-out)}@keyframes setting-found{15%,85%{opacity:1}}.item-list{display:grid}.item-card{min-width:0;padding:16px 0;border-top:1px solid var(--line-soft)}.item-card:last-of-type{border-bottom:1px solid var(--line-soft)}.item-card.drop-target{background:var(--accent-soft);box-shadow:inset 0 2px 0 var(--ink)}.item-card-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-4px 0 8px}.item-card-title{margin:0;font-size:13px;font-weight:650}.item-card-tools{display:flex;gap:4px}.item-card-tools button{display:inline-grid;place-items:center;min-width:28px;padding:2px 6px;border-color:transparent;background:transparent;color:var(--muted);transition:none}.item-card-tools button:hover:not(:disabled){border-color:var(--line-strong);background:var(--accent-tint);color:var(--ink)}.item-card-tools .ui-icon{width:16px;height:16px}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.item-card-head{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:12px;align-items:start}.item-card-head>.setting{grid-column:2;margin-bottom:12px}.item-card-head>[data-setting="item.icon"]{grid-column:1;grid-row:1 / span 2;margin:23px 0 0}.item-card-head>[data-setting="item.iconText"]{grid-column:1 / -1}.item-card-head>:last-child{margin-bottom:0}.selected-icon{display:grid;place-items:center;width:56px;height:56px;padding:0;border-radius:var(--radius-card);background:var(--field)}.item-icon[data-invalid] .selected-icon{border-color:var(--error-ink)}.item-icon .selected-icon .glyph:has(.bs-payment-logo){width:48px;height:32px}.item-icon-empty{font-size:22px;line-height:1;color:var(--muted)}.item-card-head+.field-error{margin-top:8px}.item-card-actions{display:grid;margin-top:16px}.item-card-actions>.setting{margin-bottom:12px}.item-card-actions>:last-child{margin-bottom:0}.item-click,.item-show-as{display:flex;flex-direction:column;gap:8px;min-width:0}.item-click>span:first-child,.item-show-as>span:first-child{line-height:1.3}.item-show-as{gap:6px;margin-top:4px}.item-click .chips{gap:4px;margin:0}.item-click .chip{padding:4px 8px}.item-show-as .segment{display:flex}.item-show-as .segment button{flex:1 1 0;min-height:28px;transition:none}.item-click>.field,.item-click>.check{margin:4px 0 0}.item-animation-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.item-animation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 12px}.item-animation-grid>.field{margin:0}.item-play{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;min-height:32px}.item-play-icon{width:12px;height:12px;fill:currentColor}.item-note{margin:0}.item-more-toggle{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:12px}.item-more-toggle:after{content:"";width:6px;height:6px;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform var(--motion-fast) var(--ease-out)}.item-more-toggle[aria-expanded=true]:after{margin-top:3px;transform:rotate(-135deg)}.item-more{margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft)}.item-more[hidden]{display:none}.item-more>.setting{margin-bottom:12px}.item-more-icon{display:flex;flex-wrap:wrap;gap:16px;font-size:12px}.item-translation{min-width:0;margin:0 0 12px;padding:8px 12px 12px;border:1px solid var(--line-soft);border-radius:var(--radius-control)}.item-translation:last-child{margin-bottom:0}.item-translation legend{padding:0 4px;font-size:12px;color:var(--muted)}.item-translation .field{margin-bottom:12px}.item-translation .field:last-child{margin-bottom:0}.item-add{margin-top:16px}.glyph{display:inline-flex;width:34px;height:34px;vertical-align:middle;color:var(--ink);--bs-icon-bg: var(--field)}.glyph .bs-svg{max-height:100%;max-width:100%}@media(prefers-reduced-motion:no-preference){.settings-popover{animation:editor-panel-in var(--motion-fast) var(--ease-out)}.item-card.is-moving{position:relative;z-index:1;background:var(--card);animation:editor-card-move var(--motion-base) var(--ease-out)}[data-testid=badge-preview] .bs-item:is(.bs-in.bs-play,.bs-pv-entrance){--bs-e-on: var(--bs-e, none)}[data-testid=badge-preview] .bs-item:is(.bs-in.bs-play,.bs-pv-attention){--bs-a-on: var(--bs-a, none);--bs-ax-on: var(--bs-ax, none)}[data-testid=badge-preview] .bs-play .bs-item,[data-testid=badge-preview] .bs-item:is(.bs-in.bs-play,.bs-pv-hover){--bs-h-on: var(--bs-h, none);--bs-hx-on: var(--bs-hx, none)}[data-testid=badge-preview] .bs-h-fill.bs-pv-hover .bs-svg{fill:var(--bs-icon-accent)}}@keyframes editor-panel-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes editor-card-move{0%{transform:translateY(var(--flip-y, 0))}}@keyframes editor-fade-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.settings-popover{animation:editor-fade-in var(--motion-fast) var(--ease-out)}.item-more-toggle:after{transition:none}.setting[data-found]:after{animation:none;opacity:1}}.style-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.style-heading h3{margin:0;font-size:16px;letter-spacing:-.3px}.style-heading>span{border:1px solid var(--accent-soft);padding:3px 8px;border-radius:0;font-size:12px;color:var(--accent);background:var(--accent-tint)}.style-intro{margin:8px 0 16px;color:var(--muted);font-size:12px}.style-picker{display:grid;gap:8px;margin-bottom:18px}.style-card{display:grid;grid-template-columns:1fr 124px;align-items:center;gap:8px;width:100%;min-height:78px;padding:10px;text-align:left;background:var(--field);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:none;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.style-card:hover{background:var(--accent-tint);border-color:var(--line-strong)}.style-card[aria-pressed=true]{border:2px solid var(--ink);padding:9px;background:var(--accent-soft)}.style-description{display:flex;flex-direction:column;gap:4px;min-width:0}.style-description strong{font-size:13px;font-weight:650}.style-description small{font-size:12px;color:var(--muted);line-height:1.4}.style-example{display:block;pointer-events:none;min-width:0}.style-example .bs-badge{padding-left:6px;padding-right:6px}.style-example .bs-copy:empty{display:none}.template-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.template-card{display:grid;gap:6px;width:100%;padding:10px;text-align:left;background:var(--field);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:none;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.template-card:hover{background:var(--accent-tint);border-color:var(--line-strong)}.template-card[aria-pressed=true]{border:2px solid var(--ink);padding:9px;background:var(--accent-soft)}.template-swatches{display:flex;gap:4px}.template-swatches i{width:14px;height:14px;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:50%}.template-name{font-size:13px;font-weight:600}.template-card small{font-size:12px;color:var(--muted);line-height:1.4}.theme-templates{margin:20px 0 6px}.theme-templates>button{margin-bottom:12px}.theme-error{margin:8px 0 12px;font-size:12px;color:var(--error-ink)}.full{width:100%}.preview-area{position:sticky;top:16px;display:flex;flex-direction:column;min-width:0;height:calc(100vh - max(var(--preview-top, 16px),16px) - 16px);margin:-4px;padding:4px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.preview-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.preview-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.preview-device{margin-left:auto}.preview-switch{flex-shrink:0}.preview-switch button{display:inline-grid;align-content:center;justify-items:center;min-height:28px;padding:4px 12px;white-space:nowrap}.preview-switch button:after{content:attr(data-label);height:0;overflow:hidden;visibility:hidden;font-weight:600}.preview-tool{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.preview-tool[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong);font-weight:600}.preview-icon{width:14px;height:14px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.preview-store{display:inline-flex;align-items:center;gap:4px;min-height:28px;margin-left:auto;color:var(--accent-strong);font-size:12px;font-weight:600;text-decoration:none}.preview-store:hover{text-decoration:underline}.preview-toolbar .field{margin:0;max-width:135px}.preview-toolbar .field>span:first-child{display:none}.preview-context{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:32px;margin-bottom:8px}.preview-context p{margin:0;color:var(--muted);font-size:12px}.preview-page{font-weight:650}.preview-stage{--shop-page: var(--shop-light-page);--shop-block: var(--shop-light-block);--shop-line: var(--shop-light-line);--shop-strong: var(--shop-light-strong);--shop-muted: var(--shop-light-muted);--shop-on-strong: var(--shop-light-on-strong);--stage-mark: var(--bronze);container:shop / inline-size;flex:1 0 auto;width:100%;min-height:280px;margin-inline:auto;padding:20px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--shop-page)}.preview-stage[data-shop=dark]{--shop-page: var(--shop-dark-page);--shop-block: var(--shop-dark-block);--shop-line: var(--shop-dark-line);--shop-strong: var(--shop-dark-strong);--shop-muted: var(--shop-dark-muted);--shop-on-strong: var(--shop-dark-on-strong);--stage-mark: var(--brass)}::view-transition-group(preview-stage){animation-duration:var(--motion-base);animation-timing-function:var(--ease-out)}::view-transition-old(root),::view-transition-new(root){animation:none}.preview-stage:not([data-view=context]){position:relative;display:grid;align-content:center;border-color:transparent}.preview-stage:not([data-view=context]):before{content:"";position:absolute;inset:6px;pointer-events:none;background:linear-gradient(var(--stage-mark) 0 0) left top / 10px 1.5px no-repeat,linear-gradient(var(--stage-mark) 0 0) left top / 1.5px 10px no-repeat,linear-gradient(var(--stage-mark) 0 0) right top / 10px 1.5px no-repeat,linear-gradient(var(--stage-mark) 0 0) right top / 1.5px 10px no-repeat,linear-gradient(var(--stage-mark) 0 0) left bottom / 10px 1.5px no-repeat,linear-gradient(var(--stage-mark) 0 0) left bottom / 1.5px 10px no-repeat,linear-gradient(var(--stage-mark) 0 0) right bottom / 10px 1.5px no-repeat,linear-gradient(var(--stage-mark) 0 0) right bottom / 1.5px 10px no-repeat}.preview-stage.is-mobile{width:min(100%,390px);padding:16px}.preview-stage[data-view=context]{flex:1 1 0;padding:0;overflow:auto;overscroll-behavior:contain}.preview-frame:has(>.sketch){display:flex;flex-direction:column;min-height:100%}.preview-frame>.sketch{flex:1 0 auto}.preview-frame>.sketch-cart-page{display:flex;flex-direction:column}.preview-frame>.sketch-cart-page>.sketch-cart{flex:1 0 auto}.preview-frame>.sketch-cart-page .sketch-summary{margin-top:auto}.preview-stage:has(>.preview-phone-bar){display:flex;flex-direction:column}.preview-stage:has(>.preview-phone-bar)>*{flex:none}.preview-stage:has(>.preview-phone-bar)>.preview-frame{flex:1 0 auto;min-height:0}.preview-reduced .bs-badge,.preview-reduced .bs-badge *,.preview-reduced .bs-badge *:before,.preview-reduced .bs-badge *:after{animation:none!important}:root[data-preview-motion=reduced] .bs-dialog[open],:root[data-preview-motion=reduced] .bs-dialog[open]::backdrop{animation:none}:root[data-preview-motion=reduced] .bs-toast{transition:none}@media(prefers-reduced-motion:no-preference){.preview-frame{animation:preview-fade var(--motion-fast) var(--ease-out)}.preview-badge.is-moving{animation:preview-move var(--motion-base) var(--ease-out)}.preview-reduced .preview-frame{animation:none}.preview-contrast{animation:preview-rise var(--motion-base) var(--ease-out)}.preview-badge .is-struck .bs-icon:not(.bs-brand-icon,.bs-store-icon){animation:preview-strike var(--motion-strike) linear .12s backwards}}.preview-badge .motif-arrived{animation:preview-fade var(--motion-base) var(--ease-out)}@media(prefers-reduced-motion:reduce){.preview-contrast,.preview-badge .is-struck .bs-icon:not(.bs-brand-icon,.bs-store-icon){animation:preview-fade var(--motion-fast) var(--ease-out)}}@keyframes preview-fade{0%{opacity:0}}@keyframes preview-strike{0%{opacity:.35;transform:scale(1.16);animation-timing-function:var(--ease-out)}50%{opacity:1;transform:none;animation-timing-function:var(--ease-out)}75%{transform:scale(.98);animation-timing-function:var(--ease-out)}to{transform:none}}@keyframes preview-rise{0%{opacity:0;transform:translateY(6px)}}@keyframes preview-move{0%{transform:translate(var(--flip-x, 0),var(--flip-y, 0))}}.shop-product{display:block;background:var(--shop-block, var(--shop-light-block));fill:none;stroke:var(--shop-strong, var(--shop-light-strong));stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.shop-product path{vector-effect:non-scaling-stroke}.shop-product .face{fill:var(--shop-page, var(--shop-light-page))}.shop-product .soft{stroke:var(--shop-line, var(--shop-light-line))}.shop-product .seam{stroke-dasharray:2 4}.sketch{min-height:100%;background:var(--shop-page);color:var(--shop-strong);font-size:12px;line-height:1.4}.sketch-bar{display:block;height:8px;border-radius:var(--radius-control);background:var(--shop-line)}.sketch-stack{display:grid;gap:8px;min-width:0}.sketch-header{display:flex;align-items:center;gap:16px;height:48px;padding:0 20px;border-bottom:1px solid var(--shop-block)}.sketch-logo{width:64px;height:12px;border-radius:var(--radius-control);background:var(--shop-strong)}.sketch-nav{display:flex;flex:1;justify-content:center;gap:16px}.sketch-icons{display:flex;gap:8px;margin-left:auto}.sketch-dot,.sketch-close{width:12px;height:12px;border:2px solid var(--shop-line);border-radius:50%}.sketch-main{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:24px;padding:24px 20px}.sketch-image{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:var(--radius-control);background:var(--shop-block)}.sketch-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.sketch-thumbs span{aspect-ratio:1;border-radius:var(--radius-control);background:var(--shop-block)}.sketch-info{display:flex;flex-direction:column;min-width:0}.sketch-product{display:grid;gap:2px}.sketch-name{font-size:16px;font-weight:600;line-height:1.3}.sketch-cost{font-size:13px}.sketch-muted{margin:0;color:var(--shop-muted)}.sketch-copy{margin-top:16px;max-width:60ch;line-height:1.5}.sketch-form{margin-top:12px}.sketch-options{display:flex;gap:8px}.sketch-options span{display:inline-flex;align-items:center;height:24px;padding:0 10px;border:1px solid var(--shop-line);border-radius:999px;font-size:12px}.sketch-options .is-chosen{border-color:var(--shop-strong)}.sketch-quantity{display:flex;align-items:center;justify-content:center;width:96px;height:32px;border:1px solid var(--shop-line);border-radius:var(--radius-control)}.sketch-button{display:flex;align-items:center;justify-content:center;height:40px;border:1px solid var(--shop-strong);border-radius:var(--radius-control);color:var(--shop-strong);font-weight:600}.sketch-button.is-primary{background:var(--shop-strong);color:var(--shop-on-strong)}.sketch-related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 20px 24px}.sketch-card{display:grid;gap:2px;min-width:0}.sketch-card .sketch-image{margin-bottom:6px}.sketch-card>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sketch-card-name{font-weight:600}.sketch-wide{padding:0 20px}.sketch-footer{padding:20px;background:var(--shop-block)}.sketch-cart{display:flex;flex-direction:column;padding:24px 20px}.sketch-cart-head,.sketch-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sketch-lines{display:grid;gap:16px;padding:16px 0;border-block:1px solid var(--shop-block)}.sketch-line{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px}.sketch-thumb{width:48px;height:48px;border-radius:var(--radius-control);background:var(--shop-block)}.sketch-line-text{display:grid;gap:2px;min-width:0}.sketch-line-text>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sketch-amount{font-variant-numeric:tabular-nums}.sketch-summary{display:grid;gap:8px;width:min(100%,280px);margin-left:auto;padding-top:16px}.sketch-total{display:flex;justify-content:space-between;gap:12px}.sketch-cart-drawer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);min-height:520px}.sketch-behind{overflow:hidden;opacity:.35}.sketch-drawer{display:flex;flex-direction:column;min-width:0;padding:16px 20px 24px;border-left:1px solid var(--shop-line);background:var(--shop-page)}.sketch-drawer .sketch-summary{width:100%;margin-top:auto}.sketch-slot{margin:8px 0}.sketch-current{display:inline-block;margin-bottom:4px;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:12px;font-weight:600}.sketch-target{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:32px;margin:4px 0;padding:0;border:0;border-radius:var(--radius-control);background:none;color:var(--ink)}.sketch-target:before{content:"";position:absolute;inset:50% 0 auto;border-top:1px dashed var(--muted)}.sketch-target-label{position:relative;padding:2px 10px;border:1px solid var(--line-strong);border-radius:999px;background:var(--field);font-size:12px}.sketch-hint{color:var(--muted)}.sketch-target:hover{background:none}.sketch-target:hover .sketch-target-label{border-color:var(--accent);background:var(--accent-tint);color:var(--accent-strong)}@container shop (max-width: 899px){.sketch-main{grid-template-columns:minmax(0,1fr);gap:16px}.sketch-media .sketch-image{aspect-ratio:5 / 2}.sketch-thumbs{grid-template-columns:repeat(4,40px)}}@container shop (max-width: 480px){.sketch-header{padding:0 16px}.sketch-nav,.sketch-behind,.sketch-thumbs{display:none}.sketch-main{padding:16px}.sketch-related{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px 20px}.sketch-wide{padding:0 16px}.sketch-cart{padding:20px 16px}.sketch-summary{width:100%}.sketch-cart-drawer{grid-template-columns:minmax(0,1fr)}.sketch-drawer{border-left:0}}.preview-contrast{position:sticky;bottom:0;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;padding:8px 12px;border-radius:var(--radius-control);background:var(--notice-bg);color:var(--notice-ink);font-size:12px}.preview-contrast p{flex:1 1 220px;margin:0}.preview-foot-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 16px;margin-top:12px}.preview-notes{display:grid;flex:1 1 260px;gap:4px;min-width:0;color:var(--muted);font-size:12px}.preview-notes p{margin:0;max-width:70ch}.preview-notes strong{color:var(--ink);font-weight:600}.preview-meta{display:flex;flex:0 0 auto;align-items:center;gap:12px}.preview-meta small{color:var(--muted);font-size:12px;white-space:nowrap}.preview-jump{position:fixed;inset:auto 0 max(16px,env(safe-area-inset-bottom));z-index:30;width:fit-content;min-height:36px;margin:0 auto;padding:0 16px;border-color:var(--line);box-shadow:var(--shadow-pop);font-weight:600;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),opacity var(--motion-exit) var(--ease-in),transform var(--motion-exit) var(--ease-in),display var(--motion-exit) allow-discrete}.preview-jump:not([hidden]){transition-duration:var(--motion-fast),var(--motion-fast),.2s,.2s,.2s;transition-timing-function:var(--ease-out)}.preview-jump[hidden]{display:none;opacity:0;transform:translateY(8px)}@starting-style{.preview-jump:not([hidden]){opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.preview-jump,.preview-jump[hidden]{transform:none}@starting-style{.preview-jump:not([hidden]){transform:none}}}.preview-badge.is-free{max-width:var(--free-w);margin-inline:auto}.free-body>.preview-badge.is-free{max-width:none}.preview-badge.is-free .bs-badge{margin:0;min-height:var(--free-now-bh, var(--free-bh, 0px));align-content:center}.free-ghost-body .bs-badge{min-height:var(--free-now-bh, 0px);align-content:center}.free-layer[data-natural] .free-body .preview-badge .bs-badge{min-height:0}.free-layer{position:relative;z-index:2;height:0}.free-layer.is-fixed{position:sticky;top:0}.free-screen{position:absolute;inset:0 0 auto;overflow:hidden;pointer-events:none}.free-box{position:absolute;top:0;left:0;pointer-events:none}.free-handle{position:absolute;inset:0;border-radius:var(--radius-card);pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.free-handle.is-tall{overflow-y:auto}.free-body{transform-origin:0 0}.free-handle.is-dragging{cursor:grabbing}.free-box:hover>.free-handle,.free-box.is-live>.free-handle{outline:1px solid var(--shop-strong);outline-offset:-1px}.free-box>.free-handle:focus-visible{outline:2px solid var(--shop-strong);outline-offset:-2px}.free-grip{--grip: 10px;--corner: 14px;position:absolute;z-index:1;pointer-events:auto;touch-action:none}.free-grip[data-grip=n],.free-grip[data-grip=s]{right:var(--corner);left:var(--corner);height:var(--grip);cursor:ns-resize}.free-grip[data-grip=n]{top:calc(var(--grip) / -2)}.free-grip[data-grip=s]{bottom:calc(var(--grip) / -2)}.free-grip[data-grip=e],.free-grip[data-grip=w]{top:var(--corner);bottom:var(--corner);width:var(--grip);cursor:ew-resize}.free-grip[data-grip=e]{right:calc(var(--grip) / -2)}.free-grip[data-grip=w]{left:calc(var(--grip) / -2)}.free-grip[data-grip=nw],.free-grip[data-grip=ne],.free-grip[data-grip=se],.free-grip[data-grip=sw]{width:var(--corner);height:var(--corner)}.free-grip[data-grip=nw]{top:calc(var(--corner) / -2);left:calc(var(--corner) / -2);cursor:nwse-resize}.free-grip[data-grip=ne]{top:calc(var(--corner) / -2);right:calc(var(--corner) / -2);cursor:nesw-resize}.free-grip[data-grip=se]{right:calc(var(--corner) / -2);bottom:calc(var(--corner) / -2);cursor:nwse-resize}.free-grip[data-grip=sw]{bottom:calc(var(--corner) / -2);left:calc(var(--corner) / -2);cursor:nesw-resize}.free-grip:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--shop-page);box-shadow:inset 0 0 0 1.5px var(--shop-strong);opacity:0}@media(pointer:coarse){.free-grip{--grip: 20px;--corner: 24px}}.free-chip{position:absolute;bottom:calc(100% + 6px);left:0;z-index:2;padding:3px 8px;background:var(--shop-strong);color:var(--shop-page);font-size:12px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;opacity:0}.free-chip[data-end]{right:0;left:auto}.free-chip[data-side=below]{top:calc(100% + 6px);bottom:auto}.free-chip[data-side=inside]{top:6px;bottom:auto;left:6px}.free-chip[data-side=inside][data-end]{right:6px;left:auto}.free-box:hover .free-chip,.free-box:hover .free-grip:after,.free-box.is-live .free-chip,.free-box.is-live .free-grip:after,.free-box:has(>.free-handle:focus-visible) .free-chip,.free-box:has(>.free-handle:focus-visible) .free-grip:after{opacity:1}.free-ghost{position:absolute;top:0;left:0;border:1px dashed var(--shop-strong);border-radius:var(--radius-card);opacity:.55}.free-ghost.is-hit{border-width:2px;opacity:.9}.free-ghost-body{position:absolute;top:0;left:0;visibility:hidden}.free-ghost-name{position:absolute;top:50%;left:50%;max-width:calc(100% - 16px);padding:2px 8px;overflow:hidden;border-radius:999px;background:var(--shop-page);color:var(--shop-strong);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%,-50%)}.free-failed{position:absolute;top:12px;right:12px;left:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 12px;border-radius:var(--radius-control);background:var(--notice-bg);color:var(--notice-ink);font-size:12px}.preview-context .preview-overlap{padding:2px 8px;border-radius:999px;background:var(--notice-bg);color:var(--notice-ink);font-weight:600}.preview-context .preview-overlap:empty{padding:0}@media(prefers-reduced-motion:no-preference){.free-layer.is-settled .free-box{transition:transform var(--motion-fast) var(--ease-out)}.free-layer .free-box.is-live,.free-layer.is-calm .free-box{transition:none}.free-chip,.free-grip:after{transition:opacity var(--motion-fast) var(--ease-out)}.free-layer.is-calm .free-chip,.free-layer.is-calm .free-grip:after{transition:none}}.preview-phone-bar{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;gap:4px;padding:4px 4px 4px 8px;border-top:1px solid var(--shop-line);background:var(--shop-page)}.preview-phone-bar .preview-badge{flex:1;min-width:0}.preview-phone-bar .bs-badge{margin:0}.preview-phone-bar-close{display:grid;flex:none;place-items:center;width:40px;height:40px;color:var(--shop-strong)}.preview-phone-bar-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.status{clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);font-size:12px;font-weight:600;padding:3px 8px;background:var(--sunk);color:var(--muted);white-space:nowrap}.status.active{background:var(--success-bg);color:var(--success-ink)}.status.paused{background:var(--notice-bg);color:var(--notice-ink)}.sr-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.app-nav{display:flex;gap:2px;margin-left:12px}.app-nav a{padding:6px 10px;border-radius:var(--radius-control);color:var(--muted);text-decoration:none}.app-nav a:hover{background:var(--accent-tint);color:var(--ink)}.app-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.save-bar{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;min-height:57px;border-bottom:1px solid var(--line-strong);background:var(--notice-bg);color:var(--notice-ink)}.save-bar-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 16px;width:100%;padding:10px 24px}.save-bar-message{flex:1 1 240px;margin:0}.save-bar-actions{display:flex;align-items:center;gap:8px}.save-bar-stay{min-height:0;padding:6px 4px;border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:2px}.save-bar-stay:hover{background:none;text-decoration-thickness:2px}body.has-save-bar .preview-area{top:77px}:root:has(body.has-save-bar){scroll-padding-top:88px}@media(prefers-reduced-motion:no-preference){.save-bar{animation:save-bar-in var(--motion-base) var(--ease-out)}.save-bar[data-attention] .save-bar-inner{animation:save-bar-nudge var(--motion-base) var(--ease-out)}}@media(prefers-reduced-motion:reduce){.save-bar,.save-bar[data-attention] .save-bar-message{animation:save-bar-fade var(--motion-base) var(--ease-out)}}@keyframes save-bar-in{0%{opacity:0;transform:translateY(-100%)}}@keyframes save-bar-nudge{20%{transform:translate(-6px)}45%{transform:translate(5px)}70%{transform:translate(-3px)}}@keyframes save-bar-fade{0%{opacity:0}}.start-card{padding:24px;margin-bottom:20px}.start-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 24px}.start-hide{color:var(--muted)}.start-head h2{margin:0 0 4px;font-size:18px}.start-head p{margin:0;color:var(--muted)}.start-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 0;padding:0;list-style:none}.start-steps li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;padding-top:14px;border-top:1px solid var(--line)}.start-steps li:before{content:"";position:absolute;top:-1px;right:0;left:0;height:2px;background:var(--arena-cyan);transform:scaleX(0);transform-origin:left}.start-steps li[data-done]:before{transform:none}.start-marker{display:grid;place-items:center;width:28px;height:28px;border:1.5px solid var(--line-strong);border-radius:999px;background:var(--card)}.start-steps li[aria-current=step] .start-marker{border:3px solid var(--arena-cyan)}.start-steps li[data-done] .start-marker{border-color:var(--arena-cyan);background:var(--arena-cyan);color:var(--arena-on-accent)}@media(prefers-reduced-motion:no-preference){.start-steps li[data-fresh]:before{animation:start-line-draw var(--motion-base) var(--ease-out)}.start-steps li[data-fresh] .start-marker svg{animation:start-check-in var(--motion-fast) var(--ease-out)}.start-progress [data-fresh]{animation:start-fade-in var(--motion-base) var(--ease-out)}}@keyframes start-line-draw{0%{transform:scaleX(0)}}@keyframes start-check-in{0%{opacity:0;transform:scale(.6)}}@keyframes start-fade-in{0%{opacity:0}}.start-marker svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.start-step h3{margin:4px 0}.start-step p{margin:0 0 10px;color:var(--muted);font-size:12px}.start-step .start-wait{color:var(--ink)}.start-step-actions{display:flex;flex-wrap:wrap;gap:8px}.skeleton-text{color:transparent;background:linear-gradient(var(--sunk) 0 0) 0 55% / 100% .72em no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;text-decoration:none}button.skeleton-button,button.skeleton-button:disabled{border-color:transparent;background:var(--sunk);color:transparent;opacity:1}.start-pending .start-marker{border-color:var(--line)}.start-pending .link-button:disabled{opacity:1;text-decoration:none}.check-card{padding:20px 24px;margin-bottom:20px}.check-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px}.check-head h2,.check-head p{margin:0}.check-head p{color:var(--muted)}.check-card[data-state=clean] .check-head p{display:flex;align-items:center;gap:8px;color:var(--arena-ink)}.check-card[data-state=clean] .check-head p:before{content:"";flex:none;width:10px;height:10px;background:var(--arena-cyan)}.check-theme{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:14px;padding:10px 14px;box-shadow:inset 0 0 0 1.5px var(--arena-ink);color:var(--arena-ink)}.check-theme p{margin:0}.check-list{margin:14px 0 0;padding:0;list-style:none}.check-list li{padding-top:14px;border-top:1px solid var(--line-soft)}.check-list li+li{margin-top:14px}.check-list h3{margin:0 0 4px}.check-list p{margin:0 0 4px;color:var(--muted)}.check-id code{overflow-wrap:anywhere;color:var(--ink)}.check-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:10px}.mini-badge{container:mini / inline-size;display:flex;align-items:safe center;justify-content:center;width:168px;height:64px;overflow:hidden;border:1px solid var(--line-soft);border-radius:var(--radius-card);background:var(--shop-light-page)}.mini-badge-canvas{flex-shrink:0;width:400px;zoom:.36;pointer-events:none}@container mini (min-width: 164px){.mini-badge-canvas{zoom:.41}}@container mini (min-width: 180px){.mini-badge-canvas{zoom:.45}}@container mini (min-width: 200px){.mini-badge-canvas{zoom:.5}}@container mini (min-width: 216px){.mini-badge-canvas{zoom:.54}}@container mini (min-width: 240px){.mini-badge-canvas{zoom:.6}}.mini-badge[data-fill] .mini-badge-canvas{width:max-content;max-width:600px;zoom:1}.mini-badge[data-fill] .mini-badge-canvas[data-type=minimal]{max-width:300px}@media(max-width:760px){.save-bar-inner{padding:8px 16px}.start-card,.check-card{padding:18px}.start-steps{grid-template-columns:minmax(0,1fr);gap:12px}}.error,.success{padding:13px 16px;border-radius:var(--radius-control);margin-bottom:16px;display:flex;gap:20px;justify-content:space-between;align-items:center;line-height:1.5}.error{background:var(--error-bg);border:1px solid var(--error-line);color:var(--error-ink)}.success{background:var(--success-bg);border:1px solid var(--success-line);color:var(--success-ink)}.error button,.success button{display:inline-grid;flex-shrink:0;place-items:center;min-width:28px;padding:4px;border:0;box-shadow:none;background:none;color:inherit}.dialog{margin:auto;padding:0;border:0;color:inherit;background:var(--field);border-radius:var(--radius-dialog);width:620px;max-width:calc(100% - 48px);max-height:85vh;overflow:hidden;box-shadow:var(--shadow-dialog);flex-direction:column}.dialog[open]{display:flex}.dialog::backdrop{background:var(--scrim)}.dialog[open]{animation:dialog-in var(--motion-base) var(--ease-out)}.dialog[open]::backdrop{animation:dialog-fade var(--motion-base) var(--ease-out)}@media(prefers-reduced-motion:reduce){.dialog[open]{animation-name:dialog-fade}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)}}@keyframes dialog-fade{0%{opacity:0}}.dialog-layer{display:contents}.dialog>header{display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 20px;flex-shrink:0}.dialog h2{font-size:16px;line-height:1.3;margin:0}.dialog-content{overflow:auto;padding:16px 20px 20px}.dialog footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line-soft);padding-top:16px;margin-top:20px}.dialog.gallery-dialog{width:calc(100% - 32px);max-width:none;height:calc(100dvh - 32px);max-height:none;border-radius:0;box-shadow:none;background:var(--arena-solid);color:var(--arena-ink)}.gallery-dialog>header{gap:12px;min-height:56px;padding:0 8px 0 20px;border:0;background:none;box-shadow:inset 0 -1px var(--arena-rule)}.gallery-dialog h2{margin-right:auto;font:900 20px / 1 var(--font-label);letter-spacing:.11em;text-transform:uppercase}.gallery-dialog>header:after{content:"Esc" / "";display:inline-grid;place-items:center;order:1;min-width:34px;height:28px;padding:0 6px;box-shadow:inset 0 0 0 1.5px var(--arena-ink);font:900 13px / 1 var(--font-label);letter-spacing:.04em;text-transform:uppercase}.gallery-dialog>header .icon-button{order:2;width:44px;height:44px;border-radius:0;color:var(--arena-ink)}.gallery-dialog>header .icon-button:hover{background:color-mix(in srgb,var(--arena-ink) 7%,transparent)}.gallery-dialog>header .icon-button:focus-visible{outline:2px solid var(--arena-ink);outline-offset:-2px}.gallery-dialog .dialog-content{position:relative;display:flex;flex:1;padding:0;overflow:hidden}.gallery-frame{flex:1;width:100%;border:0;background:var(--arena-solid)}.gallery-frame:not([data-loaded]){visibility:hidden}.gallery-loading{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--arena-muted);font:450 15px / 1.4 var(--font-text)}.gallery-dialog ::selection{background:var(--arena-cyan);color:var(--arena-on-accent)}@media(max-width:700px){.dialog.gallery-dialog{width:100%;height:100%;max-width:none;max-height:none;margin:0}.gallery-dialog>header{padding-left:16px}.gallery-dialog>header:after{display:none}}.dialog footer button[aria-disabled=true]{opacity:.6;cursor:progress}.studio{position:fixed;inset:0;width:auto;height:auto;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto;grid-template-areas:"head" "search" "stage" "tabs" "nav" "main" "foot";background:var(--arena-solid);color:var(--arena-ink);animation:studio-full-in var(--motion-base) var(--ease-out)}.studio[open]{display:grid}.studio::backdrop{background:var(--scrim);opacity:.45;animation:studio-veil-in var(--motion-base) var(--ease-out)}.studio[data-leaving]{pointer-events:none;animation:studio-full-out var(--motion-fast) var(--ease-out) forwards}.studio[data-leaving]::backdrop{opacity:0;animation:studio-veil-out var(--motion-fast) var(--ease-out)}.studio[data-shown]:not([data-leaving]),.studio[data-shown]:not([data-leaving])::backdrop{animation:none}.studio-head{grid-area:head;display:flex;align-items:center;gap:12px;min-height:56px;padding:0 8px 0 16px;box-shadow:inset 0 -1px var(--arena-rule)}.studio-head h2{margin:0 auto 0 0;color:var(--arena-ink);font:900 20px / 1 var(--font-label);letter-spacing:.11em;text-transform:uppercase}.studio-esc{display:none}.studio-esc kbd{display:inline-grid;place-items:center;min-width:34px;height:28px;padding:0 6px;border:0;border-radius:0;box-shadow:inset 0 0 0 1.5px var(--arena-ink);background:none;color:var(--arena-ink);font:900 13px / 1 var(--font-label);letter-spacing:.04em;text-transform:uppercase}.studio-head .icon-button{width:44px;height:44px;border-radius:0;color:var(--arena-ink)}.studio-head .icon-button:hover{background:color-mix(in srgb,var(--arena-ink) 7%,transparent)}.studio-search{grid-area:search;padding:10px 16px}.studio-search input{display:block;width:100%;min-height:44px;padding:0 14px;border:0;border-radius:0;box-shadow:inset 0 0 0 1.5px var(--arena-edge);background:var(--arena-card);color:var(--arena-ink);font:450 15px / 1.2 var(--font-text)}.studio-search input::placeholder{color:var(--arena-muted)}.studio-search input:focus-visible{outline:none;box-shadow:inset 0 0 0 2.5px var(--arena-ink)}.studio-inspector{grid-area:stage;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;min-width:0;min-height:0;padding:10px 16px 12px;box-shadow:inset 0 -1px var(--arena-rule)}.studio-tryon-page{position:relative;display:block;min-width:0;height:116px;overflow:hidden;background:var(--shop-light-page);outline:1.5px solid var(--arena-edge);outline-offset:-1.5px}.studio-tryon-canvas{box-sizing:border-box;width:100%;padding:8px 10px;pointer-events:none}.studio-tryon-page:before,.studio-tryon-page:after{content:"";position:sticky;z-index:1;display:block;height:32px;margin-inline:1.5px;opacity:0;pointer-events:none}.studio-tryon-page:before{top:1.5px;margin-bottom:-32px;background:linear-gradient(var(--shop-light-page),transparent)}.studio-tryon-page:after{bottom:1.5px;margin-top:-32px;background:linear-gradient(transparent,var(--shop-light-page))}.studio-tryon-page[data-cut-top]:before,.studio-tryon-page[data-cut-bottom]:after{opacity:1}.studio-ring{position:absolute;z-index:2;box-sizing:content-box;margin:-6px 0 0 -6px;padding:6px;box-shadow:inset 0 0 0 2.5px var(--arena-cyan);pointer-events:none}.studio-picked{display:flex;flex-wrap:nowrap;gap:8px;margin:0;padding:2px 0;overflow-x:auto;list-style:none;scrollbar-width:none}.studio-picked li{flex:none}.studio-picked button{position:relative;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:0;background:var(--shop-light-page);box-shadow:inset 0 0 0 1.5px var(--arena-edge);cursor:pointer}.studio-picked .bs-icon{--bs-size: 28px;--bs-stroke: 1.25;pointer-events:none}.studio-picked .studio-logo{width:72%;height:56%}.studio-picked-x{position:absolute;top:0;right:0;display:grid;place-items:center;width:18px;height:18px;background:var(--arena-on-accent);color:var(--arena-light)}.studio-picked-x .ui-icon{width:10px;height:10px}.studio-picked button:hover,.studio-picked button:focus-visible{outline:none;box-shadow:inset 0 0 0 2.5px var(--danger)}.studio-picked button:is(:hover,:focus-visible) .studio-picked-x{background:var(--danger)}.studio-card{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;min-width:0}.studio-hero,.studio-compare,.studio-note{display:none}.studio-hero{--studio-hero: 72px;place-items:center;width:96px;height:96px;background:var(--shop-light-page);box-shadow:inset 0 0 0 1.5px var(--arena-edge)}.studio-hero .bs-icon{--bs-size: var(--studio-hero)}.studio-hero .studio-logo{width:80%;height:60%}.studio-grid path,.studio-grid circle{fill:none;stroke:var(--shop-light-line);stroke-width:1;vector-effect:non-scaling-stroke}.studio-grid path:not(.studio-key){stroke-opacity:.55}.studio-about{display:flex;align-items:baseline;gap:8px;min-width:0}.studio-name{margin:0;overflow:hidden;color:var(--arena-ink);font:700 17px / 1.15 var(--font-display);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.studio-kind{flex:none;margin:0;overflow:hidden;color:var(--arena-muted);font:450 13px / 1.3 var(--font-text);text-overflow:ellipsis;white-space:nowrap}.studio-note{margin:8px 0 0;color:var(--arena-ink);font:450 13px / 1.4 var(--font-text)}.studio-compare{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.studio-compare button{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--arena-muted);font:900 12px / 1 var(--font-label);letter-spacing:.03em;text-align:center;text-transform:uppercase;cursor:pointer}.studio-compare-tile{display:grid;place-items:center;height:44px;background:var(--shop-light-page);box-shadow:inset 0 0 0 1.5px var(--arena-edge)}.studio-compare button:hover,.studio-compare button[aria-pressed=true]{color:var(--arena-ink)}.studio-compare button:hover .studio-compare-tile{box-shadow:inset 0 0 0 1.5px var(--arena-ink)}.studio-compare button[aria-pressed=true] .studio-compare-tile{box-shadow:inset 0 0 0 2.5px var(--arena-cyan)}.studio-compare button:focus-visible{outline:2px solid var(--arena-ink);outline-offset:2px}.studio-compare .bs-icon{--bs-size: 28px}.studio-rail{display:contents}.studio-tabs{grid-area:tabs;position:relative;display:flex;min-height:44px;background:var(--arena-on-accent)}.studio-tabs-block{position:absolute;top:0;bottom:0;left:0;width:calc(100% / var(--studio-tabs, 4));background:var(--arena-cyan);transform:translate(calc(var(--studio-tab, 0) * 100%))}.studio-tabs [role=tab]{position:relative;display:flex;flex:1 1 0;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:0 6px;border:0;border-radius:0;background:none;color:var(--arena-light);font:900 12px / 1.05 var(--font-label);letter-spacing:.03em;text-align:center;text-transform:uppercase}.studio-tabs [role=tab]:hover:where(:not([aria-selected=true])){background:color-mix(in srgb,var(--arena-light) 10%,transparent)}.studio-tabs [aria-selected=true]{color:var(--arena-on-accent)}.studio-tabs [role=tab]:active{transform:none}.studio-tabs [role=tab]:focus-visible{outline:2px solid var(--arena-cyan);outline-offset:-5px}.studio-tabs [aria-selected=true]:focus-visible{outline-color:var(--arena-on-accent)}.studio-nav{grid-area:nav;display:flex;gap:6px;padding:8px 16px;overflow-x:auto;scrollbar-width:none}.studio-nav button{display:flex;flex:none;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:0 10px;border:0;border-radius:0;box-shadow:inset 0 0 0 1.5px var(--arena-edge);background:none;color:var(--arena-ink);font:900 13px / 1.1 var(--font-label);letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.studio-nav button:hover:where(:not([aria-current=true])){background:color-mix(in srgb,var(--arena-ink) 7%,transparent)}.studio-nav button[aria-current=true]{box-shadow:none;background:var(--arena-cyan);color:var(--arena-on-accent)}.studio-nav button:focus-visible{outline:2px solid var(--arena-ink);outline-offset:-2px}.studio-count{color:var(--arena-muted);font:600 12px / 1 var(--font-text);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none}.studio-nav button[aria-current=true] .studio-count{color:var(--arena-on-accent)}.studio-main{grid-area:main;display:flex;flex-direction:column;min-width:0;min-height:0}.studio-status{margin:0;padding:10px 16px 4px;color:var(--arena-muted);font:450 13px / 1.4 var(--font-text)}.studio-status:empty{display:none}.studio-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 0 16px;scrollbar-color:var(--arena-ring) transparent;scrollbar-width:thin}.studio-listbox{position:relative;margin:0 16px;outline:none}.studio-group{position:absolute;left:0;right:0;pointer-events:none}.studio-group-head{position:absolute;left:0;right:0;display:flex;align-items:flex-end;gap:8px;padding-bottom:6px;color:var(--arena-ink);font:900 12px / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.studio-group-head span{color:var(--arena-muted);font:600 12px / 1 var(--font-text);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none}.studio-row{position:absolute;left:0;display:grid;grid-template-columns:repeat(var(--studio-cols),var(--studio-cell));gap:var(--studio-gap)}.studio-option{position:relative;display:flex;align-items:center;justify-content:center;width:var(--studio-cell);height:var(--studio-cell);border:0;border-radius:0;box-shadow:inset 0 0 0 1.5px var(--arena-edge);background:var(--shop-light-page);cursor:pointer;pointer-events:auto}.studio-option[aria-selected=true]{box-shadow:inset 0 0 0 2.5px var(--arena-on-accent)}.studio-option:hover,.studio-option[data-active]{box-shadow:inset 0 0 0 3px var(--arena-cyan)}.studio-option[aria-selected=true]:is(:hover,[data-active]){box-shadow:inset 0 0 0 3px var(--arena-cyan),inset 0 0 0 5.5px var(--arena-on-accent)}.studio-listbox:has(.studio-option:hover) .studio-option[data-active]:not(:hover){box-shadow:inset 0 0 0 1.5px var(--arena-edge);transform:none}.studio-listbox:has(.studio-option:hover) .studio-option[data-active][aria-selected=true]:not(:hover){box-shadow:inset 0 0 0 2.5px var(--arena-on-accent)}.studio-listbox:focus-visible .studio-option[data-active]{outline:2px solid var(--arena-ink);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.studio-option{transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.studio-option:hover,.studio-option[data-active]{transform:scale(1.04)}.studio-option:active{transform:scale(.96);transition-duration:80ms}}.studio-option>.bs-icon,.studio-option>.studio-skeleton{pointer-events:none}.studio-option>.bs-icon{--bs-stroke: 1.25}.studio-logo{display:flex;width:76%;height:58%;pointer-events:none}.studio-logo>img{width:100%;height:100%;object-fit:contain}.studio-star{position:absolute;top:5px;right:5px;display:flex;color:var(--arena-on-accent)}.studio-star .ui-icon{width:12px;height:12px}.studio-skeleton{width:var(--bs-size);height:var(--bs-size);background:var(--shop-light-block)}.studio-grid-error{margin:0 16px 8px}.studio-empty{display:flex;flex-direction:column;align-items:center;gap:12px;margin:12px 16px;padding:28px 16px;box-shadow:inset 0 0 0 1.5px var(--arena-edge);color:var(--arena-ink);font:450 14px / 1.45 var(--font-text);text-align:center}.studio-empty p{margin:0}.studio-empty-title{font:700 17px / 1.25 var(--font-display)}.studio-failed .studio-empty{margin:24px}.studio-failed .studio-empty-title{font:900 15px / 1.2 var(--font-label);letter-spacing:.08em;text-transform:uppercase}.studio-empty>button,.studio-retry,.studio-file span{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1.5px solid var(--arena-ink);border-radius:0;background:none;color:var(--arena-ink);font:900 15px / 1 var(--font-label);letter-spacing:.04em;text-transform:uppercase}.studio-empty>button:hover,.studio-retry:hover,.studio-file:hover span{background:var(--arena-ink);color:var(--arena-ink-inverse)}.studio-words{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}.studio-word{min-height:32px;padding:0 10px;border:0;border-radius:0;box-shadow:inset 0 0 0 1.5px var(--arena-edge);background:var(--arena-card);color:var(--arena-ink);font:450 13px / 1 var(--font-text)}.studio-word:hover{box-shadow:inset 0 0 0 1.5px var(--arena-ink)}.studio-legal{margin:4px 16px 12px;color:var(--arena-muted);font:450 12px / 1.4 var(--font-text)}.studio-drop{display:flex;flex-direction:column;align-items:center;gap:10px;margin:12px 16px;padding:24px 16px;border:1.5px dashed var(--arena-ring);border-radius:0;background:none;color:var(--arena-ink);font:450 14px / 1.45 var(--font-text);text-align:center}.studio-drop[data-dragging]{border-color:var(--arena-ink);background:color-mix(in srgb,var(--arena-ink) 5%,transparent)}.studio-drop p{margin:0}.studio-drop-title{font:700 17px / 1.25 var(--font-display)}.studio-file{position:relative;display:inline-flex}.studio-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.studio-file:focus-within span{outline:2px solid var(--arena-ink);outline-offset:2px}.studio-foot{grid-area:foot;display:flex;align-items:center;gap:8px;min-height:64px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--arena-solid);box-shadow:inset 0 1px var(--arena-rule)}.studio-say{display:none;flex:1 1 auto;min-width:0;margin:0;overflow:hidden;color:var(--arena-ink);font:450 15px / 1.3 var(--font-text);text-overflow:ellipsis;white-space:nowrap}.studio-foot button{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 16px;border-radius:0;font:900 15px / 1 var(--font-label);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.studio-foot .studio-clear{padding:0 8px;border:0;background:none;color:var(--arena-ink);text-decoration:underline;text-underline-offset:4px}.studio-favorite,.studio-select{border:1.5px solid var(--arena-ink);background:none;color:var(--arena-ink)}.studio-favorite:hover,.studio-select:hover{background:var(--arena-ink);color:var(--arena-ink-inverse)}.studio-favorite>span[aria-hidden]{display:flex}.studio-favorite .ui-icon{width:16px;height:16px}.studio-favorite[aria-pressed=true]>span[aria-hidden]{animation:studio-star var(--motion-fast) var(--ease-out)}.studio-favorite-text,.studio-foot .studio-select{display:none}.studio-foot .studio-use{flex:1 1 auto;min-width:0;border:0;background:var(--arena-orange);color:var(--arena-on-accent);font-size:17px;letter-spacing:.02em}.studio-foot .studio-use:hover:not(:disabled){background:color-mix(in srgb,var(--arena-on-accent) 7%,var(--arena-orange))}.studio-foot .studio-use:disabled{opacity:.6;cursor:not-allowed}.studio-foot button:focus-visible{outline:2px solid var(--arena-ink);outline-offset:2px}.studio-loading-search{grid-area:search;height:44px;margin:10px 16px;border-radius:0}.studio-loading-stage .placeholder{height:116px;border-radius:0}.studio-loading-stage .placeholder+.placeholder{width:60%;height:20px;margin-top:8px}.studio-loading-tab{display:flex;flex:1 1 0;align-items:center;justify-content:center;min-width:0;padding:0 6px;color:var(--arena-light);font:900 12px / 1.05 var(--font-label);letter-spacing:.03em;text-align:center;text-transform:uppercase}.studio-loading-nav .placeholder{flex:none;width:104px;height:36px;border-radius:0}.studio-pending .studio-main{overflow:hidden}.studio-loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;margin:0 16px;padding-top:4px}.studio-loading-grid .placeholder{aspect-ratio:1;border-radius:0}.studio-loading-grid .studio-loading-head{grid-column:1 / -1;width:136px;height:12px;margin:12px 0 6px;aspect-ratio:auto}@media(min-width:1100px){.studio{grid-template-columns:208px minmax(0,1fr) clamp(300px,25vw,420px);grid-template-rows:60px auto minmax(0,1fr) auto;grid-template-areas:"head head head" "tabs tabs stage" "nav main stage" "foot foot foot"}.studio:not(:has(.studio-nav)){grid-template-areas:"head head head" "tabs tabs stage" "main main stage" "foot foot foot"}.studio.studio-failed{grid-template-rows:60px minmax(0,1fr);grid-template-areas:"head head head" "main main main"}.studio-head{padding:0 12px 0 24px}.studio-head h2{font-size:24px}.studio-esc{display:flex}.studio-search,.studio-loading-search{z-index:1;grid-area:head;align-self:center;justify-self:center;width:min(560px,100% - 520px)}.studio-search{padding:0}.studio-search input{min-height:40px}.studio-loading-search{height:40px;margin:0}.studio-inspector{display:flex;flex-direction:column;gap:16px;padding:16px;overflow-y:auto;box-shadow:inset 1px 0 var(--arena-rule);scrollbar-color:var(--arena-ring) transparent;scrollbar-width:thin}.studio-inspector>*{flex:none}.studio-inspector>.studio-tryon-page{--shop-page: var(--shop-light-page);--shop-block: var(--shop-light-block);--shop-line: var(--shop-light-line);--shop-strong: var(--shop-light-strong);--shop-muted: var(--shop-light-muted);--shop-on-strong: var(--shop-light-on-strong);container:shop / inline-size;flex:1 1 132px;min-height:132px;height:auto}.studio-tryon-page>.sketch{display:flex;flex-direction:column;min-height:100%}.studio-tryon-page :is(.sketch-main,.sketch-cart,.sketch-drawer){flex:1 0 auto}.studio-tryon-page .sketch-main{grid-template-rows:minmax(0,1fr) auto}.studio-tryon-page .sketch-media{display:flex;flex-direction:column;align-self:stretch}.studio-tryon-page .sketch-media .sketch-image{flex:1 0 auto}.studio-tryon-page .sketch-cart .sketch-summary{margin-top:auto}.studio-tryon-page .sketch-current{display:none}.studio-tryon-canvas{padding:0}.studio-picked{flex-wrap:wrap;overflow:visible}.studio-card{grid-template-columns:96px minmax(0,1fr);align-items:center;column-gap:14px}.studio-hero,.studio-compare{display:grid}.studio-about{display:block}.studio-kind{margin:4px 0 0;white-space:normal}.studio-note{display:block}.studio-name{font-size:20px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.studio-tabs,.studio-tabs [role=tab]{min-height:48px}.studio-tabs :is([role=tab],.studio-loading-tab){padding:0 12px;font-size:15px;white-space:nowrap}.studio-nav{flex-direction:column;gap:2px;padding:12px 8px;overflow-x:hidden;overflow-y:auto;box-shadow:inset -1px 0 var(--arena-rule);scrollbar-color:var(--arena-ring) transparent;scrollbar-width:thin}.studio-nav button{flex:none;min-height:34px;padding:6px 10px;box-shadow:none;white-space:normal}.studio-scroll{padding-top:12px}.studio-status:not(:empty)+.studio-scroll{padding-top:4px}.studio-foot{gap:12px;min-height:64px;padding:10px 24px}.studio-say{display:block}.studio-favorite-text{display:inline}.studio-foot .studio-select{display:inline-flex}.studio-foot .studio-use{flex:none;min-width:160px;padding:0 24px;font-size:18px}.studio-loading-stage .placeholder{flex:1 1 132px;height:auto}.studio-loading-stage .placeholder+.placeholder{flex:none;width:auto;height:96px;margin-top:0}.studio-loading-nav .placeholder{width:auto;height:34px}}@keyframes studio-veil-in{0%{opacity:0}}@keyframes studio-veil-out{0%{opacity:.45}}@keyframes studio-full-in{0%{opacity:0;transform:translateY(12px)}}@keyframes studio-full-out{to{opacity:0;transform:translateY(12px)}}@keyframes studio-fade-in{0%{opacity:0}}@keyframes studio-fade-out{to{opacity:0}}@keyframes studio-star{0%{transform:scale(.6)}}@media(prefers-reduced-motion:no-preference){.studio-card{animation:studio-fade-in var(--motion-fast) var(--ease-out)}.studio-tabs-block{transition:transform .2s var(--ease-out)}}@media(prefers-reduced-motion:reduce){.studio{animation-name:studio-fade-in}.studio[data-leaving]{animation-name:studio-fade-out}.studio-favorite[aria-pressed=true]>span[aria-hidden]{animation:none}}.motif-error button{font-size:inherit;padding:6px 12px;border:1px solid var(--line-strong);background:var(--card)}.info{background:var(--accent-soft);border-radius:var(--radius-control);padding:14px;font-size:12px;line-height:1.5}.info code{display:block;overflow-wrap:anywhere;font-size:12px;margin:6px 0 12px}.info code:last-child{margin-bottom:0}.ab-pick{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:12px}.ab-pick .field{flex:1 1 180px;margin:0}.ab-steps{display:grid;gap:10px;margin:12px 0;padding-left:32px}.ab-id{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;margin-top:8px}.ab-id>span{grid-column:1 / -1}.ab-id>code{margin:0}.translation-row{margin-bottom:8px}.translation-item{padding-top:16px;margin-top:16px;border-top:1px solid var(--line-soft)}.review-status{display:block;margin-top:4px;color:var(--notice-ink)}.review-intro{margin:0 0 14px}.review-note{margin:0 0 18px;padding:6px 10px;border-radius:var(--radius-control);background:var(--notice-bg);color:var(--notice-ink);font-size:12px;line-height:1.45}.field+.review-note{margin-top:-12px}.review-note+.review-note{margin-top:-12px}.review-changed{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px}.review-changed .link-button{color:var(--notice-ink);font-weight:600}.page-footer{text-align:center;color:var(--muted);font-size:12px;margin:40px 0 24px}.notice{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 16px;border-radius:var(--radius-control);margin-bottom:16px;line-height:1.5;background:var(--notice-bg);color:var(--notice-ink)}.notice.danger{background:var(--error-bg);color:var(--error-ink)}.notice p{margin:4px 0 0}.notice button{flex-shrink:0}.segment{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--radius-control)}.segment button{position:relative;border:0;border-radius:0;min-height:30px}.segment button:first-child{border-radius:var(--radius-inset) 0 0 var(--radius-inset)}.segment button:last-child{border-radius:0 var(--radius-inset) var(--radius-inset) 0}.segment button:focus-visible{z-index:1}.segment button:active{transform:none}.segment button+button{border-left:1px solid var(--line-strong)}.segment button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}@media(max-width:1050px){.editor-layout{gap:40px;grid-template-columns:320px minmax(0,1fr)}}@media(max-width:760px){.app-page{padding:20px 16px 0}.app-bar{padding:10px 16px;flex-wrap:wrap}.local-mode{margin-left:0}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:20px}.page-heading>.actions{flex-wrap:wrap-reverse;justify-content:flex-end;max-width:100%;margin-left:auto}.editor-layout{grid-template-columns:1fr;gap:24px}.preview-area,.page-loading-preview{position:static;grid-row:1;height:auto;margin:0;padding:0;overflow:visible}.page-loading-preview{height:360px}.preview-contrast{position:static}.settings{grid-row:2}.preview-stage{flex:none;min-height:0}.preview-stage[data-view=badge]:not(.is-mobile){max-width:500px}.preview-stage[data-view=context]{flex:none;max-height:70vh}.dialog{max-width:calc(100% - 20px);max-height:92vh}.badge-open{flex-basis:60%}.bulk{flex-wrap:wrap}.list-controls{padding:12px;gap:8px}.list-controls .field:last-child{width:112px}h1{font-size:18px}}@media(max-width:760px){.app-nav{order:3;width:100%;margin-left:0}.notice{flex-wrap:wrap}}.toast-stack{position:fixed;inset:auto 0 20px;z-index:40;width:min(420px,calc(100vw - 32px));margin:0 auto;display:flex;flex-direction:column;gap:8px;pointer-events:none;transition:translate var(--motion-base) var(--ease-out)}body:has(.bulk:not([hidden]),.preview-jump:not([hidden])) .toast-stack{translate:0 -56px}.toast-region{display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 6px 6px 16px;border:0;border-radius:0;background:var(--arena-solid);box-shadow:inset 0 0 0 1.5px var(--arena-ink);color:var(--arena-ink);font:450 14px / 1.4 var(--font-text);pointer-events:auto;animation:toast-in var(--motion-base) var(--ease-out);transition:opacity var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.toast[data-tone=success]:before{content:"";flex:none;width:10px;height:10px;background:var(--arena-cyan)}.toast[data-tone=error]{background:var(--error-bg);box-shadow:inset 0 0 0 1.5px var(--error-line);color:var(--error-ink)}.toast[data-leaving]{opacity:0;transform:translateY(8px)}.toast p{flex:1;margin:0}.toast button{flex-shrink:0;border:0;border-radius:0;background:none;color:inherit;transition:none}.toast button:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.toast .toast-action{min-height:32px;padding:0 8px;font:900 13px / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.toast .toast-close{display:inline-grid;place-items:center;min-width:32px;min-height:32px;padding:4px}.toast .toast-close .ui-icon{width:16px;height:16px}.toast button:hover{background:none}.toast .toast-action:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.toast .toast-close:hover{background:color-mix(in srgb,currentColor 8%,transparent)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes toast-fade{0%{opacity:0}}.history-actions{display:flex;gap:4px}.history-button{position:relative;padding:6px;min-width:30px;transition:none}.history-icon{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.history-icon.redo{transform:scaleX(-1)}.history-button:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;z-index:5;padding:4px 8px;border-radius:var(--radius-control);background:var(--ink);color:var(--card);font-size:12px;line-height:1.4;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,-4px);transition:opacity var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.history-button:hover:after,.history-button:focus-visible:after{opacity:1;transform:translate(-50%)}.history-button:disabled:after,.history-button[aria-disabled=true]:after{display:none}.restore-banner,.theme-sync,.error-summary{padding:13px 16px;border-radius:var(--radius-control);margin-bottom:16px;line-height:1.5}.restore-banner,.theme-sync{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;background:var(--notice-bg);color:var(--notice-ink)}.restore-banner>div:first-child,.theme-sync>div:first-child{flex:1 1 280px}.restore-banner h2,.theme-sync h2,.error-summary h2{font-family:var(--font-text);font-size:13px;font-weight:650;margin:0 0 4px}.restore-banner p,.theme-sync p{margin:0}.error-summary{background:var(--error-bg);border:1px solid var(--error-line);color:var(--error-ink)}.error-summary ul{margin:0;padding-left:20px}.error-summary li+li{margin-top:4px}.error-summary .link-button{vertical-align:top}.page-error{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:8px 8px 8px 16px;border:1px solid var(--error-line);border-radius:var(--radius-control);background:var(--error-bg);color:var(--error-ink);line-height:1.5}.page-error:focus{outline:none}.page-error p{flex:1;margin:0}.page-error .icon-button{flex-shrink:0;color:inherit}.page-error .icon-button .ui-icon{width:16px;height:16px}@media(prefers-reduced-motion:no-preference){.page-error{animation:page-error-in var(--motion-base) var(--ease-out)}}@keyframes page-error-in{0%{opacity:0;transform:translateY(-4px)}}.status-reason{color:var(--muted)}.field-error{display:block;color:var(--error-ink)}.field[data-invalid] input:not([type=color]),.field[data-invalid] select,.field[data-invalid] textarea,.field[data-invalid] .unit,.field[data-invalid] .selected-icon{border-color:var(--error-ink)}@supports selector(:has(*)){.field .unit:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.field .unit input:focus-visible{outline:none}}.radio-list .field-error,.translation-entry .field-error{margin-top:4px}.translation-entry{margin-bottom:8px}.translation-entry .translation-row{margin-bottom:0}.link-button{min-height:0;padding:6px 0;margin-block:-6px;border:0;border-radius:var(--radius-control);background:none;color:inherit;text-align:left;text-decoration:underline;text-underline-offset:2px;transition:none}.link-button:hover{background:none;text-decoration-thickness:2px}.page-footer .link-button{font-size:inherit;white-space:nowrap}.tip{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 12px 12px;color:var(--muted);font-size:12px;line-height:1.4}@media(hover:none)and (pointer:coarse){.tip[data-keyboard]{display:none}}@media(prefers-reduced-motion:no-preference){.tip{animation:toast-fade var(--motion-fast) var(--ease-out)}}.shortcut-list{margin:0 0 16px}.shortcut-list>div{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line-soft)}.shortcut-list dt{display:flex;gap:4px;min-width:120px}.shortcut-list dd{margin:0}.shortcut-list>[data-off] dd{color:var(--muted)}kbd{display:inline-block;min-width:24px;padding:2px 6px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--field);color:var(--ink);font:inherit;font-size:12px;line-height:1.4;text-align:center}@media(prefers-reduced-motion:reduce){.toast-stack{transition:none}.toast{animation-name:toast-fade}.toast[data-leaving]{transform:none}.history-button:after{transform:translate(-50%)}}.placeholder{display:block;border-radius:var(--radius-card);background:var(--sunk)}main>[aria-busy=true]~.page-footer,main>.page-footer:first-child{visibility:hidden}.part-failed{display:grid;justify-items:start;gap:10px;padding:24px}.part-failed h2{margin:0;font-size:16px}.part-failed p{margin:0;color:var(--muted)}.eu-settings,.eu-preview{padding:16px}.eu-intro{margin:0 0 16px;font-size:13px;color:var(--muted)}.eu-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--line-soft)}.eu-section>h2{margin:0 0 12px;font-family:var(--font-text);font-size:13px;font-weight:650}.eu-section .choice,.eu-section>.check{margin-bottom:16px}.eu-note{margin:0 0 12px}.eu-product{min-width:0;margin:0 0 12px;padding:8px 12px 12px;border:1px solid var(--line);border-radius:var(--radius-card)}.eu-product>legend{padding:0 4px;font-weight:600;overflow-wrap:anywhere}.eu-product-ref p{margin:4px 0 0;overflow-wrap:anywhere}.eu-add{display:grid;justify-items:start;gap:8px}.eu-handle{display:flex;align-items:flex-end;gap:8px;width:100%}.eu-handle .field{flex:1;margin:0}.eu-preview{display:grid;align-content:start;gap:12px}.eu-preview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.eu-preview-head h2{margin:0 0 10px;font-size:16px}.eu-preview-head .field,.eu-preview p,.eu-figure{margin:0}.eu-figure img,.eu-nested,.mini-eu{display:block;max-width:100%;height:auto}.eu-figure img{width:595px;border:1px solid var(--line-soft)}.eu-label img{width:359px}.eu-nested{width:276px}.eu-figure figcaption{margin-top:6px;font-size:13px;overflow-wrap:anywhere}.eu-link-sample span{text-decoration:underline}.mini-eu{width:100%}.home-page,.editor-page,.wizard-page,.switch-page,.analytics-page,.plan-page,.gallery-dialog,.toast-stack,.gallery-page{--arena-ink: #15163a;--arena-muted: #5a6079;--arena-rule: #c9ced8;--arena-edge: #b9bdcc;--arena-ring: #8a90a6;--arena-cyan: #0fdcf8;--arena-orange: #f98819;--arena-panel: rgb(255 255 255 / .86);--arena-card: rgb(255 255 255 / .6);--arena-chip: rgb(255 255 255 / .9);--arena-light: #ffffff;--arena-solid: #ffffff;--arena-ink-inverse: #ffffff;--arena-on-accent: #15163a;--arena-mean: #b9a58f;--arena-ground: color-mix(in srgb, var(--arena-mean) 50%, #fff);--arena-shade: 34 22 14}@media(prefers-color-scheme:dark){.home-page,.editor-page,.wizard-page,.switch-page,.analytics-page,.plan-page,.gallery-dialog,.toast-stack,.gallery-page{--arena-ink: #eef0f7;--arena-ink-inverse: #0a0b14;--arena-solid: #11131f;--arena-muted: #a4aac0;--arena-rule: #343a52;--arena-edge: #3b4058;--arena-ring: #6d738c;--arena-panel: rgb(10 11 20 / .86);--arena-card: rgb(255 255 255 / .04);--arena-chip: rgb(10 11 20 / .82);--arena-ground: color-mix(in srgb, var(--arena-mean) 60%, #000);--arena-mean: #1d1a1c}}@property --u{syntax: "<length>"; inherits: true; initial-value: 1px;}.home-page,.editor-page,.wizard-page,.switch-page,.analytics-page,.plan-page{max-width:none;padding:0;background:var(--arena-ground)}.arena{position:relative;height:100vh;height:100dvh;min-height:560px;overflow:hidden;container-type:size;color:var(--arena-ink);background:var(--arena-mean)}.home-page ::selection{background:var(--arena-cyan);color:#15163a}.arena-scene,.arena-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.arena-scene .arena-picture{inset:calc(-48 * var(--u));width:calc(100% + 96 * var(--u));height:calc(100% + 96 * var(--u));filter:blur(calc(28 * var(--u))) saturate(1.08);opacity:0;transition:opacity .7s var(--ease-out)}.arena[data-picture] .arena-picture{opacity:1}.arena-scene:after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .7s var(--ease-out);background:linear-gradient(180deg,rgb(150 200 240 / .34),transparent 42%),radial-gradient(120% 90% at 100% 62%,rgb(255 146 52 / .32),transparent 58%),linear-gradient(90deg,rgb(8 10 26 / .72),rgb(8 10 26 / .72) calc(584 * var(--stage-u)),rgb(8 10 26 / .18) calc(860 * var(--stage-u)),transparent calc(1106 * var(--stage-u)))}.arena[data-picture] .arena-scene:after{opacity:1}.arena>*{--stage-u: min(var(--u-cap), 100cqw / 1536, 100cqh / 1024)}.arena-frame{--u: var(--stage-u);position:absolute;inset:0}.arena-frame:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(calc(420 * var(--u)) calc(230 * var(--u)) at calc(300 * var(--u)) calc(270 * var(--u)),rgb(var(--arena-shade) / .42),rgb(var(--arena-shade) / .28) 55%,transparent),linear-gradient(90deg,rgb(var(--arena-shade) / .36),rgb(var(--arena-shade) / .3) calc(460.8 * var(--u)),transparent calc(675.84 * var(--u)))}.arena[data-picture] .arena-frame:before{background:none}:where(.arena-frame) :where(p,h1,h2,ul,ol){margin:0}.arena-wordmark,.arena-headline,.arena-panel-title,.way-title,.way-copy,.way-caption,.arena-chip span,.arena-chip:is(a){text-box:trim-both cap alphabetic}.arena-wordmark{position:absolute;left:calc(48 * var(--u));top:calc(31 * var(--u));font:700 calc(43 * var(--u)) / 1 var(--font-display);letter-spacing:.025em;color:var(--arena-light)}.arena-chips{position:absolute;right:calc(39 * var(--u));top:calc(22 * var(--u));display:flex;gap:calc(10 * var(--u))}.arena-chip{display:flex;align-items:center;height:calc(57 * var(--u));padding:0 calc(22 * var(--u));background:var(--arena-chip);color:var(--arena-ink);font:600 max(12px,calc(20 * var(--u))) / 1 var(--font-text);text-decoration:none}.arena-shop{gap:calc(19.5 * var(--u));padding:0 calc(30 * var(--u)) 0 calc(11.5 * var(--u))}.arena-shop img,.arena-initial{width:calc(43 * var(--u));height:calc(42 * var(--u));object-fit:cover}.arena-initial{display:grid;place-items:center;background:var(--arena-ink);color:var(--arena-ink-inverse);font:700 calc(24 * var(--u)) / 1 var(--font-display)}.arena-headline{position:absolute;left:calc(46 * var(--u));top:calc(160 * var(--u));max-width:calc(600 * var(--u));font:700 calc(129 * var(--u)) / .8 var(--font-display);letter-spacing:-.035em;color:var(--arena-light);outline:none}.arena-menu ul{position:absolute;left:calc(53 * var(--u));top:calc(412 * var(--u));display:grid;row-gap:calc(24.3 * var(--u));padding:0;list-style:none}.arena-menu :is(a,button){position:relative;display:flex;align-items:center;height:calc(53 * var(--u));padding:0 0 calc(7 * var(--u)) calc(35 * var(--u));border:0;background:none;color:var(--arena-light);font:900 calc(48.6 * var(--u)) / 1 var(--font-label);letter-spacing:.01em;text-transform:uppercase;text-decoration:none;cursor:pointer}.arena-menu ul:before{content:"";position:absolute;top:0;left:0;width:calc(10 * var(--u));height:calc(53 * var(--u));background:var(--arena-cyan)}.arena-menu ul:not([data-at]):before{display:none}.arena-menu ul[data-at=badges]:before{translate:0 calc(77.3 * var(--u))}.arena-menu ul[data-at=studio]:before{translate:0 calc(154.6 * var(--u))}.arena-menu ul[data-at=analytics]:before{translate:0 calc(231.9 * var(--u))}.arena-menu ul[data-at=plan]:before{translate:0 calc(309.2 * var(--u))}.arena-hints{position:absolute;left:calc(48 * var(--u));bottom:calc(47 * var(--u));display:flex;gap:calc(32 * var(--u))}.arena-hint{display:flex;align-items:center;gap:calc(14 * var(--u));color:var(--arena-light);font:900 max(12px,calc(19 * var(--u))) / 1 var(--font-label);letter-spacing:.02em;text-transform:uppercase}.arena-hint kbd{display:grid;place-items:center;box-sizing:border-box;min-width:calc(35 * var(--u));height:calc(34 * var(--u));padding:0 calc(9 * var(--u));border:calc(2 * var(--u)) solid currentColor;border-radius:0;background:none;box-shadow:none;color:inherit;font:inherit}.arena-view{container-type:size;position:absolute;left:calc(648 * var(--u));top:calc(98 * var(--u));right:calc(39 * var(--u));bottom:calc(39 * var(--u))}@media(min-width:1100px)and (orientation:landscape){.arena-view>:is(.choose,.arena-waiting,.arena-failed){--u: max(var(--stage-u), min(100cqw / 849, 100cqh / 887))}}.arena-panel{position:relative;box-sizing:border-box;height:100%;padding:calc(34 * var(--u)) calc(43 * var(--u)) 0;background:var(--arena-panel);color:var(--arena-ink)}.arena-panel-title{font:900 calc(27 * var(--u)) / 1 var(--font-label);letter-spacing:.11em;text-transform:uppercase}.ways{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:calc(19 * var(--u));height:calc(364 * var(--u));margin-top:calc(33 * var(--u))}.ways:after{content:"";position:absolute;top:0;bottom:0;left:0;width:calc((100% - 19 * var(--u)) / 2);box-shadow:inset 0 0 0 calc(4 * var(--u)) var(--arena-cyan);pointer-events:none}.ways:has([data-way=jump] input:checked):after{translate:calc(100% + 19 * var(--u)) 0}.way{position:relative;display:block;box-sizing:border-box;padding:calc(52 * var(--u)) calc(30 * var(--u)) 0 calc(37 * var(--u));border:calc(1.5 * var(--u)) solid var(--arena-edge);background:var(--arena-card);cursor:pointer}.way input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.way:has(input:focus-visible){outline:calc(3 * var(--u)) solid var(--arena-ink);outline-offset:calc(3 * var(--u))}.way-check{position:absolute;top:calc(22 * var(--u));right:calc(23 * var(--u));display:grid;place-items:center;width:calc(34 * var(--u));height:calc(34 * var(--u));background:var(--arena-cyan);opacity:0;transition:opacity var(--motion-exit) var(--ease-in)}.way:has(input:checked) .way-check{opacity:1;transition:opacity var(--motion-fast) var(--ease-out) .12s}.way-check svg{width:70%;fill:none;stroke:var(--arena-on-accent);stroke-width:2;stroke-linecap:square}.way-title{display:block;font:700 calc(53 * var(--u)) / 1 var(--font-display);letter-spacing:-.02em}.way-copy{display:block;margin-top:calc(36 * var(--u));font:450 calc(30 * var(--u)) / calc(37 * var(--u)) var(--font-text)}.way-steps{display:flex;gap:calc(28.5 * var(--u));margin-top:calc(51 * var(--u))}.way-steps>span{position:relative;display:grid;justify-items:center;row-gap:calc(14 * var(--u));width:calc(82 * var(--u));color:var(--arena-muted);font:400 max(12px,calc(22 * var(--u))) / 1 var(--font-text)}.way-steps b{display:grid;place-items:center;box-sizing:border-box;width:calc(44 * var(--u));height:calc(44 * var(--u));border:calc(1.5 * var(--u)) solid var(--arena-ring);border-radius:50%;color:var(--arena-ink);font-weight:600}.way-steps [data-now]{color:var(--arena-ink);font-weight:700}.way-steps [data-now] b{border-color:var(--arena-cyan);background:var(--arena-cyan)}.way-steps>span:not(:last-child):after{content:"";position:absolute;top:calc(21.25 * var(--u));left:calc(69 * var(--u));width:calc(54.5 * var(--u));height:calc(1.5 * var(--u));background:var(--arena-edge)}.way-caption{margin-top:calc(27 * var(--u));font:400 max(12px,calc(20 * var(--u))) / 1 var(--font-text)}.arena-track{position:relative;display:grid;grid-template-columns:repeat(var(--stages, 5),minmax(0,1fr));width:calc(100% + 96 * var(--u));margin:calc(37 * var(--u)) 0 0 calc(-52 * var(--u));padding:0;list-style:none}.arena-track:before,.arena-track:after{content:"";position:absolute;height:calc(1.5 * var(--u))}.arena-track:before{top:0;left:calc(52 * var(--u));right:calc(44 * var(--u));height:calc(1 * var(--u));background:var(--arena-rule)}.arena-track:after{top:calc(44.25 * var(--u));left:calc(100% / var(--stages, 5) / 2);right:calc(100% / var(--stages, 5) / 2);background:var(--arena-edge)}.arena-track li{position:relative;z-index:1;display:grid;grid-template-rows:calc(39 * var(--u)) auto;justify-items:center;row-gap:calc(12.5 * var(--u));padding-top:calc(25.5 * var(--u));color:var(--arena-muted);font:400 max(12px,calc(22 * var(--u))) / 1 var(--font-text);text-box:trim-both cap alphabetic}.track-node{align-self:center;box-sizing:border-box;width:calc(35 * var(--u));height:calc(35 * var(--u));border:calc(1.5 * var(--u)) solid var(--arena-ring);border-radius:50%;background:var(--arena-light)}.arena-track [aria-current=step]{color:var(--arena-ink);font-weight:700}.arena-track :is([aria-current=step],[data-done]) .track-node{width:calc(39 * var(--u));height:calc(39 * var(--u));border:calc(5 * var(--u)) solid var(--arena-cyan)}.arena-track [data-done] .track-node{background:var(--arena-cyan)}.arena-start{position:absolute;right:calc(32 * var(--u));bottom:calc(31 * var(--u));width:calc(350 * var(--u));height:calc(81 * var(--u));border:0;border-radius:0;background:var(--arena-orange);color:var(--arena-on-accent);font:900 calc(44 * var(--u)) / 1 var(--font-label);letter-spacing:-.035em;text-transform:uppercase;cursor:pointer}.arena-menu :is(a,button):focus-visible,.arena-chip:is(a):focus-visible{outline:max(2px,calc(3 * var(--u))) solid var(--arena-cyan);outline-offset:max(2px,calc(3 * var(--u)))}.arena-panel :is(a,button,[role=tab]):focus-visible{outline:max(2px,calc(3 * var(--u))) solid var(--arena-ink);outline-offset:max(2px,calc(3 * var(--u)))}.arena-start:hover:where(:not(:disabled)){background:color-mix(in srgb,var(--arena-on-accent) 7%,var(--arena-orange))}.arena-start:disabled{opacity:.6;cursor:default}@media(prefers-reduced-motion:no-preference){.ways:after,.arena-menu ul:before{transition:translate var(--motion-base) var(--ease-out)}.way:has(input:checked) .way-check{animation:check-in var(--motion-fast) var(--ease-out) .12s backwards}.arena-track:after{transform-origin:left;animation:track-draw var(--motion-strike) var(--ease-out)}.arena-track li{animation:stage-in var(--motion-base) var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 40ms + 60ms)}.arena-view>.arena-panel:not(.arena-waiting){animation:panel-in var(--motion-base) var(--ease-out)}}@media(prefers-reduced-motion:reduce){.arena-view>.arena-panel:not(.arena-waiting){animation:start-fade-in var(--motion-base) var(--ease-out)}}@keyframes check-in{0%{scale:.6}}@keyframes track-draw{0%{scale:0 1}}@keyframes stage-in{0%{opacity:0;translate:0 calc(8 * var(--u))}}@keyframes panel-in{0%{opacity:0;translate:calc(24 * var(--u)) 0}}.arena-wait{display:block;background:color-mix(in srgb,var(--arena-ink) 8%,transparent)}.arena-wait-title{width:calc(300 * var(--u));height:calc(20 * var(--u))}.arena-wait-body{height:calc(364 * var(--u));margin-top:calc(33 * var(--u))}.arena-failed p{max-width:calc(620 * var(--u));margin-top:calc(33 * var(--u));font:450 max(14px,calc(30 * var(--u))) / 1.25 var(--font-text)}.arena-failed .status-reason{margin-top:calc(16 * var(--u));color:var(--arena-muted);font-size:max(12px,calc(20 * var(--u)))}.arena-badges{--t-small: max(12px, calc(17 * var(--u)));--t-body: max(13px, calc(19 * var(--u)));--t-label: max(12px, calc(19 * var(--u)));--line: max(1px, calc(1.5 * var(--u)));display:flex;flex-direction:column}.badges-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(8 * var(--u)) calc(20 * var(--u))}.arena-tabs{display:flex;box-shadow:inset 0 0 0 var(--line) var(--arena-edge)}.arena-tabs [role=tab]{display:flex;align-items:center;gap:calc(8 * var(--u));height:max(32px,calc(50 * var(--u)));min-height:0;padding:0 calc(20 * var(--u));border:0;border-radius:0;background:none;color:var(--arena-ink);font:900 max(13px,calc(21 * var(--u))) / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.arena-tabs [role=tab]+[role=tab]{box-shadow:inset var(--line) 0 0 var(--arena-edge)}.arena-tabs [role=tab]:hover:not([aria-selected=true]){background:color-mix(in srgb,var(--arena-ink) 7%,transparent)}.arena-tabs [aria-selected=true]{background:var(--arena-cyan);color:var(--arena-on-accent)}.tab-count{color:var(--arena-muted);font:600 var(--t-small) / 1 var(--font-text);letter-spacing:0;font-variant-numeric:tabular-nums}[aria-selected=true] .tab-count{color:var(--arena-on-accent)}.arena-search{display:flex;align-items:center;gap:calc(10 * var(--u));flex:1 1 100px;min-width:100px;max-width:max(150px,calc(250 * var(--u)));height:max(32px,calc(50 * var(--u)));box-sizing:border-box;padding:0 calc(14 * var(--u));background:var(--arena-card);box-shadow:inset 0 0 0 var(--line) var(--arena-edge);cursor:text}.arena-search:focus-within{box-shadow:inset 0 0 0 max(2px,calc(2.5 * var(--u))) var(--arena-ink)}.arena-search svg{flex:none;width:max(14px,calc(20 * var(--u)));fill:none;stroke:var(--arena-ink);stroke-width:1.8}.arena-search input{flex:1;min-width:0;padding:0;border:0;background:none;color:var(--arena-ink);font:450 var(--t-body) / 1 var(--font-text);outline:none}.arena-search input::placeholder{color:var(--arena-muted)}.arena-notices{display:grid;gap:calc(10 * var(--u));margin-top:calc(18 * var(--u))}.arena-notices:empty{display:none}.arena-notices>*{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(10 * var(--u)) calc(20 * var(--u));margin:0;padding:calc(16 * var(--u)) calc(20 * var(--u));border-radius:0;background:var(--arena-solid);box-shadow:inset 0 0 0 var(--line) var(--arena-ink);color:var(--arena-ink);font:450 var(--t-small) / 1.45 var(--font-text)}.arena-notices>*>div:first-child{flex:1 1 calc(380 * var(--u))}.arena-notices :is(h2,strong){display:block;margin:0 0 calc(4 * var(--u));font:900 var(--t-label) / 1.2 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.arena-notices p{margin:0}.arena-notices button,.arena-empty button{height:max(30px,calc(46 * var(--u)));min-height:0;padding:0 calc(16 * var(--u));border:var(--line) solid var(--arena-ink);border-radius:0;background:none;color:var(--arena-ink);font:900 var(--t-label) / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.arena-notices button:hover:where(:not(:disabled)),.arena-empty button:hover{border-color:var(--arena-ink);background:var(--arena-ink);color:var(--arena-ink-inverse)}.arena-week{display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(6 * var(--u)) calc(16 * var(--u));margin-top:calc(20 * var(--u))}.arena-week-label{color:var(--arena-muted);font:900 var(--t-label) / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.arena-week p{margin:0;color:var(--arena-ink);font:450 var(--t-body) / 1.3 var(--font-text);font-variant-numeric:tabular-nums}.arena-week-wait{align-self:center;width:calc(260 * var(--u));height:max(12px,calc(18 * var(--u)));background:var(--arena-rule)}.arena-week-guide{display:inline-flex;align-items:center;gap:calc(8 * var(--u));min-height:max(24px,calc(30 * var(--u)));margin-left:auto;padding:0;border:0;border-radius:0;background:none;color:var(--arena-ink);font:900 var(--t-label) / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.arena-week-guide:hover:where(:not(:disabled)){background:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.arena-week-guide svg{width:max(12px,calc(16 * var(--u)));height:max(12px,calc(16 * var(--u)));fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square}.badges-tiles{--tile-gap: calc(19 * var(--u));display:flex;flex:1;flex-direction:column;min-height:0;margin:0 calc(-43 * var(--u));padding:calc(18 * var(--u)) calc(43 * var(--u)) calc(24 * var(--u));overflow:auto;scrollbar-color:var(--arena-ring) transparent;scrollbar-width:thin}.badge-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(170px,calc(220 * var(--u))),1fr));gap:var(--tile-gap);margin:0;padding:0;list-style:none}.badge-rows[data-fill]{--t-small: max(12px, calc(17 * var(--u)));--t-body: max(13px, calc(19 * var(--u)));--t-label: max(12px, calc(19 * var(--u)));--line: max(1px, calc(1.5 * var(--u)));flex:1 0 auto;grid-template-columns:repeat(var(--fill-cols),minmax(0,1fr));grid-auto-rows:minmax(min-content,1fr)}.badge-rows[data-fill] .tile-art{flex:1 1 0;height:auto;min-height:max(96px,calc(113 * var(--u)));contain:size}.badge-rows[data-fill=rows] .badge-row{display:grid;grid-template:"art text" minmax(min-content,1fr) "art controls" auto / minmax(0,1fr) max(190px,calc(320 * var(--u)))}.badge-rows[data-fill=rows] .tile-art{grid-area:art;min-height:0;margin:var(--line) 0 var(--line) var(--line)}.badge-rows[data-fill=rows] .badge-text{grid-area:text;align-content:start}.badge-rows[data-fill=rows] .badge-controls{grid-area:controls}.badge-row{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--arena-card);box-shadow:inset 0 0 0 var(--line) var(--arena-edge);transition:box-shadow var(--motion-fast) var(--ease-out)}.badge-row:hover{box-shadow:inset 0 0 0 var(--line) var(--arena-ring)}.badge-row:has(.badge-select input:checked){box-shadow:inset 0 0 0 max(2px,calc(2.5 * var(--u))) var(--arena-cyan)}.tile-art{display:grid;grid-template:"select . remove state" max(28px,calc(40 * var(--u))) "art art art art" minmax(0,1fr) / auto 1fr auto auto;align-items:center;height:calc(150 * var(--u));min-height:96px;margin:var(--line) var(--line) 0;padding:calc(4 * var(--u)) calc(8 * var(--u)) calc(10 * var(--u));box-sizing:border-box;background:var(--shop-light-page)}.tile-art .mini-badge{grid-area:art;width:100%;height:100%;border:0;border-radius:0;background:none}.badge-select,.tile-delete,.tile-state,.claim-chip,.health-note,.badge-controls{position:relative;z-index:1}.badge-row{--tile-mark: max(16px, calc(18.8 * var(--u)));--tile-target: max(28px, calc(32.9 * var(--u)))}.badge-select{grid-area:select;display:grid;place-items:center;width:var(--tile-target);height:var(--tile-target);cursor:pointer}.badge-select input{width:var(--tile-mark);height:var(--tile-mark);margin:0;border:max(1.5px,calc(1.5 * var(--u))) solid var(--arena-on-accent);background:#fff center / 80% no-repeat;appearance:none;cursor:pointer}.badge-select input:checked{border-color:var(--arena-on-accent);background-color:var(--arena-cyan);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%2315163a' stroke-width='2.2' stroke-linecap='square'/%3E%3C/svg%3E")}.badge-select input:focus-visible{outline:2px solid var(--arena-on-accent);outline-offset:2px}.tile-delete{grid-area:remove;display:grid;place-items:center;width:var(--tile-target);height:var(--tile-target);min-height:0;margin-right:calc(6 * var(--u));padding:0;border:0;border-radius:0;background:none;color:var(--arena-on-accent)}.tile-delete .ui-icon{width:var(--tile-mark);height:var(--tile-mark)}.tile-delete:hover{background:color-mix(in srgb,var(--arena-on-accent) 9%,transparent)}.tile-delete:focus-visible{outline:2px solid var(--arena-on-accent);outline-offset:2px}.tile-state{grid-area:state;padding:calc(6 * var(--u)) calc(9 * var(--u));background:var(--arena-solid);box-shadow:inset 0 0 0 var(--line) var(--arena-ring);color:var(--arena-muted);font:900 max(12px,calc(15 * var(--u))) / 1 var(--font-label);letter-spacing:.07em;text-transform:uppercase}.tile-state[data-state=live]{background:var(--arena-cyan);box-shadow:none;color:var(--arena-on-accent)}.tile-state[data-state=scheduled]{box-shadow:inset 0 0 0 max(2px,calc(2.5 * var(--u))) var(--arena-cyan);color:var(--arena-ink)}.tile-state[data-state=draft]{box-shadow:inset 0 0 0 var(--line) var(--arena-ink);color:var(--arena-ink)}.tile-state[data-state=hidden]{background:var(--arena-ink);box-shadow:none;color:var(--arena-ink-inverse)}.badge-text{display:grid;gap:calc(7 * var(--u));min-width:0;padding:calc(14 * var(--u)) calc(16 * var(--u)) 0}.badge-name{display:flex;align-items:flex-start;gap:calc(8 * var(--u));min-width:0}.badge-open{min-width:0;color:var(--arena-ink);text-decoration:none}.badge-open strong{display:-webkit-box;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font:700 max(14px,calc(23 * var(--u))) / 1.15 var(--font-display);letter-spacing:-.01em}.badge-open:after{content:"";position:absolute;inset:0}.badge-open:hover strong{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.claim-chip{flex:none;min-height:0;padding:calc(4 * var(--u)) calc(7 * var(--u));border:0;border-radius:0;background:var(--arena-solid);box-shadow:inset 0 0 0 var(--line) var(--arena-ink);color:var(--arena-ink);font:900 max(12px,calc(14 * var(--u))) / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.claim-chip:hover{background:color-mix(in srgb,var(--arena-ink) 7%,var(--arena-solid))}.badge-meta{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:var(--arena-muted);font:450 var(--t-small) / 1.3 var(--font-text)}.badge-health{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;margin:0;color:var(--arena-muted);font:450 var(--t-small) / 1.35 var(--font-text)}.badge-health[data-tone=live],.badge-health[data-tone=warning]{color:var(--arena-ink)}.health-mark{display:none}.health-item{white-space:nowrap}.health-note{border-radius:0;color:inherit;text-decoration:underline dotted;text-underline-offset:2px;white-space:normal}.health-note:hover{text-decoration-style:solid}.badge-controls{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--u));margin-top:auto;padding:calc(10 * var(--u)) calc(8 * var(--u)) calc(8 * var(--u))}.live-switch,.row-action{display:inline-flex;align-items:center;gap:calc(10 * var(--u));height:max(28px,calc(42 * var(--u)));min-height:0;padding:0 calc(8 * var(--u));border:0;border-radius:0;background:none;color:var(--arena-ink);font:900 max(12px,calc(17 * var(--u))) / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.live-switch:hover:where(:not([aria-disabled=true])),.row-action:hover:where(:not([aria-disabled=true])){background:color-mix(in srgb,var(--arena-ink) 7%,transparent)}.live-switch[aria-disabled=true]{opacity:1;cursor:default}.live-switch[aria-busy=true],.row-action[aria-busy=true]{opacity:1;cursor:progress}.row-action{display:inline-grid}.row-action>span{grid-area:1 / 1}.row-action[aria-busy=true] .row-action-idle,.row-action:not([aria-busy=true]) .row-action-busy{visibility:hidden}.live-track{--track-w: max(30px, calc(42 * var(--u)));--track-h: max(16px, calc(22 * var(--u)));--gap: max(2px, calc(3 * var(--u)));position:relative;flex:none;width:var(--track-w);height:var(--track-h);box-shadow:inset 0 0 0 var(--line) var(--arena-ring);transition:background var(--motion-fast) var(--ease-out)}.live-knob{position:absolute;top:var(--gap);left:var(--gap);width:calc(var(--track-h) - 2 * var(--gap));height:calc(var(--track-h) - 2 * var(--gap));background:var(--arena-ring);transition:translate var(--motion-fast) var(--ease-out)}.live-switch[aria-checked=true] .live-track{background:var(--arena-cyan);box-shadow:none}.live-switch[aria-checked=true] .live-knob{background:var(--arena-on-accent);translate:calc(var(--track-w) - var(--track-h))}.live-switch[aria-busy=true] .live-knob{opacity:.6}.badge-row .mini-badge,.badge-text{transition:opacity var(--motion-fast) var(--ease-out)}.badge-row[data-saving] .mini-badge,.badge-row[data-saving] .badge-text{opacity:.55}@media(prefers-reduced-motion:no-preference){.badge-row[data-fresh]{animation:tile-in var(--motion-base) var(--ease-out)}.badge-row[data-leaving]{animation:tile-out var(--motion-exit) var(--ease-in) forwards}.list-closing{animation:list-close var(--motion-fast) var(--ease-out)}}@media(prefers-reduced-motion:reduce){.badge-row[data-fresh]{animation:start-fade-in var(--motion-base) var(--ease-out)}.live-knob,.live-track{transition:none}}@keyframes tile-in{0%{opacity:0;translate:0 calc(8 * var(--u))}}@keyframes tile-out{to{opacity:0;scale:.97}}@keyframes list-close{0%{transform:translate(var(--flip-x, 0),var(--flip-y, 0))}}.arena-empty{display:grid;justify-items:start;gap:calc(14 * var(--u));padding:calc(40 * var(--u)) 0}@media(min-width:1100px)and (orientation:landscape){.badges-tiles>.arena-empty{--u: max(var(--stage-u), min(100cqw / 849, 100cqh / 887));--t-body: max(13px, calc(19 * var(--u)));--t-label: max(12px, calc(19 * var(--u)));--line: max(1px, calc(1.5 * var(--u)));flex:1 0 auto;align-content:center}}.arena-empty h3{margin:0;font:700 max(20px,calc(38 * var(--u))) / 1 var(--font-display);letter-spacing:-.02em}.arena-empty p{max-width:44ch;margin:0;color:var(--arena-muted);font:450 var(--t-body) / 1.4 var(--font-text)}.badges-foot{display:flex;flex:none;align-items:center;height:calc(143 * var(--u));margin:0 calc(-43 * var(--u));padding:0 calc(394 * var(--u)) 0 calc(43 * var(--u));border-top:1px solid var(--arena-rule)}.badges-more,.bulk{display:flex;flex-wrap:wrap;align-items:center;gap:calc(12 * var(--u))}.bulk{transition:opacity var(--motion-exit) var(--ease-in),display var(--motion-exit) allow-discrete}.bulk[hidden]{display:none;opacity:0}@starting-style{.bulk:not([hidden]){opacity:0}}.badges-foot button{height:max(28px,calc(46 * var(--u)));min-height:0;padding:0 calc(10 * var(--u));border:0;border-radius:0;background:none;color:var(--arena-ink);font:900 var(--t-label) / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.badges-foot button:hover:where(:not(:disabled)){background:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.badges-more{margin-left:calc(-10 * var(--u))}.bulk span{margin-right:calc(8 * var(--u));color:var(--arena-ink);font:600 var(--t-body) / 1 var(--font-text);font-variant-numeric:tabular-nums}.home-below,.home-page>.page-footer{--ink: var(--arena-ink);--ink-hover: color-mix(in srgb, var(--arena-ink) 84%, var(--arena-solid));--muted: var(--arena-muted);--line: var(--arena-rule);--line-soft: var(--arena-rule);--line-strong: var(--arena-ring);--card: var(--arena-solid);--field: var(--arena-solid);--sunk: color-mix(in srgb, var(--arena-ink) 8%, transparent);--accent-tint: color-mix(in srgb, var(--arena-ink) 5%, transparent);--on-accent: var(--arena-ink-inverse);color:var(--arena-ink)}.home-below{max-width:1000px;margin:0 auto;padding:28px 24px 0}.home-below:empty{display:none}@media(min-width:1100px)and (orientation:landscape){.home-below{--below-edge: calc(39*min(var(--u-cap), 100vw / 1536, 100dvh / 1024)) ;--below-zoom: max(1, tan(atan2(100vw - 2 * var(--below-edge), 1458px)));max-width:none;padding:calc(28px / var(--below-zoom)) calc(var(--below-edge) / var(--below-zoom)) 0;zoom:var(--below-zoom)}}.home-below :is(.panel,button,.placeholder,.theme-sync){border-radius:0}.home-below :is(.start-head,.check-head) h2{font:900 20px / 1.1 var(--font-label);letter-spacing:.08em;text-transform:uppercase}.home-below :is(.theme-sync,.part-failed) h2{font:900 15px / 1.2 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.home-below button{min-height:34px;padding:8px 10px;font:900 13px / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.home-below button:where(:not(.primary,.link-button,.skeleton-button)){border:1.5px solid var(--arena-ink);background:none;color:var(--arena-ink)}.home-below button:where(:not(.primary,.link-button,.skeleton-button)):hover:where(:not(:disabled,[aria-disabled=true])){background:var(--arena-ink);color:var(--arena-ink-inverse)}.home-below button.primary{box-shadow:none}.home-below .link-button{min-height:0;padding:6px 0;font-size:13px;text-decoration:none}.home-below .link-button:hover:where(:not(:disabled)){text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.home-page>.page-footer{margin:0;padding:40px 0 24px;color:var(--arena-ink)}.home-below .theme-sync{background:var(--arena-solid);box-shadow:inset 0 0 0 1.5px var(--arena-ink);color:var(--arena-ink)}@media(prefers-color-scheme:dark){.home-below{color-scheme:dark}.arena .way-steps [data-now] b,.arena .arena-track [aria-current=step] .track-node{color:var(--arena-on-accent)}}@media(max-width:1099px),(orientation:portrait){.arena{height:auto;min-height:100svh;overflow:clip;container-type:inline-size;background:none}.arena-scene{bottom:auto;height:min(100%,100svh);background:var(--arena-mean);mask-image:linear-gradient(black calc(100% - 200px),transparent)}.arena-scene:after{background:linear-gradient(180deg,rgb(150 200 240 / .34),transparent 42%),radial-gradient(120% 60% at 100% 70%,rgb(255 146 52 / .32),transparent 58%),linear-gradient(180deg,rgb(8 10 26 / .72),rgb(8 10 26 / .72) 300px,rgb(8 10 26 / .18) 440px,transparent 560px)}.arena-frame{--u: .6px;position:relative;inset:auto;isolation:isolate;padding:20px 16px 16px}.arena-frame:before{z-index:-1;background:linear-gradient(180deg,rgb(var(--arena-shade) / .58),rgb(var(--arena-shade) / .52) 320px,transparent 470px)}.arena[data-picture] .arena-frame:before{background:none}.arena-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.arena-wordmark{position:static;font-size:26px}.arena-chips{position:static;flex:1 1 auto;justify-content:flex-end;min-width:min(100%,250px);gap:6px}.arena-chip{flex:none;height:38px;padding:0 14px;font-size:15px}.arena-shop{flex:0 1 auto;min-width:0;gap:10px;padding:0 14px 0 6px}.arena-shop img,.arena-initial{flex:none;width:28px;height:28px}.arena-initial{font-size:16px}.arena-shop>span:last-child{overflow:hidden;text-box:normal;text-overflow:ellipsis;white-space:nowrap}.arena-headline{position:static;max-width:calc(600em / 129);margin-top:48px;font-size:clamp(52px,15.5cqw,88px)}.arena-menu{margin:22px -16px 0;padding:6px 0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.arena-menu ul{position:static;display:flex;gap:22px;width:max-content;padding:0 16px}.arena-menu ul:before{display:none}.arena-menu :is(a,button){height:44px;padding:0 0 4px;font-size:20px;white-space:nowrap}.arena-menu [data-current]:after{content:"";position:absolute;right:0;bottom:0;left:0;height:4px;background:var(--arena-cyan);transform-origin:left}.arena-hints{display:none}.arena-view{container-type:normal;position:static;margin-top:16px}.arena-panel{height:auto;padding:22px 20px 20px;background:var(--arena-solid)}.ways{height:auto;margin-top:18px}.way{padding:28px 18px 26px 22px}.way-check{top:16px;right:16px;width:26px;height:26px}.way-copy{margin-top:20px}.way-steps{margin-top:24px}.way-steps>span,.arena-track li{font-size:max(14px,calc(22 * var(--u)))}.way-caption{margin-top:18px;font-size:14px}.arena-track{width:auto;margin:22px 0 0}.arena-track:before{left:0;width:100%}.arena-track:after{right:calc(100% / var(--stages, 5) / 2);left:calc(100% / var(--stages, 5) / 2)}.arena-start{position:sticky;right:auto;bottom:20px;z-index:2;display:block;width:100%;height:56px;margin-top:24px;box-shadow:0 0 0 20px var(--arena-solid);font-size:30px}.arena-wait-body{margin-top:18px}.badges-bar{flex-wrap:wrap;gap:10px}.arena-tabs [role=tab],.arena-search{height:44px}.arena-search{flex:1 1 200px;min-width:0;max-width:none}.badges-tiles{flex:none;margin:0;padding:16px 0 0;overflow:visible}.badge-rows{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.tile-art{height:auto;min-height:0;aspect-ratio:2.4}.badge-text{padding:12px 14px 0}.badges-foot{height:auto;min-height:46px;margin:12px 0 0;padding:8px 0 0}.badges-foot:has(.bulk:not([hidden])){position:sticky;bottom:96px;z-index:2;margin-inline:-20px;padding:8px 20px;background:var(--arena-solid)}.home-below{max-width:none;padding-inline:16px}@media(prefers-reduced-motion:no-preference){.arena-menu [data-current]:after{animation:bar-in var(--motion-base) var(--ease-out)}}}@media(max-width:599px){.ways{grid-template-columns:minmax(0,1fr)}.ways:after{display:none}.way:has(input:checked){border-color:var(--arena-cyan);box-shadow:inset 0 0 0 calc(2.5 * var(--u)) var(--arena-cyan)}@media(prefers-reduced-motion:no-preference){.way{transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}}.arena-tabs{flex:1 1 100%}.arena-tabs [role=tab]{flex:1 1 auto;justify-content:center;padding:0 6px;letter-spacing:.03em}.arena-search{flex-basis:100%}.badge-rows{grid-template-columns:minmax(0,1fr)}.tile-art{height:calc(150 * var(--u));min-height:96px;aspect-ratio:auto}}@keyframes bar-in{0%{scale:0 1}}:is(.editor-page,.wizard-page,.switch-page,.analytics-page,.plan-page,.studio){--ink: var(--arena-ink);--ink-hover: color-mix(in srgb, var(--arena-ink) 84%, var(--arena-solid));--muted: var(--arena-muted);--line: var(--arena-rule);--line-soft: var(--arena-rule);--line-strong: var(--arena-ring);--paper: var(--arena-ground);--card: var(--arena-solid);--field: var(--arena-solid);--sunk: color-mix(in srgb, var(--arena-ink) 8%, transparent);--accent: var(--arena-ink);--accent-strong: var(--arena-on-accent);--accent-soft: var(--arena-cyan);--accent-tint: color-mix(in srgb, var(--arena-ink) 5%, transparent);--brass: var(--arena-cyan);--on-accent: var(--arena-ink-inverse);--radius-mark: 0;--radius-control: 0;--radius-inset: 0;--radius-card: 0;--radius-dialog: 0;--shadow-pop: none;--shadow-stage: none;--shadow-dialog: none;color:var(--arena-ink)}:is(.editor-page,.wizard-page,.switch-page,.analytics-page,.plan-page,.studio) ::selection{background:var(--arena-cyan);color:var(--arena-on-accent)}.editor-page :is(.claim-why a,.preview-store){color:var(--arena-ink)}.editor-page button.danger{color:var(--arena-light)}:is(.editor-page,.wizard-page,.switch-page,.analytics-page,.plan-page)>.page-footer{flex:none;margin:0;padding:0;color:var(--arena-ink);line-height:34px}:is(.editor-page,.wizard-page,.switch-page,.analytics-page,.plan-page)>.page-footer .link-button{margin-block:0;padding-block:0;line-height:inherit}@media(min-width:1100px)and (orientation:landscape){.app-page:has(>.bench){display:flex;flex-direction:column;height:100vh;height:100dvh}.app-bar~.app-page:has(>.bench){height:calc(100dvh - 57px)}.app-page:has(>.bench)>.bench{flex:1 1 0;height:auto}}.bench{position:relative;height:100vh;height:100dvh;min-height:600px;overflow:hidden;container-type:size;background:var(--arena-mean)}.app-bar~:is(.editor-page,.wizard-page,.switch-page,.analytics-page,.plan-page) .bench{height:calc(100dvh - 57px)}.bench>*{--u: min(var(--u-cap), 100cqw / 1536, 100cqh / 944)}.bench .arena-scene:after{background:linear-gradient(180deg,rgb(150 200 240 / .34),transparent 42%),radial-gradient(120% 90% at 100% 62%,rgb(255 146 52 / .32),transparent 58%)}.bench[data-picture] .arena-picture,.bench[data-picture] .arena-scene:after{opacity:1}.bench-frame{--edge: max(1px, calc(1.5 * var(--u)));--gutter: max(10px, calc(18 * var(--u)));--seam: max(8px, calc(12 * var(--u)));--t-small: max(12px, calc(17 * var(--u)));--t-body: max(13px, calc(19 * var(--u)));--t-label: max(12px, calc(19 * var(--u)));position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%}.bench-head{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;column-gap:calc(24 * var(--u));min-height:max(48px,calc(66 * var(--u)));margin:var(--gutter) var(--gutter) 0;padding:0 calc(21 * var(--u)) 0 calc(23 * var(--u));background:var(--arena-panel);color:var(--arena-ink)}.bench-wordmark{margin:0;font:700 max(17px,calc(34 * var(--u))) / 1 var(--font-display);letter-spacing:.025em;text-box:trim-both cap alphabetic}.bench-back{display:flex;align-items:center;gap:calc(10 * var(--u));min-height:32px;padding:0 0 0 calc(24 * var(--u));border:0;border-left:var(--edge) solid var(--arena-rule);border-radius:0;background:none;color:var(--arena-ink);font:900 max(12px,calc(19 * var(--u))) / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.bench-back:hover:where(:not(:disabled)){background:none}.bench-back:hover span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.bench-back svg{width:max(8px,calc(12 * var(--u)));fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square}.bench-back kbd{padding:0;border:0;background:none;box-shadow:none;color:var(--arena-muted);font:inherit}.bench-title{display:flex;align-items:center;justify-self:center;gap:calc(16 * var(--u));min-width:0;max-width:100%}.bench-title h1{min-width:0;overflow:hidden;font:700 max(20px,calc(43 * var(--u))) / 1.1 var(--font-display);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis}.bench-state{flex:none;padding:calc(7 * var(--u)) calc(10 * var(--u));background:var(--arena-solid);box-shadow:inset 0 0 0 var(--edge) var(--arena-ink);color:var(--arena-ink);font:900 max(12px,calc(20 * var(--u))) / 1 var(--font-label);letter-spacing:.07em;text-transform:uppercase}.bench-state[data-state=active]{background:var(--arena-cyan);box-shadow:none;color:var(--arena-on-accent)}.bench-state[data-state=paused]{box-shadow:inset 0 0 0 var(--edge) var(--arena-ring);color:var(--arena-muted)}.bench-unsaved{flex:none;color:var(--arena-muted);font:450 var(--t-small) / 1 var(--font-text)}.bench-tools{display:flex;align-items:center;gap:calc(16 * var(--u))}.bench-level{display:flex;box-shadow:inset 0 0 0 var(--edge) var(--arena-edge)}.bench-delete{display:grid;place-items:center;width:max(32px,calc(38 * var(--u)));min-height:max(32px,calc(38 * var(--u)));padding:0;border:0;border-radius:0;background:none;color:var(--arena-ink)}.bench-delete .ui-icon{width:max(18px,calc(22 * var(--u)));height:max(18px,calc(22 * var(--u)))}.bench-delete:hover:where(:not(:disabled)){background:color-mix(in srgb,var(--arena-ink) 7%,transparent)}.bench-level button{min-height:max(32px,calc(38 * var(--u)));padding:0 calc(18 * var(--u));border:0;border-radius:0;background:none;color:var(--arena-ink);font:600 var(--t-body) / 1 var(--font-text)}.bench-level button+button{box-shadow:inset var(--edge) 0 0 var(--arena-edge)}.bench-level button:hover:where(:not([aria-pressed=true])){background:color-mix(in srgb,var(--arena-ink) 7%,transparent)}.bench-level [aria-pressed=true]{background:var(--arena-cyan);color:var(--arena-on-accent)}.bench-level button:active{transform:none}.bench-body{display:grid;grid-template-columns:max(480px,calc(690 * var(--u))) minmax(0,1fr);grid-template-rows:minmax(0,1fr);column-gap:calc(22 * var(--u));min-height:0;margin:var(--seam) var(--gutter)}.bench-panel{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--arena-panel);color:var(--arena-ink)}.bench-tabs-bar{position:relative;flex:none;background:var(--arena-on-accent)}.bench-tabs{position:relative;display:flex;overflow-x:auto;scrollbar-width:none}.bench-tabs-bar[data-more-end] .bench-tabs{mask-image:linear-gradient(to left,transparent,var(--arena-on-accent) 48px)}.bench-tabs-bar[data-more-start] .bench-tabs{mask-image:linear-gradient(to right,transparent,var(--arena-on-accent) 48px)}.bench-tabs-bar[data-more-start][data-more-end] .bench-tabs{mask-image:linear-gradient(to right,transparent,var(--arena-on-accent) 48px,var(--arena-on-accent) calc(100% - 48px),transparent)}.bench-tabs-bar:is([data-error-start],[data-error-end]):after{content:"";position:absolute;top:50%;width:8px;height:8px;margin-top:-4px;background:var(--danger);pointer-events:none}.bench-tabs-bar[data-error-start]:after{left:6px}.bench-tabs-bar[data-error-end]:after{right:6px}.bench-tabs::-webkit-scrollbar{display:none}.bench-tabs-block{position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--arena-cyan);opacity:0;transform-origin:0 0;pointer-events:none}.bench-tabs [role=tab]{position:relative;display:flex;flex:1 0 auto;align-items:center;justify-content:center;gap:calc(8 * var(--u));min-height:max(40px,calc(59 * var(--u)));padding:0 calc(9 * var(--u));border:0;border-radius:0;background:none;color:var(--arena-light);font:900 max(13px,calc(16 * var(--u))) / 1 var(--font-label);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.bench-tabs [role=tab]:hover:where(:not([aria-selected=true])){background:color-mix(in srgb,var(--arena-light) 10%,transparent)}.bench-tabs [aria-selected=true]{background:var(--arena-cyan);color:var(--arena-on-accent)}.bench-tabs [aria-selected=true][data-gliding]{background:none}.bench-tabs [role=tab]:active{transform:none}.bench-tabs [role=tab]:focus-visible{outline:max(2px,calc(3 * var(--u))) solid var(--arena-cyan);outline-offset:max(-4px,calc(-5 * var(--u)))}.bench-tabs [aria-selected=true]:focus-visible{outline-color:var(--arena-on-accent)}.bench-tab-count{display:inline-grid;place-items:center;box-sizing:border-box;min-width:max(18px,calc(26 * var(--u)));min-height:max(18px,calc(26 * var(--u)));padding:0 calc(5 * var(--u));font:700 var(--t-small) / 1 var(--font-text);letter-spacing:0;font-variant-numeric:tabular-nums}.bench-tab-count[data-state=error]{background:var(--danger);color:var(--arena-light)}.bench-tab-count[data-state=hint]{box-shadow:inset 0 0 0 var(--edge) currentColor}.bench-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:max(20px,calc(27 * var(--u))) max(18px,calc(26 * var(--u))) 24px;scrollbar-width:thin;scrollbar-color:var(--arena-ring) transparent}.bench-notices{display:grid;gap:10px;margin-bottom:20px}.bench-notices:empty{display:none}.bench-notices>*{margin:0}.bench-notices .restore-banner{background:var(--arena-solid);box-shadow:inset 0 0 0 1.5px var(--arena-ink);color:var(--arena-ink)}.bench-notices :is(.restore-banner,.error-summary) h2{font:900 13px / 1.2 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.bench-notices .tip{margin:0}.bench-scroll :is(.field>span:first-child,.choice>legend,.item-click>span:first-child,.item-show-as>span:first-child,.item-animation-head>span:first-child),.bench-scroll .setting-group{color:var(--arena-ink);font:900 13px / 1.2 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.bench-scroll .setting-group{font-size:15px;letter-spacing:.08em;outline:none}.bench-scroll .setting-group:focus-visible{outline:2px solid var(--arena-ink);outline-offset:2px}.setting-jumps{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px}.setting-jumps button{min-height:32px;padding:0 10px;border:0;border-radius:0;background:none;box-shadow:inset 0 0 0 1.5px var(--arena-edge);color:var(--arena-ink);font:900 12px / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.setting-jumps button:hover{background:color-mix(in srgb,var(--arena-ink) 7%,transparent)}.editor-page :is(.bench-scroll,.bench-band,.dialog) .field :is(input:not([type=color]),select,textarea){min-height:36px;border-color:var(--arena-ink)}.bench-scroll :where(button):not([class],dialog *),.bench-scroll .settings-end button{min-height:34px;padding:8px 12px;border:1.5px solid var(--arena-ink);background:none;color:var(--arena-ink);font:900 12px / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.bench-scroll :is(:where(button):not([class],dialog *),.settings-end button):hover:where(:not(:disabled,[aria-disabled=true])){background:var(--arena-ink);color:var(--arena-ink-inverse)}.bench-scroll :is(.chip,.segment button,.item-play,.item-more-toggle),.bench-notices .tip>.link-button{font-family:var(--font-label);font-weight:900;letter-spacing:.06em;text-transform:uppercase}.editor-page :is(.segment,.chip){border-color:var(--arena-edge)}.editor-page .segment button+button{border-left-color:var(--arena-edge)}.editor-page :is(.segment button,.chip)[aria-pressed=true]{border-color:var(--arena-cyan)}.bench-scroll .item-list{gap:12px}.bench-scroll .item-card,.bench-scroll .item-card:last-of-type{padding:16px;border:0;background:var(--arena-card);box-shadow:inset 0 0 0 1.5px var(--arena-edge);scroll-margin-top:16px}.bench-scroll .item-card[data-chosen]{box-shadow:inset 0 0 0 2.5px var(--arena-cyan)}.bench-scroll .item-card:focus{outline:none}.bench-scroll .item-card:focus-visible{outline:2px solid var(--arena-ink);outline-offset:2px}.bench-scroll .item-card-head{grid-template-columns:76px minmax(0,1fr);column-gap:16px}.bench-scroll .item-card-head>[data-setting="item.icon"]{margin:0}.bench-scroll .selected-icon{width:76px;height:76px;border:0;background:var(--arena-solid);box-shadow:inset 0 0 0 1.5px var(--arena-edge)}.bench-scroll .selected-icon:hover:where(:not(:disabled)){background:var(--arena-solid);box-shadow:inset 0 0 0 1.5px var(--arena-ink)}.bench-scroll .selected-icon .glyph{width:40px;height:40px}.bench-scroll .item-card-head [data-setting="item.title"] input{min-height:44px;font:700 20px / 1.2 var(--font-display);letter-spacing:-.01em}.bench-scroll .item-card-head [data-setting="item.subtitle"] input{font-size:15px}.bench-scroll .item-card-title{font:900 13px / 1.2 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.bench-check+.bench-check{margin-top:28px;padding-top:20px;border-top:1px solid var(--arena-rule)}.bench-check>h2{margin:0 0 6px;font:900 15px / 1.2 var(--font-label);letter-spacing:.08em;text-transform:uppercase;outline:none}.bench-check>h2:focus-visible{outline:2px solid var(--arena-ink);outline-offset:2px}.bench-check-summary{margin:0 0 12px;color:var(--arena-muted);font-size:12px}.bench-check-summary strong{color:var(--arena-ink);font-weight:650}.bench-scroll .settings-hidden{border-top-color:var(--arena-rule)}.bench-scroll .settings-end{margin-top:24px;padding:16px 0 0;border-top:1px solid var(--arena-rule)}.bench-body>.preview-area{position:static;height:auto;min-height:0;margin:0;padding:max(10px,calc(14 * var(--u)));background:var(--arena-panel);color:var(--arena-ink)}.bench .preview-toolbar{gap:max(6px,calc(10 * var(--u)));margin-bottom:max(8px,calc(12 * var(--u)))}.bench .preview-switch{border:0;box-shadow:inset 0 0 0 var(--edge) var(--arena-edge)}.bench .preview-switch button,.bench .preview-tool{min-height:max(28px,calc(36 * var(--u)));padding:0 max(10px,calc(16 * var(--u)));border:0;background:none;color:var(--arena-ink);font:900 max(12px,calc(16 * var(--u))) / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.bench .preview-switch button+button{border-left:0;box-shadow:inset var(--edge) 0 0 var(--arena-edge)}.bench .preview-switch button:after{font-weight:900}.bench .preview-tool{box-shadow:inset 0 0 0 var(--edge) var(--arena-edge)}.bench :is(.preview-switch button,.preview-tool):hover:where(:not(:disabled,[aria-disabled=true],[aria-pressed=true])){background:color-mix(in srgb,var(--arena-ink) 7%,transparent)}.bench :is(.preview-switch button,.preview-tool)[aria-pressed=true]{background:var(--arena-cyan);box-shadow:none;color:var(--arena-on-accent);font-weight:900}.bench .preview-page{font:900 var(--t-label) / 1.2 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.bench .preview-context p,.bench .preview-foot,.bench :is(.preview-notes,.preview-meta small){font-size:var(--t-small)}.bench .preview-stage{position:relative;min-height:calc(200 * var(--u));border:0;box-shadow:inset 0 0 0 1px var(--arena-edge)}.bench .preview-stage:not([data-view=context]):before{display:none}.bench .preview-foot-row{align-items:center}.bench .preview-place{position:relative;display:inline-flex;align-items:center;gap:calc(10 * var(--u));min-height:max(40px,calc(52 * var(--u)));padding:0 calc(22 * var(--u));border:0;border-radius:0;background:var(--arena-ink);color:var(--arena-ink-inverse);font:900 max(14px,calc(19 * var(--u))) / 1 var(--font-label);letter-spacing:.06em;text-decoration:none;text-transform:uppercase;white-space:nowrap}.bench .preview-place:hover{background:var(--ink-hover);color:var(--arena-ink-inverse)}.bench .preview-place:focus-visible{outline:max(2px,calc(3 * var(--u))) solid var(--arena-cyan);outline-offset:max(2px,calc(3 * var(--u)))}.bench .preview-place svg{width:max(14px,calc(19 * var(--u)));height:max(14px,calc(19 * var(--u)));fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square}.bench .preview-place:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 max(2px,calc(3 * var(--u))) var(--arena-cyan);opacity:0;pointer-events:none}.bench .sketch-target{color:var(--shop-strong)}.bench .sketch-target:before{border-top-color:var(--shop-muted)}.bench .sketch-target-label{border-color:var(--shop-line);border-radius:0;background:var(--shop-page)}.bench .sketch-target:hover .sketch-target-label{border-color:var(--shop-strong);background:var(--shop-block);color:var(--shop-strong)}.bench .sketch-current{border-radius:0}.preview-ring{position:absolute;z-index:3;box-sizing:content-box;margin:-6px 0 0 -6px;padding:6px;box-shadow:inset 0 0 0 max(2px,calc(2.5 * var(--u))) var(--arena-cyan);pointer-events:none}.free-ring{position:absolute;inset:0;box-shadow:inset 0 0 0 max(2px,calc(2.5 * var(--u))) var(--arena-cyan);pointer-events:none}.bench [data-testid=badge-preview] [data-bs-item]{cursor:pointer}.bench-band{display:flex;align-items:center;gap:calc(18 * var(--u));min-width:0;height:calc(108 * var(--u));min-height:72px;padding:0 var(--gutter);background:var(--arena-panel);color:var(--arena-ink)}.band-search{flex:0 0 max(160px,calc(208 * var(--u)));min-width:0}.band-search .settings-search input{min-height:max(40px,calc(58 * var(--u)));padding:0 calc(10 * var(--u)) 0 max(36px,calc(52 * var(--u)));border:0;background:var(--arena-card);box-shadow:inset 0 0 0 var(--edge) var(--arena-edge);color:var(--arena-ink);font:450 var(--t-body) / 1 var(--font-text)}.band-search .settings-search input:focus-visible{outline:0;box-shadow:inset 0 0 0 max(2px,calc(2.5 * var(--u))) var(--arena-ink)}.band-search .settings-search input::placeholder{color:var(--arena-ink);font:900 max(12px,calc(14 * var(--u))) / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.band-search .settings-search-key{left:max(8px,calc(12 * var(--u)));right:auto;display:grid;place-items:center;box-sizing:border-box;min-width:max(20px,calc(28 * var(--u)));height:max(20px,calc(28 * var(--u)));padding:0;border:max(1.5px,calc(2 * var(--u))) solid var(--arena-ink);border-radius:0;background:none;box-shadow:none;color:var(--arena-ink);font:900 var(--t-label) / 1 var(--font-label)}.band-search .settings-search-icon{left:max(10px,calc(16 * var(--u)));stroke:var(--arena-ink);opacity:0}.band-search .settings-search:has(input:focus,input:not(:placeholder-shown)) .settings-search-icon{opacity:1}.band-search .settings-popover{top:auto;right:auto;bottom:calc(100% + 8px);width:max(320px,calc(480 * var(--u)));max-height:min(420px,60cqh);border:0;background:var(--arena-solid);box-shadow:inset 0 0 0 1.5px var(--arena-ink)}.band-items{display:flex;flex:1 1 auto;align-items:center;gap:calc(16 * var(--u));min-width:0}.band-tile{display:flex;flex:1 1 0;align-items:center;gap:calc(12 * var(--u));min-width:0;max-width:max(218px,calc(236 * var(--u)));height:calc(80 * var(--u));min-height:48px;padding:0 calc(12 * var(--u)) 0 calc(14 * var(--u));border:0;background:var(--arena-solid);box-shadow:inset 0 0 0 var(--edge) var(--arena-edge);color:var(--arena-ink);text-align:left}.band-tile[data-over]{display:none}.band-tile:hover:where(:not([aria-pressed=true])){background:var(--arena-solid);box-shadow:inset 0 0 0 var(--edge) var(--arena-ring)}.band-tile[aria-pressed=true]{box-shadow:inset 0 0 0 max(2px,calc(2.5 * var(--u))) var(--arena-cyan)}.band-glyph{display:grid;flex:none;place-items:center;width:max(24px,calc(40 * var(--u)));height:max(24px,calc(40 * var(--u)))}.band-glyph .glyph,.band-glyph svg,.band-glyph img{display:block;width:100%;height:100%;object-fit:contain}.band-text{display:grid;gap:calc(5 * var(--u));min-width:0}.band-text :is(strong,small){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.band-text strong{font:700 max(12px,calc(15.5 * var(--u))) / 1.15 var(--font-text)}.band-text small{color:var(--arena-muted);font:450 max(12px,calc(13 * var(--u))) / 1.2 var(--font-text)}.band-more{flex:none;min-width:calc(64 * var(--u));height:calc(80 * var(--u));min-height:48px;border:0;background:var(--arena-solid);box-shadow:inset 0 0 0 var(--edge) var(--arena-edge);color:var(--arena-ink);font:900 max(14px,calc(26 * var(--u))) / 1 var(--font-label)}.band-add{display:grid;flex:none;place-items:center;align-content:center;gap:calc(8 * var(--u));min-width:calc(112 * var(--u));height:calc(80 * var(--u));min-height:48px;padding:0 calc(12 * var(--u));border:var(--edge) dashed var(--arena-ring);background:none;color:var(--arena-ink);font:900 max(12px,calc(15 * var(--u))) / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.band-add svg{width:max(14px,calc(22 * var(--u)));fill:none;stroke:currentColor;stroke-width:1.8}.band-add:hover:where(:not(:disabled)),.band-more:hover{border-color:var(--arena-ink);background:color-mix(in srgb,var(--arena-ink) 7%,transparent)}.bench-band .history-actions{flex:none;gap:calc(6 * var(--u))}.bench-band .history-button{display:grid;place-items:center;width:max(36px,calc(48 * var(--u)));height:max(36px,calc(58 * var(--u)));border:0;background:none;box-shadow:inset 0 0 0 var(--edge) var(--arena-edge)}.bench-band .history-button:hover:where(:not([aria-disabled=true])){background:color-mix(in srgb,var(--arena-ink) 7%,transparent)}.bench-band .history-icon{width:max(16px,calc(24 * var(--u)));height:max(16px,calc(24 * var(--u)))}.bench-band .history-button:after{top:auto;bottom:calc(100% + 8px);transform:translate(-50%,4px)}.band-save,.bench-publish{flex:none;height:max(40px,calc(58 * var(--u)));border-radius:0;font:900 max(14px,calc(24 * var(--u))) / 1 var(--font-label);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.band-save{min-width:calc(112 * var(--u));padding:0 calc(22 * var(--u));border:var(--edge) solid var(--arena-ink);background:none;color:var(--arena-ink)}.band-save:hover:where(:not([aria-disabled=true])){border-color:var(--arena-ink);background:var(--arena-ink);color:var(--arena-ink-inverse)}.bench-publish{min-width:calc(150 * var(--u));padding:0 calc(24 * var(--u));border:0;background:var(--arena-orange);color:var(--arena-on-accent);font-size:max(15px,calc(26 * var(--u)));letter-spacing:0}.bench-publish:hover:where(:not([aria-disabled=true])){background:color-mix(in srgb,var(--arena-on-accent) 7%,var(--arena-orange))}.bench-publish[aria-disabled=true]{opacity:.6}.bench-publish[data-state=published]{display:inline-flex;align-items:center;justify-content:center;gap:calc(12 * var(--u));background:none;box-shadow:inset 0 0 0 var(--edge) var(--arena-edge);color:var(--arena-ink);opacity:1;cursor:default}.publish-tick{flex:none;width:calc(26 * var(--u));height:calc(26 * var(--u));background:var(--arena-cyan);fill:none;stroke:var(--arena-on-accent);stroke-width:2.2;stroke-linecap:square}.bench-band :is(button,input):focus-visible{outline-color:var(--arena-ink)}body:has(.bench-band) .toast-stack{translate:0 calc(-34px - max(72px,108 * min(var(--u-cap),100vw / 1536,100dvh / 944)))}.bench-wait{display:block;background:color-mix(in srgb,var(--arena-ink) 8%,transparent)}.bench-wait-title{width:calc(420 * var(--u));height:calc(36 * var(--u))}.bench-wait-tabs{height:max(40px,calc(59 * var(--u)))}.bench-preview-wait{background:var(--arena-panel)}.bench-failed{align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}.bench-failed .bench-retry{align-self:center}.bench-failed h2{margin:0;font:900 15px / 1.2 var(--font-label);letter-spacing:.08em;text-transform:uppercase}.bench-failed p{margin:0}.bench-retry{align-self:flex-start;min-height:44px;margin-top:8px;padding:0 20px;border:1.5px solid var(--arena-ink);border-radius:0;background:none;color:var(--arena-ink);font:900 16px / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.bench-retry:hover:where(:not(:disabled)){background:var(--arena-ink);color:var(--arena-ink-inverse)}.bench-body:has(>.bench-eu-notices){grid-template-rows:auto minmax(0,1fr)}.bench-eu-notices{grid-column:1 / -1;grid-row:1;margin-bottom:calc(18 * var(--u))}.bench-body>.eu-layout{display:contents}.bench-body .eu-settings{grid-row:2;grid-column:1;min-height:0;overflow-y:auto;padding:24px;border:0;background:var(--arena-panel)}.bench-body .eu-preview{grid-row:2;grid-column:2;min-height:0;overflow-y:auto;border:0;background:var(--arena-panel)}.bench-tools[inert],.bench-tabs-bar[inert]>.bench-tabs,.bench-tabpanel[inert],.settings-end[inert],.bench-band[inert]>*,.preview-area[inert]>:not(.preview-stage),.eu-layout[inert] :is(.eu-settings>*,.eu-preview-head){opacity:.5}@media(prefers-reduced-motion:no-preference){.bench .preview-place[data-called]:after{animation:bench-place-call 1.4s var(--ease-out) .8s 3}.bench-tabs [role=tab]{transition:color .2s var(--ease-out)}.band-tile,.bench-scroll .item-card{transition:box-shadow var(--motion-fast) var(--ease-out)}.preview-ring,.free-ring{animation:bench-ring 1.6s linear both}.free-layer.is-calm .free-ring{animation:none}.band-search .settings-popover{animation-name:bench-popover-in}}@keyframes bench-place-call{0%{opacity:1;transform:none}to{opacity:0;transform:scale(1.14,1.7)}}@media(prefers-reduced-motion:reduce){.bench .preview-place[data-called]:after{opacity:1}}@keyframes bench-ring{0%{opacity:0}15%,85%{opacity:1}to{opacity:0}}@keyframes bench-popover-in{0%{opacity:0;transform:translateY(4px)}}@media(prefers-color-scheme:dark){:is(.editor-page,.wizard-page,.switch-page,.analytics-page,.plan-page,.studio,.toast-stack){--notice-bg: color-mix(in srgb, #5a4510 45%, var(--arena-solid));--notice-ink: #fbf1dc;--error-bg: color-mix(in srgb, #8e2823 40%, var(--arena-solid));--error-line: #8e2823;--error-ink: #f6c2bc;--success-bg: color-mix(in srgb, #246945 40%, var(--arena-solid));--success-line: #246945;--success-ink: #b3ddc7;color-scheme:dark}.bench-tabs-bar{box-shadow:inset 0 calc(-1 * var(--edge)) 0 var(--arena-ring)}}@media(max-width:1099px),(orientation:portrait){.bench,.app-bar~:is(.editor-page,.wizard-page,.switch-page,.analytics-page,.plan-page) .bench{height:auto;min-height:100svh;overflow:visible;overflow-x:clip;container-type:inline-size;background:none}.bench>*{--u: .6px}.bench-frame{display:block;height:auto;padding:16px 16px 0}.bench-head{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"back level" "title title";row-gap:10px;margin:0 0 12px;padding:12px 14px 14px}.bench-wordmark{display:none}.bench-back{grid-area:back;border-left:0;padding-left:0}.bench-back kbd{display:none}.bench-title{grid-area:title;justify-self:start}.bench-title h1{font-size:26px}.bench-title:has(.bench-unsaved[data-live]){display:grid;grid-template-columns:minmax(0,auto) auto minmax(0,1fr);row-gap:6px}.bench-unsaved[data-live]{grid-column:1 / -1;line-height:1.3}.bench-tools{grid-area:level;justify-self:end;gap:8px}.bench-level button{min-height:40px;padding:0 12px}.bench-delete{width:40px;min-height:40px}.bench-body{display:flex;flex-direction:column;gap:12px;margin:0}.bench-body>.preview-area{order:-1;overflow:visible}.bench .preview-toolbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.bench .preview-toolbar>*{flex:none}.bench .preview-area[data-preview-mode=badge] .preview-context{display:none}.bench .preview-area[data-preview-mode=badge] .preview-stage{align-content:safe center;min-height:0;max-height:150px;overflow-y:auto;padding:12px}.bench .preview-stage[data-clipped]:after{content:"";position:sticky;bottom:0;height:40px;margin:-40px -11px 0;background:linear-gradient(transparent,var(--shop-page));pointer-events:none}.bench .preview-notes>p:first-child{display:none}.bench-panel{overflow:visible}.bench-tabs-bar{position:sticky;top:0;z-index:3}.bench-tabs [role=tab]{min-height:44px;padding:0 16px}.bench-scroll{overflow:visible;padding:20px 16px 24px}.bench-scroll .setting-group{scroll-margin-top:64px}.bench-band{position:sticky;bottom:0;z-index:4;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"search items items items" "history history save publish";gap:10px;height:auto;margin:12px -16px 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--arena-solid);box-shadow:inset 0 1px 0 var(--arena-rule)}.band-search{grid-area:search;width:150px;min-width:0}.band-search .settings-search input{min-height:44px;padding:0 8px 0 34px}.band-search .settings-search-key{display:none}.band-search .settings-search-icon{opacity:1}.band-search .settings-popover{width:calc(100vw - 32px)}.band-items{grid-area:items;gap:8px;overflow-x:auto;scrollbar-width:none}.band-tile,.band-tile[data-over]{display:flex;flex:0 0 auto;max-width:180px;height:44px;min-height:44px;padding:0 12px 0 10px}.band-text small,.band-more{display:none}.band-add{order:-1;display:flex;gap:6px;height:44px;min-height:44px;padding:0 12px;white-space:nowrap}.bench-band .history-actions{grid-area:history}.bench-band .history-button{width:44px;height:44px}.band-save{grid-area:save;justify-self:end;height:44px;padding:0 16px;font-size:16px}.bench-publish{grid-area:publish;height:44px;padding:0 16px;font-size:17px}.bench-band:not(:has(>.band-save)) .bench-publish{grid-column:history-start / publish-end;justify-self:end;min-width:0;max-width:calc(100% - 102px);white-space:normal}.bench-body .eu-settings,.bench-body .eu-preview{overflow:visible}.bench-band:has(>.preview-jump:not([hidden])){padding-top:62px}.bench-band>.preview-jump{position:absolute;bottom:calc(119px + env(safe-area-inset-bottom));z-index:auto;min-height:40px;border:1.5px solid var(--arena-ink);background:var(--arena-solid);color:var(--arena-ink);font:900 13px / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}body:has(.bench-band) .toast-stack{translate:0 calc(-118px - env(safe-area-inset-bottom))}body:has(.bench-band):has(.preview-jump:not([hidden])) .toast-stack{translate:0 calc(-178px - env(safe-area-inset-bottom))}}.wizard-page .bench-title{justify-self:start}.wizard-page .bench-head:not(:has(.wizard-steps)):after{content:"";width:calc(710 * var(--u));height:max(26px,calc(39 * var(--u)));background:color-mix(in srgb,var(--arena-ink) 8%,transparent)}.wizard-page:has(.bench-failed) .bench-head:after{content:none}.wizard-steps{display:flex;align-items:center;gap:calc(30 * var(--u));min-width:0;margin:0;padding:0;list-style:none}.wizard-steps li{position:relative;min-width:0}.wizard-steps li+li:before{content:"";position:absolute;top:50%;right:100%;width:calc(22 * var(--u));height:var(--edge);margin-right:calc(4 * var(--u));background:var(--arena-edge);translate:0 -50%}.wizard-steps li+li:is([data-done],[aria-current=step]):before{height:max(2px,calc(3 * var(--u)));background:var(--arena-cyan)}.wizard-steps button{display:flex;align-items:center;gap:calc(12 * var(--u));max-width:100%;min-height:max(32px,calc(52 * var(--u)));padding:0;border:0;border-radius:0;background:none;color:var(--arena-ink);text-align:left}.wizard-steps button:hover:where(:not(:disabled)){background:none}.wizard-steps button:hover strong{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.wizard-steps button:active{transform:none}.wizard-steps-number{display:grid;flex:none;place-items:center;box-sizing:border-box;width:max(26px,calc(39 * var(--u)));height:max(26px,calc(39 * var(--u)));border:var(--edge) solid var(--arena-ring);border-radius:50%;background:var(--arena-light);color:var(--arena-on-accent);font:900 max(12px,calc(18 * var(--u))) / 1 var(--font-label);font-variant-numeric:tabular-nums;scale:.9}.wizard-steps li:is([data-done],[aria-current=step]) .wizard-steps-number{border:0;background:var(--arena-cyan);scale:1}.wizard-steps-text{display:grid;gap:calc(7 * var(--u));min-width:0}.wizard-steps-text strong{color:var(--arena-muted);font:900 max(12px,calc(19 * var(--u))) / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.wizard-steps li:is([data-done],[aria-current=step]) strong{color:var(--arena-ink)}.wizard-steps-text small{max-width:max(200px,calc(300 * var(--u)));overflow:hidden;color:var(--arena-muted);font:450 var(--t-small) / 1.2 var(--font-text);white-space:nowrap;text-overflow:ellipsis}.wizard-page .bench-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);row-gap:var(--seam)}.wizard-page .bench-body:has(>.bench-failed){grid-template-rows:minmax(0,1fr)}.wizard-main{overflow:hidden auto;padding:calc(34 * var(--u)) calc(43 * var(--u)) calc(20 * var(--u));scrollbar-color:var(--arena-ring) transparent;scrollbar-width:thin}.wizard-main:focus{outline:none}.wizard-fieldset{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:calc(14 * var(--u)) calc(24 * var(--u));min-width:0;margin:0;padding:0;border:0}.wizard-fieldset>:not(.wizard-legend,.wizard-note,.wizard-jumps,.wizard-pages){grid-column:1 / -1}.wizard-legend{margin:0;padding:0;color:var(--arena-ink);font:900 max(15px,calc(27 * var(--u))) / 1 var(--font-label);letter-spacing:.11em;text-transform:uppercase;text-box:trim-both cap alphabetic}.wizard-note{justify-self:end;margin:0;color:var(--arena-muted);font:450 var(--t-small) / 1.3 var(--font-text);text-align:right}.wizard-jumps{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:calc(8 * var(--u));min-width:0}.wizard-pages{display:flex;justify-self:end;min-width:0;margin:0;padding:0;border:0;box-shadow:inset 0 0 0 var(--edge) var(--arena-edge)}.wizard-pages label{position:relative;display:flex;align-items:center;min-height:max(32px,calc(46 * var(--u)));padding:0 calc(20 * var(--u));color:var(--arena-ink);font:900 max(13px,calc(19 * var(--u))) / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer}.wizard-pages label+label{box-shadow:inset var(--edge) 0 0 var(--arena-edge)}.wizard-pages label:hover:where(:not([data-checked])){background:color-mix(in srgb,var(--arena-ink) 7%,transparent)}.wizard-pages label[data-checked]{background:var(--arena-cyan);box-shadow:none;color:var(--arena-on-accent)}.wizard-pages input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.wizard-pages label:has(input:focus-visible){z-index:1;outline:max(2px,calc(3 * var(--u))) solid var(--arena-ink);outline-offset:calc(-3 * var(--u))}.wizard-jumps button{min-height:max(28px,calc(38 * var(--u)));padding:0 calc(14 * var(--u));border:0;border-radius:0;background:none;box-shadow:inset 0 0 0 var(--edge) var(--arena-edge);color:var(--arena-ink);font:900 max(12px,calc(16 * var(--u))) / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.wizard-jumps button:hover:where(:not(:disabled)){background:color-mix(in srgb,var(--arena-ink) 7%,transparent)}.wizard-group{--head-h: max(30px, calc(36 * var(--u)));min-width:0;margin:0;padding:0;border:0}.wizard-group>legend,.goal-group h2{margin:0;padding:0;color:var(--arena-ink);font:900 max(12px,calc(19 * var(--u))) / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.wizard-group>legend{margin-bottom:calc(2 * var(--u))}[data-step=look] .wizard-group>legend{margin-bottom:0;line-height:var(--head-h)}.wizard-row{--row-pad: calc(43 * var(--u));display:flex;gap:calc(19 * var(--u));min-width:0;margin:0 calc(-1 * var(--row-pad));padding:calc(14 * var(--u)) var(--row-pad);overflow:auto hidden;overscroll-behavior-x:contain;scroll-padding-inline:calc(43 * var(--u));scrollbar-color:var(--arena-ring) transparent;scrollbar-width:thin}.wizard-row[data-more-end]{mask-image:linear-gradient(to left,transparent,var(--arena-on-accent) var(--row-pad))}.wizard-row[data-more-start]{mask-image:linear-gradient(to right,transparent,var(--arena-on-accent) var(--row-pad))}.wizard-row[data-more-start][data-more-end]{mask-image:linear-gradient(to right,transparent,var(--arena-on-accent) var(--row-pad),var(--arena-on-accent) calc(100% - var(--row-pad)),transparent)}.goal-row{gap:calc(43 * var(--u))}.goal-group{display:grid;flex:none;row-gap:calc(14 * var(--u))}.goal-group h2{position:sticky;left:0;justify-self:start}.goal-grid{display:flex;gap:calc(19 * var(--u))}.wizard-paint{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:max(10px,calc(14 * var(--u))) max(12px,calc(18 * var(--u)));margin-top:max(6px,calc(8 * var(--u)))}:is(.wizard-paint,.wizard-stroke) .field{margin:0}:is(.wizard-paint,.wizard-stroke) .field>span:first-child{color:var(--arena-ink);font:900 max(12px,calc(17 * var(--u))) / 1.2 var(--font-label);letter-spacing:.06em;text-transform:uppercase}:is(.wizard-paint,.wizard-stroke) .field :is(input:not([type=color]),.unit,input[type=color]){min-height:max(36px,calc(44 * var(--u)));border-color:var(--arena-ink);font:450 var(--t-body) / 1.2 var(--font-text);font-variant-numeric:tabular-nums}.wizard-paint input[type=color]{flex:none;width:max(44px,calc(56 * var(--u)));height:max(36px,calc(44 * var(--u)));cursor:pointer}.wizard-stroke .unit input{min-height:0}.wizard-stroke input[type=range]{accent-color:var(--arena-ink)}.wizard-frame{display:flex;align-items:center;justify-content:flex-end;height:var(--head-h);margin-top:calc(-1 * var(--head-h))}:is(.wizard-paint,.wizard-stroke,.wizard-frame) :focus-visible{outline:max(2px,calc(3 * var(--u))) solid var(--arena-ink);outline-offset:2px}.wizard-foot{display:flex;flex-wrap:wrap;align-items:center;gap:calc(8 * var(--u)) calc(24 * var(--u))}.wizard-foot .wizard-note{margin-left:auto}:is(.wizard-foot,.wizard-frame) .check{align-items:center;margin:0;color:var(--arena-ink);font:450 var(--t-body) / 1.3 var(--font-text)}:is(.wizard-foot,.wizard-frame) .check input{width:max(18px,calc(21 * var(--u)));height:max(18px,calc(21 * var(--u)));margin:0}.wizard-tile{--tile-w: max(168px, calc(280 * var(--u)));--art-h: max(80px, calc(128 * var(--u)));position:relative;display:flex;flex:none;flex-direction:column;width:var(--tile-w);background:var(--arena-card);color:var(--arena-ink);cursor:pointer}.wizard-tile:after{content:"";position:absolute;inset:0;z-index:2;box-shadow:inset 0 0 0 var(--edge) var(--arena-edge);pointer-events:none}.wizard-tile:hover:after{box-shadow:inset 0 0 0 var(--edge) var(--arena-ring)}.wizard-tile[data-checked]{z-index:1;transform:scale(1.05)}.wizard-tile[data-checked]:after{box-shadow:inset 0 0 0 calc(4 * var(--u)) var(--arena-cyan)}.wizard-tile:has(.tile-radio:focus-visible){outline:max(2px,calc(3 * var(--u))) solid var(--arena-ink);outline-offset:calc(3 * var(--u))}.tile-radio{position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.tile-radio:focus-visible{outline:none}.wizard-tile .mini-badge,.tile-page{flex:none;box-sizing:border-box;width:auto;height:var(--art-h);margin:var(--edge) var(--edge) 0;border:0;border-radius:0;background:var(--shop-light-page)}.wizard-tile .mini-badge{container-type:normal;padding:calc(8 * var(--u)) calc(12 * var(--u))}.tile-page{position:relative;overflow:hidden}.tile-page svg{position:absolute;inset:0;width:100%;height:100%}.tile-page .art-b{fill:var(--shop-light-block)}.tile-page .art-m{fill:var(--shop-light-line)}.tile-page .art-o{fill:none;stroke:var(--shop-light-line)}.tile-page .art-p{fill:var(--shop-light-page);stroke:var(--shop-light-line)}.tile-page .art-slot{fill:var(--shop-light-strong)}.tile-page .art-float{fill:var(--shop-light-page);stroke:var(--shop-light-strong);stroke-width:1;stroke-dasharray:2 2}.tile-page .art-move{fill:none;stroke:var(--shop-light-strong);stroke-width:1.8}.tile-check{position:absolute;top:calc(12 * var(--u));right:calc(12 * var(--u));z-index:2;display:grid;place-items:center;width:max(20px,calc(34 * var(--u)));height:max(20px,calc(34 * var(--u)));background:var(--arena-cyan);opacity:0;scale:.6}.wizard-tile[data-checked] .tile-check{opacity:1;scale:1}.tile-check svg{width:70%;fill:none;stroke:var(--arena-on-accent);stroke-width:2;stroke-linecap:square}.tile-name{margin:calc(14 * var(--u)) calc(16 * var(--u)) 0;overflow:hidden;font:700 max(14px,calc(23 * var(--u))) / 1.15 var(--font-display);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis}.tile-text{display:-webkit-box;margin:calc(8 * var(--u)) calc(16 * var(--u)) 0;overflow:hidden;color:var(--arena-muted);font:450 var(--t-small) / 1.3 var(--font-text);-webkit-box-orient:vertical;-webkit-line-clamp:2}.wizard-tile>:last-child{margin-bottom:calc(16 * var(--u))}:is(.look-grid,.place-row) .wizard-tile{--tile-w: max(132px, calc(236 * var(--u)));--art-h: max(64px, calc(84 * var(--u)))}.place-row .wizard-tile{--tile-w: max(132px, calc(220 * var(--u)));--art-h: max(80px, calc(124 * var(--u)))}:is(.look-grid,.place-row) .tile-name{margin:calc(12 * var(--u)) calc(14 * var(--u)) calc(14 * var(--u));font-size:max(13px,calc(19 * var(--u)))}.look-grid .tile-text{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.look-grid .mini-badge[data-fill] .mini-badge-canvas[data-type]{max-width:180px}.look-grid .tile-check{top:auto;right:calc(10 * var(--u));bottom:calc(10 * var(--u))}.place-row .tile-name{display:-webkit-box;min-height:2.3em;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tile-mark,.place-row .tile-text{position:absolute;top:calc(12 * var(--u));left:calc(12 * var(--u));z-index:2;display:block;margin:0;padding:calc(6 * var(--u)) calc(9 * var(--u));background:var(--arena-solid);box-shadow:inset 0 0 0 var(--edge) var(--arena-ink);color:var(--arena-ink);font:900 max(12px,calc(15 * var(--u))) / 1 var(--font-label);letter-spacing:.07em;text-transform:uppercase}.place-row .tile-text{position:static;align-self:flex-start;margin:calc(-6 * var(--u)) calc(14 * var(--u)) calc(14 * var(--u))}.tile-mark .sr-text{letter-spacing:normal;text-transform:none}.goal-tile{--tile-w: min(78vw, max(300px, calc(400 * var(--u))));display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,1fr)}.goal-tile .mini-badge{grid-column:1 / -1;height:auto;aspect-ratio:14 / 3;padding:2.2% 3.2%}.goal-tile .tile-name{grid-area:2 / 1}.goal-tile .tile-mark{position:static;grid-area:2 / 2;align-self:end;margin:0 calc(16 * var(--u)) 0 0}.goal-tile .tile-text{grid-area:3 / 1 / auto / -1;min-height:2.6em;margin-right:calc(58 * var(--u))}.goal-tile .tile-check{top:auto;right:calc(10 * var(--u));bottom:calc(10 * var(--u))}.wizard-stage{display:grid;grid-template-rows:auto minmax(0,1fr);row-gap:max(8px,calc(12 * var(--u)));padding:max(10px,calc(14 * var(--u)))}.wizard-stage-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px calc(24 * var(--u));min-width:0}.wizard-verify,.wizard-drag{margin:0;color:var(--arena-ink);font:600 var(--t-small) / 1.3 var(--font-text)}.wizard-stage-label{display:flex;gap:calc(12 * var(--u));margin:0;color:var(--arena-muted);font:900 max(12px,calc(16 * var(--u))) / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.wizard-stage-label strong{color:var(--arena-ink)}.wizard-stage .wizard-sketch{container:shop / size;width:100%;height:100%;min-height:0;max-height:none}@container shop (max-height: 230px){.wizard-sketch>.sketch{zoom:.85}}@container shop (max-height: 200px){.wizard-sketch>.sketch{zoom:.7}}.wizard-badge{min-width:0}.wizard-enlarge{display:inline-flex;align-items:center;gap:calc(10 * var(--u));height:max(32px,calc(44 * var(--u)));margin-left:auto;padding:0 calc(16 * var(--u));border:var(--edge) solid var(--arena-ink);border-radius:0;background:none;color:var(--arena-ink);font:900 max(12px,calc(17 * var(--u))) / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.wizard-enlarge:hover{background:var(--arena-ink);color:var(--arena-ink-inverse)}.wizard-enlarge svg{width:max(14px,calc(18 * var(--u)));height:max(14px,calc(18 * var(--u)));fill:none;stroke:currentColor;stroke-width:1.8}.wizard-enlarge:focus-visible{outline:max(2px,calc(3 * var(--u))) solid var(--arena-ink);outline-offset:calc(3 * var(--u))}@media(min-width:1100px)and (orientation:landscape){.wizard-page .bench-body:has([data-step=place],[data-step=look]){--panel-u: min(100cqh / 944, 100cqw / 1160);grid-template-columns:minmax(0,max(440px,calc(560 * var(--panel-u)))) minmax(0,1fr);grid-template-rows:minmax(0,1fr);column-gap:var(--seam)}.wizard-page .bench-body:has([data-step=look]){--panel-u: min(100cqh / 944, 100cqw / 1370);grid-template-columns:minmax(0,max(480px,calc(660 * var(--panel-u)))) minmax(0,1fr)}.bench-body:has([data-step=place],[data-step=look]) .wizard-main{--u: var(--panel-u);--edge: max(1px, calc(1.5 * var(--u)));--t-small: max(12px, calc(17 * var(--u)));--t-body: max(13px, calc(19 * var(--u)));max-height:none;padding:calc(26 * var(--u)) calc(26 * var(--u)) calc(20 * var(--u))}.wizard-step:is([data-step=place],[data-step=look]),:is([data-step=place],[data-step=look]) :is(.wizard-fieldset,.wizard-group){display:flex;flex:1 0 auto;flex-direction:column}:is([data-step=place],[data-step=look]) .wizard-fieldset{align-items:stretch;gap:calc(12 * var(--u))}[data-step=look] .wizard-group:has(.look-grid>:nth-child(6)){flex-grow:2}:is([data-step=place],[data-step=look]) .wizard-note{text-align:left}[data-step=place] .wizard-pages label{flex:1 1 0;justify-content:center}[data-step=place] .wizard-group>legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:is([data-step=place],[data-step=look]) :is(.place-row,.look-grid){display:grid;flex:1 0 auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:calc(12 * var(--u));margin:0;padding:0;overflow:visible;mask-image:none}:is(.place-row,.look-grid) .wizard-tile{--tile-w: auto}:is([data-step=place],[data-step=look]) :is(.mini-badge,.tile-page){flex:1 0 var(--art-h);height:auto}[data-step=place] .place-row .wizard-tile{--art-h: calc(72 * var(--u))}[data-step=look] .look-grid .wizard-tile{--art-h: calc(56 * var(--u))}[data-step=place] .place-row .tile-name{font-size:max(13px,calc(17 * var(--u)));-webkit-line-clamp:3}:is([data-step=place],[data-step=look]) .tile-check{top:0;right:0;bottom:auto;width:max(18px,calc(28 * var(--u)));height:max(18px,calc(28 * var(--u)))}[data-step=look] .look-grid:not(.is-logos) .mini-badge[data-fill] .mini-badge-canvas[data-type]{max-width:110px}[data-step=place] .place-row:not(:has(>:nth-child(4))){grid-template-columns:minmax(0,1fr)}[data-step=place] .place-row:not(:has(>:nth-child(4))) .tile-name{min-height:0}[data-step=place] .place-row:has(>.wizard-tile>[value=free]){grid-template-rows:1fr 1fr auto}[data-step=place] .wizard-tile:has(>[value=free]){grid-column:1 / -1;flex-direction:row;align-items:center}[data-step=place] .wizard-tile:has(>[value=free]) .tile-page{flex:none;align-self:stretch;width:calc((100% - 24 * var(--u)) / 3);min-height:var(--art-h);margin-bottom:var(--edge)}[data-step=place] .wizard-tile:has(>[value=free]) .tile-name{flex:1 1 0;min-height:0;margin:0 calc(16 * var(--u))}@container (max-aspect-ratio: 5 / 4){[data-step=place] .place-row:has(>:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}[data-step=place] .place-row:has(>:nth-child(4)):has(>.wizard-tile>[value=free]){grid-template-rows:1fr 1fr 1fr auto}}[data-step=place] .place-row:not(:has(>:nth-child(4))) .wizard-tile[data-checked],[data-step=place] .wizard-tile[data-checked]:has(>[value=free]){transform:none}[data-step=look] .look-grid{grid-template-columns:repeat(4,minmax(0,1fr))}[data-step=look] .look-grid:has(>:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))}[data-step=look] .look-grid.is-logos{grid-template-columns:repeat(2,minmax(0,1fr))}[data-step=look] .wizard-paint{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:calc(12 * var(--u));margin-top:calc(10 * var(--u))}[data-step=look] .wizard-paint .field{gap:calc(4 * var(--u))}[data-step=look] .wizard-paint .field :is(input:not([type=color]),input[type=color]){height:var(--head-h);min-height:0}[data-step=look] .wizard-paint .field input[type=color]{width:var(--head-h);min-width:0}[data-step=look] .wizard-paint .field input:not([type=color]){padding:0 calc(8 * var(--u));font-size:var(--t-small)}[data-step=look] .wizard-stroke{width:72%;margin:calc(-1 * var(--head-h)) 0 0 auto}[data-step=look] .wizard-stroke .field{flex-direction:row;align-items:center;gap:calc(14 * var(--u));height:var(--head-h)}[data-step=look] .wizard-stroke .field>span:first-child{flex:none;white-space:nowrap}[data-step=look] .wizard-stroke .slider-field{flex:1 1 0}[data-step=look] .wizard-stroke .field :is(.unit,input[type=range]){height:var(--head-h);min-height:0}[data-step=look] .wizard-stroke .slider-field .unit{flex-basis:max(86px,calc(100 * var(--u)))}[data-step=look] .wizard-stroke .unit input{padding:0 0 0 calc(10 * var(--u))}.wizard-page .bench-body:has([data-step=goal]){grid-template-rows:minmax(0,1fr)}.bench-body:has([data-step=goal]) .wizard-main{max-height:none}.wizard-step[data-step=goal]{display:grid;flex:1 1 auto;min-height:0}[data-step=goal] .wizard-fieldset{grid-template-rows:auto minmax(0,1fr) auto;min-height:0}[data-step=goal] .goal-row{display:grid;grid-template-columns:repeat(var(--fill-cols, auto-fill),minmax(max(400px,calc(480 * var(--u))),1fr));grid-auto-rows:1fr;align-self:stretch;gap:calc(19 * var(--u));min-height:0;overflow:hidden auto;overscroll-behavior:contain;scroll-padding-block:calc(14 * var(--u))}[data-step=goal] .goal-row[data-more-below]{mask-image:linear-gradient(to top,transparent,var(--arena-on-accent) var(--row-pad))}[data-step=goal] .goal-row[data-more-above]{mask-image:linear-gradient(to bottom,transparent,var(--arena-on-accent) var(--row-pad))}[data-step=goal] .goal-row[data-more-above][data-more-below]{mask-image:linear-gradient(to bottom,transparent,var(--arena-on-accent) var(--row-pad),var(--arena-on-accent) calc(100% - var(--row-pad)),transparent)}[data-step=goal] :is(.goal-group,.goal-grid){display:contents}[data-step=goal] .goal-group h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-step=goal] .goal-tile{--tile-w: auto}[data-step=goal] .goal-tile[data-checked]{transform:none}[data-step=goal] .wizard-verify{margin-top:calc(-4 * var(--u))}.bench-body:has(.wizard-stage[data-large]){grid-template-columns:minmax(0,1fr)}.bench-body:has(.wizard-stage[data-large]) .wizard-main{display:none}.wizard-stage-head:has(.wizard-drag~.wizard-enlarge){display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:calc(4 * var(--u)) calc(24 * var(--u))}.wizard-stage-head:has(.wizard-drag~.wizard-enlarge)>.wizard-stage-label{grid-area:1 / 1 / span 2}.wizard-stage-head:has(.wizard-drag~.wizard-enlarge)>.wizard-enlarge{grid-area:1 / 3 / span 2}.wizard-stage-head:has(.wizard-drag~.wizard-enlarge)>:is(.wizard-drag,.wizard-verify){grid-column:2}}.wizard-bar{height:calc(84 * var(--u));min-height:58px}body:has(.wizard-bar) .toast-stack{translate:0 calc(-34px - max(58px,84 * min(var(--u-cap),100vw / 1536,100dvh / 944)))}.wizard-bar-summary{display:-webkit-box;flex:1 1 0;min-width:0;margin:0;overflow:hidden;color:var(--arena-ink);font:450 var(--t-body) / 1.3 var(--font-text);-webkit-box-orient:vertical;-webkit-line-clamp:2}.wizard-bar button:disabled{opacity:.6}.wizard-bar .band-save:disabled:hover{background:none;color:var(--arena-ink)}.wizard-page .bench-waiting{padding:calc(34 * var(--u)) calc(43 * var(--u)) calc(34 * var(--u));gap:calc(44 * var(--u))}.wizard-page .bench-wait-tabs{width:calc(460 * var(--u));height:calc(27 * var(--u))}.wizard-page .bench-waiting:after{content:"";height:calc(260 * var(--u));background:color-mix(in srgb,var(--arena-ink) 8%,transparent)}@media(prefers-reduced-motion:no-preference){.wizard-tile{transition:transform .2s var(--ease-out)}.wizard-tile:after{transition:box-shadow .2s var(--ease-out)}.tile-check{transition:opacity var(--motion-exit) var(--ease-in),scale var(--motion-exit) var(--ease-in)}.wizard-tile[data-checked] .tile-check{transition:opacity var(--motion-fast) var(--ease-out) .12s,scale var(--motion-fast) var(--ease-out) .12s}.wizard-step[data-entering]{animation:wizard-step-in .24s var(--ease-out)}.wizard-sketch .sketch-slot{animation:wizard-fade var(--motion-fast) var(--ease-out)}.wizard-sketch .sketch-slot.is-moving{animation:wizard-move .24s var(--ease-out)}}@media(prefers-reduced-motion:reduce){.wizard-step[data-entering]{animation:wizard-fade var(--motion-fast) var(--ease-out)}}@keyframes wizard-fade{0%{opacity:0}}@keyframes wizard-move{0%{transform:translate(var(--flip-x, 0),var(--flip-y, 0))}}@keyframes wizard-step-in{0%{opacity:0;transform:translate(calc(24 * var(--u)))}}@media(max-width:1099px),(orientation:portrait){.wizard-enlarge{display:none}.wizard-page .bench-head{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"back title" "steps steps";align-items:center;column-gap:16px;row-gap:12px}.wizard-page .bench-head:not(:has(.wizard-steps)):after{grid-area:steps;width:auto;height:44px}.wizard-steps{grid-area:steps;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:start;gap:14px;padding-top:12px;box-shadow:inset 0 1px 0 var(--arena-rule)}.wizard-steps li+li:before{top:13px;width:10px;margin-right:2px}.wizard-steps button{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:6px 8px;width:100%;min-height:44px}.wizard-steps-text{display:contents}.wizard-steps-text small{display:-webkit-box;grid-column:1 / -1;max-width:none;font-size:12px;line-height:1.25;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.wizard-page .bench-body{display:flex}.wizard-main{max-height:none;overflow:visible;padding:22px 20px 16px;background:var(--arena-solid)}.wizard-fieldset{grid-template-columns:minmax(0,1fr);gap:8px}.wizard-note{justify-self:start;text-align:left}.wizard-jumps{flex-wrap:nowrap;justify-content:flex-start;margin:0 -20px;padding:0 20px;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,var(--arena-on-accent) calc(100% - 40px),transparent)}.wizard-jumps button{flex:none;min-height:36px}.wizard-row{--row-pad: 20px;padding:8px 20px;scroll-padding-inline:20px}.look-grid .wizard-tile{--art-h: 56px}.goal-row{gap:24px}.wizard-pages{justify-self:stretch}.wizard-pages label{flex:1 1 0;justify-content:center;min-height:44px;padding:0 8px;font-size:13px}:is(.wizard-foot,.wizard-frame) .check{min-height:44px}.wizard-stage .wizard-sketch{height:260px}.wizard-stage{grid-template-rows:none}.wizard-stage-head{display:contents}.wizard-verify{order:1}.wizard-bar{display:flex;gap:8px;height:auto;min-height:0}body:has(.wizard-bar) .toast-stack{translate:0 calc(-64px - env(safe-area-inset-bottom))}.wizard-bar-summary{display:none}.wizard-defaults{flex:0 1 112px;min-width:0;padding:0 10px;font-size:13px;line-height:1.05;white-space:normal}.wizard-back{flex:none;padding:0 14px}.wizard-next{flex:1 1 0}.wizard-page .bench-waiting:after{height:200px}}.switch-page .bench-body{grid-template-columns:minmax(0,1fr)}.switch-window{--node: max(26px, calc(39 * var(--u)));--step-gap: calc(24 * var(--u));box-sizing:border-box;overflow:hidden auto;overscroll-behavior:contain;padding:calc(34 * var(--u)) calc(43 * var(--u)) calc(38 * var(--u));scrollbar-color:var(--arena-ring) transparent;scrollbar-width:thin}.switch-lead{max-width:70ch;margin:0 0 calc(30 * var(--u));padding-left:calc(var(--node) + var(--step-gap));color:var(--arena-muted);font:450 var(--t-body) / 1.35 var(--font-text);text-wrap:pretty}.switch-window>*{flex:none}.switch-step{position:relative;padding-left:calc(var(--node) + var(--step-gap))}.switch-step:first-of-type{display:flex;flex:1 0 auto;flex-direction:column}.switch-step+.switch-step{margin-top:calc(66 * var(--u))}.switch-step:not(:last-child):before{content:"";position:absolute;top:calc(var(--node) + 10 * var(--u));bottom:calc(-56 * var(--u));left:calc((var(--node) - var(--edge)) / 2);width:var(--edge);background:var(--arena-edge)}.switch-step:has(+.switch-step[data-done]):before{--track: max(2px, calc(3 * var(--u)));left:calc((var(--node) - var(--track)) / 2);width:var(--track);background:var(--arena-cyan)}.switch-step>h2{display:flex;align-items:center;gap:var(--step-gap);min-height:var(--node);margin:0 0 0 calc(-1 * (var(--node) + var(--step-gap)));color:var(--arena-ink);font:900 max(15px,calc(27 * var(--u))) / 1 var(--font-label);letter-spacing:.11em;text-transform:uppercase}.switch-node{display:grid;flex:none;place-items:center;width:var(--node);height:var(--node);border-radius:50%;background:var(--arena-light);box-shadow:inset 0 0 0 var(--edge) var(--arena-ring);color:var(--arena-on-accent);font:900 max(12px,calc(18 * var(--u))) / 1 var(--font-label);font-variant-numeric:tabular-nums;letter-spacing:0;scale:.9}.switch-step[data-done] .switch-node{background:var(--arena-cyan);box-shadow:none;scale:1}.switch-text{max-width:70ch;margin:calc(14 * var(--u)) 0 0;font:450 var(--t-body) / 1.4 var(--font-text);text-wrap:pretty}.switch-bring{display:grid;flex:1 0 auto;grid-template-columns:minmax(0,440fr) minmax(0,567fr);gap:calc(24 * var(--u));margin-top:calc(24 * var(--u))}.switch-source{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:calc(18 * var(--u));min-width:0}.switch-source .field{gap:calc(10 * var(--u));margin:0}.switch-source .field>span:first-child,.switch-show>span,.switch-new-title{color:var(--arena-ink);font:900 var(--t-label) / 1.1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.switch-source .field textarea{flex:1 1 auto;box-sizing:border-box;padding:calc(14 * var(--u)) calc(16 * var(--u));border:var(--edge) solid var(--arena-edge);border-radius:0;background:var(--arena-card);box-shadow:none;color:var(--arena-ink);font:450 var(--t-body) / 1.45 var(--font-text);resize:none;scrollbar-color:var(--arena-ring) transparent;scrollbar-width:thin}.switch-source .field textarea:focus-visible{--focus: max(2px, calc(2.5 * var(--u)));outline:var(--focus) solid var(--arena-ink);outline-offset:calc(-1 * var(--focus));box-shadow:none}.switch-source .field small{color:var(--arena-muted);font:450 var(--t-small) / 1.4 var(--font-text)}.switch-show{display:flex;flex-wrap:wrap;align-items:center;gap:calc(10 * var(--u)) calc(16 * var(--u))}.switch-show .wizard-pages{justify-self:auto}.switch-new{display:flex;flex-direction:column;gap:calc(10 * var(--u));min-width:0;contain:size}.switch-new-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(4 * var(--u)) calc(14 * var(--u));margin:0}.switch-new-title small{color:var(--arena-muted);font:600 var(--t-small) / 1.2 var(--font-text);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none}.switch-drafts{display:grid;flex:1 1 auto;grid-template-columns:repeat(var(--fill-cols, auto-fill),minmax(max(150px,calc(170 * var(--u))),1fr));align-content:start;gap:calc(19 * var(--u));min-height:0;margin:0;padding:0;overflow:hidden auto;list-style:none;scrollbar-color:var(--arena-ring) transparent;scrollbar-width:thin}.switch-drafts[data-more-start]{mask-image:linear-gradient(to bottom,transparent,var(--arena-on-accent) calc(40 * var(--u)))}.switch-drafts[data-more-end]{mask-image:linear-gradient(to top,transparent,var(--arena-on-accent) calc(40 * var(--u)))}.switch-drafts[data-more-start][data-more-end]{mask-image:linear-gradient(to bottom,transparent,var(--arena-on-accent) calc(40 * var(--u)) calc(100% - 40 * var(--u)),transparent)}.switch-card.wizard-tile{--art-h: max(120px, calc(200 * var(--u)));width:auto;min-width:0;cursor:default}.switch-card.wizard-tile:hover:after{box-shadow:inset 0 0 0 var(--edge) var(--arena-edge)}.switch-drafts[data-fill]{grid-template-columns:repeat(var(--fill-cols),minmax(0,1fr));grid-auto-rows:minmax(min-content,1fr);align-content:stretch}.switch-drafts[data-fill] .mini-badge{flex:1 1 0;height:auto;min-height:calc(.4 * var(--art-h));contain:size}.switch-drafts[data-fill=rows] .switch-card{display:grid;grid-template-columns:minmax(0,1fr) max(170px,calc(280 * var(--u)));grid-template-rows:1fr 1fr}.switch-drafts[data-fill=rows] .mini-badge{grid-row:1 / -1;margin:var(--edge) 0 var(--edge) var(--edge)}.switch-drafts[data-fill=rows] .tile-name{align-self:end;margin-top:0}.switch-drafts[data-fill=rows] .tile-text{margin-bottom:0}.switch-card .mini-badge{color:var(--shop-light-strong)}.switch-card .tile-name{display:-webkit-box;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.switch-empty{display:grid;flex:1 1 auto;place-items:center;margin:0;padding:calc(24 * var(--u));border:var(--edge) dashed var(--arena-ring);color:var(--arena-muted);font:450 var(--t-body) / 1.4 var(--font-text);text-align:center;text-wrap:balance}.switch-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(14 * var(--u)) calc(24 * var(--u));margin-top:calc(24 * var(--u))}.switch-hint{flex:1 1 calc(360 * var(--u));max-width:60ch;margin:0;color:var(--arena-muted);font:450 var(--t-small) / 1.4 var(--font-text)}.switch-window button:disabled{opacity:.6}.switch-window .band-save:disabled:hover{background:none;color:var(--arena-ink)}.switch-window .bench-publish:disabled:hover{background:var(--arena-orange)}.switch-note,.switch-error{max-width:70ch;margin:calc(18 * var(--u)) 0 0;padding:calc(12 * var(--u)) calc(16 * var(--u));font:450 var(--t-small) / 1.45 var(--font-text)}.switch-note{background:var(--arena-solid);box-shadow:inset 0 0 0 1.5px var(--arena-ink);color:var(--arena-ink)}.switch-error{background:var(--error-bg);box-shadow:inset 0 0 0 1.5px var(--error-line);color:var(--error-ink)}.switch-actions{margin-top:calc(20 * var(--u))}@media(min-width:1100px)and (orientation:landscape){.switch-read{height:max(40px,calc(46 * var(--u)));font-size:max(13px,calc(19 * var(--u)))}}.switch-result{margin-top:calc(28 * var(--u));padding-top:calc(24 * var(--u));box-shadow:inset 0 1px 0 var(--arena-rule)}.switch-result h3{margin:0;font:700 max(15px,calc(23 * var(--u))) / 1.15 var(--font-display);letter-spacing:-.01em}.switch-result h3:focus{outline:none}.switch-result h3:focus-visible{outline:max(2px,calc(3 * var(--u))) solid var(--arena-ink);outline-offset:4px}.switch-result>p{max-width:70ch;margin:calc(12 * var(--u)) 0 0;font:450 var(--t-body) / 1.4 var(--font-text)}.switch-apps{margin:calc(20 * var(--u)) 0 0;padding:0;list-style:none}.switch-apps>li{padding:calc(18 * var(--u)) 0;box-shadow:inset 0 1px 0 var(--arena-rule)}.switch-apps>li:last-child{box-shadow:inset 0 1px 0 var(--arena-rule),inset 0 -1px 0 var(--arena-rule)}.switch-apps h4{display:flex;flex-wrap:wrap;align-items:center;gap:calc(6 * var(--u)) calc(14 * var(--u));margin:0 0 calc(10 * var(--u));font:700 var(--t-body) / 1.2 var(--font-display)}.switch-apps code{color:var(--arena-muted);font-size:var(--t-small);font-weight:400;overflow-wrap:anywhere}.switch-tag{padding:calc(6 * var(--u)) calc(10 * var(--u));background:var(--arena-solid);box-shadow:inset 0 0 0 var(--edge) var(--arena-ink);color:var(--arena-ink);font:900 max(12px,calc(15 * var(--u))) / 1 var(--font-label);letter-spacing:.07em;text-transform:uppercase}.switch-apps ul{margin:0;padding:0;list-style:none}.switch-apps ul li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:calc(6 * var(--u)) calc(24 * var(--u));padding:calc(8 * var(--u)) 0;font:450 var(--t-small) / 1.4 var(--font-text)}.switch-links{display:flex;flex-wrap:wrap;gap:calc(6 * var(--u)) calc(22 * var(--u))}.switch-links a{display:inline-flex;align-items:center;gap:6px;min-height:32px;color:var(--arena-ink);font:900 var(--t-label) / 1 var(--font-label);letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.switch-result a svg{flex:none;width:max(9px,calc(12 * var(--u)));height:max(9px,calc(12 * var(--u)));margin-left:4px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;vertical-align:baseline}.switch-result a{color:var(--arena-ink);text-underline-offset:4px}.switch-links a:hover{text-decoration:underline;text-decoration-thickness:2px}.switch-result a:hover{text-decoration-thickness:2px}.switch-result a:focus-visible,.switch-result .link-button:focus-visible{outline:max(2px,calc(3 * var(--u))) solid var(--arena-ink);outline-offset:2px}.switch-page .bench-waiting,.switch-page .bench-failed{box-sizing:border-box}.switch-page .bench-waiting{--lane: calc(63 * var(--u));--field: calc((100% - 24 * var(--u)) * 440 / 1007);--wait: color-mix(in srgb, var(--arena-ink) 8%, transparent);align-self:stretch;gap:calc(77 * var(--u));padding:calc(115 * var(--u)) calc(43 * var(--u)) calc(38 * var(--u)) calc(43 * var(--u) + var(--lane))}.switch-page .bench-wait-tabs{flex:none;width:calc(460 * var(--u));height:calc(27 * var(--u))}.switch-page .bench-waiting:after{content:"";flex:1 0 calc(450 * var(--u));margin-bottom:calc(321 * var(--u));background:linear-gradient(to right,var(--wait) var(--field),transparent var(--field) calc(var(--field) + 24 * var(--u)),var(--wait) calc(var(--field) + 24 * var(--u)))}.switch-page .bench-preview-wait{display:none}@media(prefers-reduced-motion:no-preference){.switch-card{animation:switch-card-in .2s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 40ms)}.switch-node{transition:background .2s var(--ease-out),box-shadow .2s var(--ease-out),scale .2s var(--ease-out)}.switch-result{animation:switch-result-in var(--motion-base) var(--ease-out)}}@media(prefers-reduced-motion:reduce){.switch-result{animation:switch-fade var(--motion-base) var(--ease-out)}}@keyframes switch-card-in{0%{opacity:0;transform:translateY(calc(8 * var(--u)))}}@keyframes switch-result-in{0%{opacity:0;transform:translateY(calc(8 * var(--u)))}}@keyframes switch-fade{0%{opacity:0}}@media(max-width:1099px),(orientation:portrait){.switch-page .bench-body{display:block}.switch-window{--node: 28px;--step-gap: 12px;overflow:visible;padding:22px 20px 24px;background:var(--arena-solid)}.switch-lead{margin-bottom:22px;padding-left:0}.switch-step{padding-left:0}.switch-step+.switch-step{margin-top:32px;padding-top:24px;box-shadow:inset 0 1px 0 var(--arena-rule)}.switch-step:not(:last-child):before{content:none}.switch-step>h2{margin-left:0;font-size:17px;letter-spacing:.08em}.switch-text{margin-top:12px}.switch-bring{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:18px}.switch-source .field textarea{resize:vertical}.switch-show .wizard-pages{flex:1 1 100%}.switch-new{min-height:0;contain:none}.switch-drafts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible}.switch-drafts[data-more-start],.switch-drafts[data-more-end]{mask-image:none}.switch-empty{min-height:120px}.switch-create{flex:1 1 100%;height:56px;font-size:17px}.switch-read{width:100%}.switch-links a{min-height:44px}.switch-page .bench-waiting{gap:24px;padding:22px 20px}.switch-page .bench-waiting:after{flex:none;height:320px;margin-bottom:0;background:var(--wait)}}.analytics-page{--wait: color-mix(in srgb, var(--arena-ink) 8%, transparent)}.analytics-page .bench-body{grid-template-columns:minmax(0,1fr)}.analytics-page :is(.stats-window,.bench-waiting){--name: calc(220 * var(--u));--col-gap: calc(28 * var(--u))}@media(min-width:1100px)and (orientation:landscape){.stats-window{--edge: max(1px, calc(1.5 * var(--u)));--t-small: max(12px, calc(17 * var(--u)));--t-body: max(13px, calc(19 * var(--u)));--t-label: max(12px, calc(19 * var(--u)))}}.stats-window{--node: max(18px, calc(26 * var(--u)));--tag: 900 max(12px, calc(15 * var(--u))) / 1 var(--font-label);display:block;align-self:stretch;overflow:hidden auto;overscroll-behavior:contain;padding:calc(34 * var(--u)) calc(43 * var(--u)) calc(38 * var(--u));scrollbar-color:var(--arena-ring) transparent;scrollbar-width:thin;font-variant-numeric:tabular-nums}.analytics-page:has(.stats-window[aria-busy=true])>.page-footer{visibility:hidden}.stats-period{display:flex;flex-direction:row;align-items:center;gap:calc(14 * var(--u));margin:0}.stats-period>span:first-child{color:var(--arena-muted);font:900 var(--t-label) / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.stats-period .select{width:max(170px,calc(250 * var(--u)))}.stats-period select,.stats-custom .field input{box-sizing:border-box;min-height:max(32px,calc(38 * var(--u)));padding-left:calc(14 * var(--u));border:var(--edge) solid var(--arena-edge);border-radius:0;background:var(--arena-card);color:var(--arena-ink);font:600 var(--t-body) / 1 var(--font-text)}.stats-period select:hover,.stats-custom .field input:hover{border-color:var(--arena-ring)}.stats-period select:focus-visible,.stats-custom .field input:focus-visible{--focus: max(2px, calc(2.5 * var(--u)));outline:var(--focus) solid var(--arena-ink);outline-offset:calc(-1 * var(--focus));box-shadow:none}.stats-period .ui-icon{color:var(--arena-ink)}.stats-custom{display:flex;flex-wrap:wrap;align-items:end;gap:calc(16 * var(--u)) calc(20 * var(--u));margin:0 0 calc(30 * var(--u))}.stats-custom .field{gap:calc(10 * var(--u));margin:0}.stats-custom .field>span:first-child{color:var(--arena-ink);font:900 var(--t-label) / 1.1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.stats-custom .field input{min-height:max(40px,calc(46 * var(--u)));padding-right:calc(14 * var(--u))}.stats-custom .band-save{height:max(40px,calc(46 * var(--u)))}.stats-custom .band-save:disabled{opacity:.6}.stats-error{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(8 * var(--u)) calc(24 * var(--u));max-width:70ch;margin:0 0 calc(24 * var(--u));padding:calc(12 * var(--u)) calc(16 * var(--u));border:0;border-radius:0;background:var(--error-bg);box-shadow:inset 0 0 0 1.5px var(--error-line);color:var(--error-ink);font:450 var(--t-small) / 1.45 var(--font-text)}.stats-error p{margin:0}.stats-sentence{margin:0 0 calc(34 * var(--u));color:var(--arena-ink);font:700 max(22px,calc(44 * var(--u))) / 1.1 var(--font-display);letter-spacing:-.02em;text-wrap:balance;text-box:trim-both cap alphabetic}.stats-sentence:focus{outline:none}.stats-sentence:focus-visible{outline:max(2px,calc(2.5 * var(--u))) solid var(--arena-ink);outline-offset:calc(8 * var(--u))}.stats-when{color:var(--arena-muted)}.stats-sentence-wait{display:inline-block;width:min(60%,calc(620 * var(--u)));height:max(16px,calc(32 * var(--u)));background:var(--wait)}.stats-time{display:grid;grid-template-columns:var(--name) minmax(0,1fr);column-gap:var(--col-gap);row-gap:calc(30 * var(--u));margin:0 0 calc(46 * var(--u));padding-top:calc(30 * var(--u));box-shadow:inset 0 1px 0 var(--arena-rule)}.stats-lane{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:start}.stats-lane-name{margin:0;color:var(--arena-ink);font:900 var(--t-label) / 1.15 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.stats-lane-head{display:grid;justify-items:start;gap:calc(12 * var(--u));min-width:0}.stats-lane-body{min-width:0}.stats-track{position:relative;height:calc(64 * var(--u))}.stats-track:before,.stats-span{content:"";position:absolute;top:70%;right:0;translate:0 -50%}.stats-track:before{left:0;height:var(--edge);background:var(--arena-ring)}.stats-span{left:calc(var(--start) * 100%);height:max(4px,calc(7 * var(--u)));background:var(--arena-cyan);transform-origin:left center}.stats-node{position:absolute;top:70%;left:calc(var(--at) * 100%);width:var(--node);height:var(--node);translate:-50% -50%;border-radius:50%;background:var(--arena-cyan)}.stats-node-name,.stats-track-note,.stats-since{position:absolute;color:var(--arena-ink);font:var(--tag);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.stats-node-name{bottom:calc(30% + var(--node) / 2 + 10 * var(--u));left:calc(var(--at) * 100%);translate:-50% 0}.stats-track-note{bottom:calc(30% + 16 * var(--u));left:50%;translate:-50% 0;color:var(--arena-muted)}.stats-wait{position:absolute;top:70%;right:0;box-sizing:border-box;width:var(--node);height:var(--node);translate:0 -50%;border:max(3px,calc(5 * var(--u))) solid var(--arena-cyan);border-radius:50%;background:var(--arena-solid)}.stats-wait-name{right:0;left:auto;translate:0 0}.stats-first{grid-template-rows:auto 1fr;row-gap:calc(14 * var(--u))}.stats-first>.stats-lane-body{grid-row:1 / span 2;grid-column:2}.stats-first>.stats-quiet{grid-row:2;grid-column:1;place-self:start}.stats-reason{max-width:62ch;margin-top:calc(10 * var(--u));color:var(--arena-muted);font:450 var(--t-body) / 1.45 var(--font-text)}.stats-reason p{margin:0;text-wrap:pretty}.stats-reason-state{color:var(--arena-ink);font-weight:600}.stats-reason-state b{font-weight:700}.stats-reason-state+p{margin-top:calc(4 * var(--u))}:is(.stats-node-name,.stats-since)[data-anchor=start]{translate:calc(-1 * var(--node) / 2) 0}:is(.stats-node-name,.stats-since)[data-anchor=end]{translate:calc(-100% + var(--node) / 2) 0}.stats-sales-sum{margin:0 0 calc(14 * var(--u));color:var(--arena-ink);font:700 max(15px,calc(26 * var(--u))) / 1.15 var(--font-display);letter-spacing:-.01em;text-wrap:balance}.stats-lane-note{margin:0;color:var(--arena-muted);font:450 var(--t-small) / 1.35 var(--font-text)}.stats-on{justify-self:stretch;min-width:0;margin-top:calc(4 * var(--u))}.stats-quiet{height:max(32px,calc(40 * var(--u)));min-width:0;padding:0 calc(16 * var(--u));font-size:max(12px,calc(17 * var(--u)))}.stats-quiet[aria-disabled=true]{opacity:.6}.stats-error .stats-quiet{padding:0 calc(16 * var(--u));border:var(--edge) solid var(--arena-ink);color:var(--arena-ink)}.stats-error .stats-quiet:hover{background:var(--arena-ink);color:var(--arena-ink-inverse)}.stats-sales .stats-error{margin:0}.stats-plot,.stats-free{position:relative;box-sizing:border-box;height:calc(170 * var(--u))}.stats-plot{box-shadow:inset 0 calc(-1 * var(--edge)) 0 var(--arena-ink)}.stats-plot-wait{background:linear-gradient(to top,var(--wait) var(--edge),transparent 0);box-shadow:none}.stats-bars{position:absolute;inset:auto 0 0;display:block;width:100%;height:calc(100% - max(22px,calc(34 * var(--u))));overflow:visible}.stats-bars rect{fill:var(--arena-ink)}.stats-since{top:0;bottom:0;left:calc(var(--at) * 100%);padding-left:calc(10 * var(--u));translate:0 0;box-shadow:inset var(--edge) 0 0 var(--arena-ring)}.stats-since[data-anchor=end]{padding:0 calc(10 * var(--u)) 0 0;translate:-100% 0;box-shadow:inset calc(-1 * var(--edge)) 0 0 var(--arena-ring)}.stats-since[data-anchor=start]{translate:0 0}.stats-plot-note{position:absolute;inset:auto 0 calc(24 * var(--u));margin:0;color:var(--arena-muted);font:450 var(--t-body) / 1.4 var(--font-text);text-align:center}.stats-free{display:grid;place-items:center;height:calc(154 * var(--u));margin-bottom:calc(16 * var(--u));padding:0 calc(48 * var(--u));border:var(--edge) dashed var(--arena-ring);color:var(--arena-muted);font:450 var(--t-body) / 1.45 var(--font-text);text-align:center}.stats-free+.stats-axis{box-shadow:inset 0 var(--edge) 0 var(--arena-ring)}.stats-free p{max-width:62ch;margin:0;text-wrap:pretty}.stats-plot-foot{max-width:80ch;margin:calc(14 * var(--u)) 0 0;color:var(--arena-muted);font:450 var(--t-small) / 1.4 var(--font-text)}.stats-axis{position:relative;height:calc(46 * var(--u))}.stats-axis i{position:absolute;top:0;left:calc(var(--at) * 100%);width:1px;height:calc(9 * var(--u));background:var(--arena-ring)}.stats-axis i[data-month]{height:calc(16 * var(--u));background:var(--arena-muted)}.stats-month,.stats-end{position:absolute;top:calc(24 * var(--u));color:var(--arena-muted);font:var(--tag);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.stats-month{left:calc(var(--at) * 100%);translate:-50% 0}.stats-end{color:var(--arena-ink)}.stats-end[data-end=start]{left:0}.stats-end[data-end=end]{right:0}.stats-badges h2{margin:0 0 calc(16 * var(--u));color:var(--arena-ink);font:900 var(--t-label) / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.stats-scroll{overflow-x:auto;scrollbar-color:var(--arena-ring) transparent;scrollbar-width:thin}.stats-table{--chev: max(12px, calc(16 * var(--u)));width:100%;border-collapse:collapse;color:var(--arena-ink);font:450 var(--t-body) / 1.3 var(--font-text)}.stats-table th{padding:0 calc(16 * var(--u)) calc(12 * var(--u));box-shadow:inset 0 calc(-1 * var(--edge)) 0 var(--arena-ink);color:var(--arena-muted);font:900 max(12px,calc(15 * var(--u))) / 1 var(--font-label);letter-spacing:.07em;text-align:left;text-transform:uppercase;white-space:nowrap}.stats-table td{padding:calc(15 * var(--u)) calc(16 * var(--u));box-shadow:inset 0 -1px 0 var(--arena-rule);vertical-align:baseline}.stats-table :is(th,td):first-child{padding-left:0}.stats-table :is(th,td):last-child{padding-right:0}.stats-table .num{font-weight:600;text-align:right;white-space:nowrap}.stats-table td>button{display:inline-flex;align-items:baseline;gap:calc(10 * var(--u));min-height:0;padding:0;border:0;border-radius:0;background:none;color:var(--arena-ink);font:600 var(--t-body) / 1.3 var(--font-text);text-align:left}.stats-table td>button:hover{background:none}.stats-table td>button:hover span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.stats-table td>button:active{transform:none}.stats-table td>button .ui-icon{flex:none;width:var(--chev);height:var(--chev);align-self:center;rotate:-90deg}.stats-table td>button[aria-expanded=true] .ui-icon{rotate:0deg}.stats-name{display:inline-block;padding-left:calc(var(--chev) + 10 * var(--u));font-weight:600}.stats-table [data-removed] :is(.stats-name,button){color:var(--arena-muted)}.stats-table small{display:block;color:var(--arena-muted);font:450 var(--t-small) / 1.3 var(--font-text)}.stats-table [data-item-row] td{padding-top:calc(10 * var(--u));padding-bottom:calc(10 * var(--u));font-size:var(--t-small)}.stats-table [data-item-row] td:first-child{padding-left:calc(var(--chev) + 10 * var(--u))}.stats-action,.stats-empty{color:var(--arena-muted)}.stats-foot{max-width:80ch;margin:calc(18 * var(--u)) 0 0;color:var(--arena-muted);font:450 var(--t-small) / 1.4 var(--font-text)}.analytics-page .bench-head:not(:has(.stats-period)):after{content:"";width:calc(326 * var(--u));height:max(32px,calc(38 * var(--u)))}.analytics-page:has(.bench-waiting) .bench-head:after{background:linear-gradient(to right,transparent calc(76 * var(--u)),var(--wait) 0)}.analytics-page .bench-waiting{align-self:stretch;box-sizing:border-box;gap:calc(18 * var(--u));padding:calc(34 * var(--u)) calc(43 * var(--u)) calc(38 * var(--u))}.analytics-page .bench-wait-tabs{width:min(100%,calc(620 * var(--u)));height:max(16px,calc(32 * var(--u)))}.analytics-page .bench-waiting:after{content:"";height:calc(514 * var(--u));margin-top:calc(46 * var(--u));background:linear-gradient(var(--wait),var(--wait)) 0 calc(364 * var(--u)) / 100% calc(110 * var(--u)) no-repeat,linear-gradient(to right,var(--wait) var(--name),transparent var(--name) calc(var(--name) + var(--col-gap)),var(--wait) calc(var(--name) + var(--col-gap))) 0 0 / 100% calc(300 * var(--u)) no-repeat}.analytics-page .bench-preview-wait{display:none}@media(prefers-reduced-motion:no-preference){.stats-span{animation:stats-draw .32s var(--ease-out) both}.stats-node,.stats-wait{animation:stats-node .2s var(--ease-out) .2s both}.stats-bars rect{transform-box:fill-box;transform-origin:50% 100%;animation:stats-rise .24s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 8ms)}.stats-table td>button .ui-icon{transition:rotate var(--motion-fast) var(--ease-out)}}@keyframes stats-draw{0%{transform:scaleX(0)}}@keyframes stats-node{0%{opacity:0;scale:.9}}@keyframes stats-rise{0%{transform:scaleY(0)}}@media(max-width:1099px),(orientation:portrait){.analytics-page .bench-body{display:block}.analytics-page .bench-head{grid-template-areas:"back back" "title title" "period period"}.stats-period,.analytics-page .bench-head:not(:has(.stats-period)):after{grid-area:period;gap:12px}.analytics-page .bench-head:not(:has(.stats-period)):after{width:auto;height:44px}.analytics-page:has(.bench-waiting) .bench-head:after{background:linear-gradient(to right,transparent 52px,var(--wait) 0)}.stats-period .select{flex:1 1 auto;width:auto}.stats-period select{min-height:44px}.stats-window{overflow:visible;padding:22px 20px;background:var(--arena-solid)}.stats-custom .field input,.stats-custom .band-save{min-height:44px;height:44px}.stats-sentence{font-size:24px}.stats-time{grid-template-columns:minmax(0,1fr);row-gap:24px;padding-top:20px}.stats-lane{grid-template-columns:minmax(0,1fr);row-gap:12px}.stats-lane-head{grid-template-columns:minmax(0,1fr) auto;align-items:center}.stats-lane-head>:not(.stats-lane-name,.stats-quiet){grid-column:1 / -1}.stats-first{row-gap:12px}.stats-first>.stats-lane-body,.stats-first>.stats-quiet{grid-row:auto;grid-column:auto}.stats-reason{margin-top:6px}.stats-on{height:44px}.stats-quiet{grid-area:auto;height:44px}.stats-plot{height:150px}.stats-free{height:136px;margin-bottom:14px;padding:0 16px}.stats-table :is(th,td):first-child{position:sticky;left:0;z-index:1;min-width:136px;padding-right:12px;background:var(--arena-solid)}.stats-table th:first-child{box-shadow:inset -1px 0 0 var(--arena-rule),inset 0 calc(-1 * var(--edge)) 0 var(--arena-ink)}.stats-table td:first-child{box-shadow:inset -1px 0 0 var(--arena-rule),inset 0 -1px 0 var(--arena-rule)}.stats-table td>button{align-items:center;min-height:44px}.analytics-page .bench-waiting{gap:12px;padding:22px 20px;background:var(--arena-solid)}.analytics-page .bench-waiting:after{height:360px;margin-top:24px;background:var(--wait)}}.plan-page{--wait: color-mix(in srgb, var(--arena-ink) 8%, transparent)}.plan-page .bench-body{grid-template-columns:minmax(0,1fr)}.plan-window{display:flex;flex-direction:column;align-self:stretch;box-sizing:border-box}.plan-window>*{flex:none}@media(min-width:1100px)and (orientation:landscape){.plan-page .bench-body{--plan-u: max( var(--u), min( (100cqw - 36 * var(--u)) / 1180, (100cqh - 34px - 108 * var(--u)) / 760 ) )}.plan-page :is(.plan-window,.bench-waiting){--u: var(--plan-u);--edge: max(1px, calc(1.5 * var(--u)));--t-small: max(12px, calc(17 * var(--u)));--t-body: max(13px, calc(19 * var(--u)));--t-label: max(12px, calc(19 * var(--u)))}}.plan-page:has(.plan-window[aria-busy=true])>.page-footer{visibility:hidden}.plan-billing .bench-level button{white-space:nowrap}.success.plan-pair{background:var(--success-bg);box-shadow:inset 0 0 0 1.5px var(--success-line);color:var(--success-ink)}.plan-pair .plan-dismiss{min-width:32px;min-height:32px;color:inherit}.plan-window .notice{flex-wrap:wrap;margin:0 0 calc(24 * var(--u));padding:calc(16 * var(--u)) calc(20 * var(--u));border-radius:0;background:var(--arena-solid);box-shadow:inset 0 0 0 1.5px var(--arena-ink);color:var(--arena-ink);font:450 var(--t-small) / 1.45 var(--font-text)}.plan-window .notice.danger{background:var(--error-bg);box-shadow:inset 0 0 0 1.5px var(--error-line);color:var(--error-ink)}.plan-window .notice strong{display:block;margin:0 0 calc(4 * var(--u));font:900 var(--t-label) / 1.2 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.plan-window .notice p{max-width:70ch;margin:0}.plan-track{height:calc(44 * var(--u))}.plan-track:before,.plan-track>*{top:50%}.plan-track .stats-span{right:calc(100% - var(--share) * 100%)}.plan-track .stats-node{left:clamp(calc(var(--node) / 2),calc(var(--share) * 100%),calc(100% - var(--node) / 2))}.plan-track:not([data-counted])>*{display:none}.plan-ends{display:flex;justify-content:space-between;gap:calc(20 * var(--u));min-height:1em;margin-top:calc(8 * var(--u));color:var(--arena-ink);font:var(--tag);letter-spacing:.07em;text-transform:uppercase}.plan-date-wait{display:inline-block;width:7em;height:.8em;vertical-align:0;background:var(--wait)}.plan-note{max-width:70ch;margin:calc(18 * var(--u)) 0 0;color:var(--arena-muted);font:450 var(--t-small) / 1.45 var(--font-text)}.plan-cards{display:grid;flex:1 0 auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(22 * var(--u));margin:calc(40 * var(--u)) 0 0;padding:0;list-style:none}.plan-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:calc(28 * var(--u)) calc(28 * var(--u)) calc(30 * var(--u));background:var(--arena-card);box-shadow:inset 0 0 0 var(--edge) var(--arena-edge);color:var(--arena-ink)}.plan-card[data-current]{box-shadow:inset 0 0 0 calc(4 * var(--u)) var(--arena-cyan)}.plan-name{margin:0;font:900 max(15px,calc(28 * var(--u))) / 1 var(--font-label);letter-spacing:.04em;text-transform:uppercase;text-box:trim-both cap alphabetic}.plan-reach{margin:calc(32 * var(--u)) 0 0;font:700 max(17px,calc(30 * var(--u))) / 1.15 var(--font-display);letter-spacing:-.01em;text-wrap:balance}.plan-price{margin:calc(26 * var(--u)) 0 0;font:600 var(--t-body) / 1.35 var(--font-text)}.plan-also{margin:calc(12 * var(--u)) 0 0;color:var(--arena-muted);font:450 var(--t-small) / 1.4 var(--font-text)}.plan-card>:is(.plan-go,.plan-mark){align-self:stretch;box-sizing:border-box;min-height:max(40px,calc(50 * var(--u)));margin-top:auto;padding:calc(8 * var(--u)) calc(20 * var(--u));font-size:max(13px,calc(20 * var(--u)));letter-spacing:.04em;text-align:center}.plan-card>p:has(+:is(.plan-go,.plan-mark)){margin-bottom:calc(30 * var(--u))}.plan-go{height:auto;min-width:0;white-space:normal}.plan-go:disabled{opacity:.6}.plan-window .band-save:disabled:hover{background:none;color:var(--arena-ink)}.plan-window .bench-publish:disabled:hover{background:var(--arena-orange)}.plan-mark{display:flex;align-items:center;justify-content:center;margin-bottom:0;background:var(--arena-cyan);color:var(--arena-on-accent);font-family:var(--font-label);font-weight:900;line-height:1;text-transform:uppercase}.plan-subscription{margin:calc(34 * var(--u)) 0 0;box-shadow:inset 0 1px 0 var(--arena-rule)}.plan-subscription>div{display:grid;grid-template-columns:calc(220 * var(--u)) minmax(0,1fr);column-gap:calc(28 * var(--u));align-items:baseline;padding:calc(14 * var(--u)) 0;box-shadow:inset 0 -1px 0 var(--arena-rule)}.plan-subscription dt{font:900 var(--t-label) / 1.2 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.plan-subscription dd{margin:0;font:450 var(--t-body) / 1.4 var(--font-text)}.plan-foot{max-width:80ch;margin:calc(30 * var(--u)) 0 0;color:var(--arena-muted);font:450 var(--t-small) / 1.45 var(--font-text)}.plan-foot a{color:var(--arena-ink);text-underline-offset:3px}.plan-page .bench-head:not(:has(.plan-billing)):after{content:"";width:calc(364 * var(--u));height:max(32px,calc(38 * var(--u)))}.plan-page:has(.bench-waiting) .bench-head:after{background:linear-gradient(to right,transparent calc(83 * var(--u)),var(--wait) 0)}.plan-page .bench-waiting{align-self:stretch;box-sizing:border-box;gap:calc(18 * var(--u));padding:calc(34 * var(--u)) calc(43 * var(--u)) calc(38 * var(--u))}.plan-page .bench-wait-tabs{width:min(100%,calc(620 * var(--u)));height:max(16px,calc(32 * var(--u)))}.plan-page .bench-waiting:after{content:"";flex:1 0 calc(617 * var(--u));margin-top:calc(16 * var(--u));background:linear-gradient(var(--wait),var(--wait)) 0 calc(21 * var(--u)) / 100% var(--edge) no-repeat,linear-gradient(to right,var(--wait) calc((100% - 44 * var(--u)) / 3),transparent 0 calc((100% - 44 * var(--u)) / 3 + 22 * var(--u)),var(--wait) 0 calc((100% - 44 * var(--u)) / 3 * 2 + 22 * var(--u)),transparent 0 calc((100% - 44 * var(--u)) / 3 * 2 + 44 * var(--u)),var(--wait) 0) 0 calc(173 * var(--u)) / 100% calc(100% - 271 * var(--u)) no-repeat}.plan-page .bench-preview-wait{display:none}@media(prefers-reduced-motion:no-preference){.plan-price{animation:plan-price .16s var(--ease-out) both}}@keyframes plan-price{0%{opacity:0}}@media(max-width:1099px),(orientation:portrait){.plan-page .bench-body{display:block}.plan-page .bench-head{grid-template-areas:"back back" "title title" "period period"}.plan-page .bench-head:not(:has(.plan-billing)):after{grid-area:period;width:auto;height:44px}.plan-page:has(.bench-waiting) .bench-head:after{background:linear-gradient(to right,transparent 64px,var(--wait) 0)}.plan-billing .bench-level{flex:1 1 auto}.plan-billing .bench-level button{flex:1 1 auto;min-height:44px}.plan-cards{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px}.plan-card{padding:20px}.plan-card>p:has(+:is(.plan-go,.plan-mark)){margin-bottom:20px}.plan-card>:is(.plan-go,.plan-mark){min-height:44px}.plan-pair .plan-dismiss{min-width:44px;min-height:44px}.plan-subscription>div{grid-template-columns:minmax(0,1fr);row-gap:4px}.plan-page .bench-waiting{gap:12px;padding:22px 20px;background:var(--arena-solid)}.plan-page .bench-waiting:after{flex:none;height:520px;margin-top:24px;background:var(--wait)}}.radio-list .radio-hint{display:block;margin-top:2px;color:var(--muted);font-size:12px;line-height:1.4}.live-place-status{margin:0;font-size:13px;line-height:1.45}.live-place-status:not(:empty){margin-top:12px}.live-place-status:not(:empty):before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;vertical-align:1px;background:var(--arena-edge)}.preview-place-note .live-place-status:not(:empty){margin-top:0;font-size:inherit}.live-place-status[data-state=live]:before{background:var(--arena-cyan);box-shadow:inset 0 0 0 1.5px var(--arena-on-accent)}.live-place-status[data-state=quiet]{color:var(--notice-ink)}.live-place-status[data-state=quiet]:before{background:currentColor}.live-place-status[data-state=error]{color:var(--error-ink)}.live-place-status[data-state=error]:before{background:currentColor}.preview-stage[data-real]{position:relative;overflow:hidden}.mirror{position:absolute;inset:1px;overflow:hidden;background:var(--shop-page);color:var(--shop-strong)}.mirror-frame{display:block;width:calc(100% / var(--mirror-scale, 1));height:calc(100% / var(--mirror-scale, 1));border:0;background:var(--shop-page);opacity:0;transform:scale(var(--mirror-scale, 1));transform-origin:0 0}.mirror-frame[data-shown]{opacity:1;transition:opacity var(--motion-base) var(--ease-out)}.mirror-wait,.mirror-locked{position:absolute;inset:0;display:grid;align-content:center;justify-items:start;gap:12px;width:min(100%,420px);margin-inline:auto;padding:24px}.mirror-status{margin:0;font-size:13px;line-height:1.45}.mirror-status:not(:empty):before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;vertical-align:1px;background:var(--shop-line)}.mirror-status[data-state=quiet]:before{background:currentColor}.mirror-wait i{width:min(100%,240px);height:3px;overflow:hidden;background:var(--shop-block)}.mirror-wait i:after{content:"";display:block;height:100%;background:var(--shop-strong);transform:scaleX(.9);transform-origin:0 50%}@media(prefers-reduced-motion:no-preference){.mirror-wait i:after{animation:mirror-fill 8s var(--ease-out) backwards}.preview-reduced .mirror-wait i:after{animation:none}}@media(prefers-reduced-motion:reduce){.mirror-frame[data-shown]{transition:none}}.preview-reduced .mirror-frame[data-shown]{transition:none}@keyframes mirror-fill{0%{transform:scaleX(0)}}.mirror-locked h3{margin:0;font:900 15px / 1.2 var(--font-label);letter-spacing:.08em;text-transform:uppercase}.mirror-locked>p:not(.mirror-status){margin:0;color:var(--shop-muted);font-size:14px;line-height:1.45;text-wrap:pretty}.mirror-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:4px}.mirror-go{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;background:var(--shop-strong);color:var(--shop-on-strong);font:900 13px / 1 var(--font-label);letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:background var(--motion-fast) var(--ease-out)}.mirror-go:hover{background:color-mix(in srgb,var(--shop-strong) 84%,var(--shop-page));color:var(--shop-on-strong)}.mirror-go svg{flex:0 0 auto;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.mirror-alt{min-height:40px;padding:0;border:0;background:none;color:var(--shop-strong);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.mirror-alt:hover{text-decoration-thickness:2px}:is(.mirror-go,.mirror-alt):focus-visible{outline:2px solid var(--shop-strong);outline-offset:2px}.preview-context .preview-real-note{color:var(--notice-ink);font-weight:600}.preview-context .preview-real-note:empty{display:none}@media(max-width:760px){.preview-stage[data-real]{height:70vh}}