.app-shell{grid-template-columns:var(--rail-width) minmax(0, 1fr);height:100%;display:grid}.app-shell-rail{z-index:1;background:var(--component-rail-bg);border-right:1px solid var(--semantic-border-subtle);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.app-shell-head{z-index:2;gap:var(--space-2);padding:var(--space-4) var(--space-5) 0;padding-left:max(var(--space-5), env(safe-area-inset-left,0px));background:var(--component-rail-bg);box-shadow:inset 0 -1px 0 var(--semantic-border-subtle);transition:box-shadow var(--motion-duration-state) var(--motion-easing-interaction);grid-template-columns:minmax(0,1fr);display:grid;position:relative}@media (hover:none) and (pointer:coarse){.app-shell-head{gap:var(--space-3)}}.app-shell-head[data-scrolled]{box-shadow:inset 0 -1px 0 var(--semantic-border-subtle), var(--shadow-scroll-down)}.app-shell-head>.sys-tabs{box-shadow:none}.app-shell-body{flex:1}.app-shell-body>.sys-scroll-viewport{overscroll-behavior:contain;scroll-padding:var(--space-3)}.app-shell-foot{z-index:2;border-top:1px solid var(--semantic-border-subtle);background:var(--component-rail-bg);box-shadow:var(--shadow-scroll-up);transition:box-shadow var(--motion-duration-state) var(--motion-easing-interaction);position:relative}.app-shell-foot[data-at-end]{box-shadow:none}.app-shell-stage{isolation:isolate;background:radial-gradient(110% 85% at 55% 35%, var(--component-stage-glow), var(--component-stage-edge));min-width:0;position:relative;overflow:hidden}.app-shell-stage canvas{touch-action:none;display:block}.app-brand{align-items:center;gap:var(--space-2);min-height:var(--control-sm);display:flex}.app-brand-mark{width:20px;height:20px;fill:var(--semantic-bg-solid);flex:none}.app-brand-mark-bowl{fill:var(--semantic-bg-brand-solid)}.app-brand h1{align-items:baseline;gap:var(--space-1-5);font:600 20px/1 var(--font-display);letter-spacing:-.01em;flex:1;margin:0;display:flex}.app-brand h1 span{letter-spacing:0;color:var(--semantic-text-muted)}.app-brand-actions{align-items:center;gap:var(--space-0-5);display:flex}@media (max-width:900px){.app-shell{grid-template-rows:46svh auto;grid-template-columns:minmax(0,1fr);height:auto;min-height:100%}.app-shell-stage{height:46svh;z-index:var(--z-sticky);border-bottom:1px solid var(--semantic-border-subtle);grid-row:1;position:sticky;top:0}.app-shell-rail{border-right:0;grid-row:2}.app-shell-stage canvas{touch-action:pan-y!important}.app-shell-head{padding-right:max(var(--gutter), env(safe-area-inset-right,0px));padding-left:max(var(--gutter), env(safe-area-inset-left,0px))}.app-shell-body.sys-scroll[data-axis]>.sys-scroll-viewport{overflow:visible}.app-shell-foot{padding-bottom:env(safe-area-inset-bottom,0px);position:sticky;bottom:0}}@media (max-width:900px) and (max-height:560px){.app-shell-stage{position:relative}}.fb-scrim{z-index:calc(var(--z-dialog) + 1);padding:var(--space-4);background:var(--semantic-bg-scrim);animation:fb-fade-in var(--motion-duration-container) var(--motion-easing-enter);place-items:center;display:grid;position:fixed;inset:0}.fb-scrim[data-leaving]{animation:fb-fade-out var(--motion-duration-exit) var(--motion-easing-exit) forwards}.fb{border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-xl);background:var(--semantic-bg-floating);width:min(480px,100%);max-height:100%;box-shadow:var(--shadow-modal);animation:fb-in var(--motion-duration-container) var(--motion-easing-enter);outline:none;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.fb[data-leaving]{animation:fb-out var(--motion-duration-exit) var(--motion-easing-exit) forwards}@keyframes fb-fade-in{0%{opacity:0}}@keyframes fb-fade-out{to{opacity:0}}@keyframes fb-in{0%{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes fb-out{to{opacity:0;transform:translateY(4px)scale(.98)}}.fb-head{min-height:52px;padding:0 var(--space-3) 0 var(--space-5);border-bottom:1px solid var(--semantic-border-subtle-alt);justify-content:space-between;align-items:center;display:flex}.fb-head h2{font:var(--text-label-md);color:var(--semantic-text-primary);text-wrap:balance;margin:0;font-weight:600}.fb-body{gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex;overflow-y:auto}.fb-text{min-height:132px;font:var(--text-text-sm)}.fb-body .sys-field-row>.sys-input{width:100%}.fb-trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.fb-diag{gap:var(--space-3);flex-direction:column;display:flex}.fb-diag-toggle{align-self:flex-start;align-items:center;gap:var(--space-1-5);margin:0 calc(var(--space-1-5) * -1);padding:var(--space-1) var(--space-1-5);border-radius:var(--radius-md);font:var(--text-label-sm);color:var(--semantic-text-muted);text-align:left;cursor:pointer;transition:background-color var(--motion-duration-feedback) var(--motion-easing-interaction), color var(--motion-duration-feedback) var(--motion-easing-interaction);background:0 0;border:0;display:inline-flex}.fb-diag-toggle:hover{background:var(--semantic-bg-hover);color:var(--semantic-text-secondary)}.fb-diag-toggle>svg{transition:transform var(--motion-duration-state) var(--motion-easing-interaction);flex:none}.fb-diag-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.fb-diag-more{flex-direction:column;display:flex}.fb-diag-list{padding-top:var(--space-2)}.fb-diag-list .sys-kv{font:var(--text-label-sm)}.fb-diag-list .sys-kv dd{font:var(--text-label-sm);color:var(--semantic-text-secondary)}.fb-done{justify-content:center;align-items:center;gap:var(--space-3);min-height:200px;padding:var(--space-6) var(--space-5);text-align:center;overflow:visible}.fb-done-mark{width:44px;height:44px;color:var(--semantic-text-brand);animation:fb-pop .44s var(--motion-easing-enter) .18s backwards;flex:none}.fb-done-text{align-items:center;gap:var(--space-1);min-width:0;animation:fb-rise .32s var(--motion-easing-enter) .28s backwards;flex-direction:column;display:flex}.fb-done-title{font:var(--text-heading-xs);color:var(--semantic-text-primary);text-wrap:balance;margin:0}.fb-done-line{max-width:100%;font:var(--text-label-md);color:var(--semantic-text-muted);overflow-wrap:anywhere;margin:0}@keyframes fb-pop{0%{opacity:0;scale:.5}60%{opacity:1;scale:1.15}to{scale:1}}@keyframes fb-rise{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.fb-done-mark,.fb-done-text{animation:none}}.fb-foot{justify-content:flex-end;align-items:center;gap:var(--space-2);min-height:56px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-5);border-top:1px solid var(--semantic-border-subtle-alt);display:flex}.fb-note{min-width:0;font:var(--text-label-sm);color:var(--semantic-text-warning);flex:1}.fb-foot[data-sheet-bar]{gap:var(--sheet-gap);padding:10px var(--space-4) max(10px, calc(env(safe-area-inset-bottom) - var(--kb,0px)));flex-wrap:wrap}.fb-foot[data-sheet-bar] .fb-note{flex-basis:100%}.fb-foot[data-sheet-bar] .fb-note:empty{display:none}@media (max-width:480px){.fb-scrim{padding:var(--space-2)}.fb-body{padding:var(--space-4)}.fb-head,.fb-foot{padding-left:var(--space-4)}}.quick-report-options,.quick-report-below{gap:var(--space-1-5);flex-direction:column;display:flex}.quick-report-options{transition:opacity var(--motion-duration-state) var(--motion-easing-interaction)}.quick-report-options[inert]{opacity:.45}.quick-report-options .sys-switch{color:var(--semantic-text-primary)}.quick-report-links{gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.quick-report-link{align-items:center;gap:var(--space-1);color:var(--semantic-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 0;display:inline-flex}.quick-report-link:hover{color:var(--semantic-text-primary)}.quick-report-caret{transition:transform var(--motion-duration-state) var(--motion-easing-interaction);font-size:10px}.quick-report-link[aria-expanded=true]>.quick-report-caret{transform:rotate(180deg)}.quick-report-attached{padding-top:var(--space-1);color:var(--semantic-text-secondary);overflow-wrap:anywhere}.quick-report-attached *{color:inherit}.quick-report-note{box-sizing:border-box;width:100%;margin-top:var(--space-1);resize:vertical}.quick-report-below{padding-top:var(--space-2)}.quick-report-line{color:var(--semantic-text-warning);margin:0}.quick-report-actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.quick-report-actions>.sys-button:disabled{opacity:.45}.quick-report-actions>.sys-button[data-busy]{cursor:progress}.quick-report-actions>.sys-button[data-variant=primary][data-busy]:hover{background:var(--component-button-bg)}.quick-report-spin{box-sizing:border-box;border:1.5px solid color-mix(in srgb, currentColor 30%, transparent);border-top-color:currentColor;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite quick-report-spin;display:block}@keyframes quick-report-spin{to{rotate:1turn}}.quick-report-sent{padding-top:var(--space-2);color:var(--semantic-text-primary);margin:0}.quick-report-sent-done{white-space:nowrap}.quick-report-sent-done>svg{margin-left:var(--space-1);vertical-align:-2px;color:var(--semantic-text-brand);animation:quick-report-pop var(--motion-duration-state) var(--motion-easing-enter)}.quick-report-thanks{color:var(--semantic-text-muted)}@keyframes quick-report-pop{0%{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.quick-report-spin{animation-duration:2s}.quick-report-sent-done>svg{animation:none}}.panel-stack{gap:var(--space-3);flex-direction:column;display:flex}.panel-stack[data-gap=xs]{gap:var(--space-1-5)}.panel-stack[data-gap=sm]{gap:var(--space-2)}.panel-stack[data-gap=md]{gap:var(--space-4)}.panel-stack[data-gap=lg]{gap:var(--space-5)}.panel-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.panel-pad{padding:var(--space-4) var(--space-5) var(--space-6)}.build-panel,.bom-panel{display:grid}.build-warnings{padding:var(--space-3) var(--space-5) 0}.build-color-summary{gap:var(--space-1);display:inline-flex}.build-color-summary .sys-dot{width:10px;height:10px}.build-mods-summary{text-overflow:ellipsis;min-width:0;overflow:hidden}.field-pair{justify-content:flex-end;align-items:center;gap:var(--space-1);contain:inline-size;min-width:0;display:flex}.field-pair>.cfg-select,.field-pair>.field-pair-value{flex:1}.field-pair>.cfg-select{max-width:208px}.field-pair-value{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--text-label-md);color:var(--semantic-text-primary);padding-left:11px;overflow:hidden}.filament-row{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);font:var(--text-label-md);font-variant-numeric:tabular-nums;display:flex}.filament-row+.filament-row{border-top:1px solid var(--semantic-border-subtle)}.filament-row-chip{background:var(--swatch);width:20px;height:20px;box-shadow:inset 0 0 0 1px var(--gray-a5);border-radius:50%;flex:none}.filament-row-label{white-space:nowrap;text-overflow:ellipsis;max-width:50%;color:var(--semantic-text-primary);flex:none;overflow:hidden}.filament-row-grams{text-align:right;white-space:nowrap;min-width:56px;color:var(--semantic-text-secondary);flex:none}.filament-row-meter{--spool:14px;min-width:0;max-width:calc(8 * var(--spool) + 7 * var(--space-0-5));justify-content:flex-end;gap:var(--space-1) var(--space-0-5);flex-wrap:wrap;flex:1;margin-left:auto;display:flex}.filament-row-meter i{width:var(--spool);background:linear-gradient(to right, var(--semantic-text-secondary) calc(var(--fill) * 100%), var(--semantic-bg-muted) 0);border-radius:2px;flex:none;height:4px}.bom-groups{gap:var(--space-4);display:grid}.bom-group{gap:var(--space-1-5);display:grid}.bom-group-head{align-items:center;gap:var(--space-2);font:var(--text-label-sm);color:var(--semantic-text-secondary);font-variant-numeric:tabular-nums;display:flex}.bom-group-head>span:nth-child(2){color:var(--semantic-text-muted);margin-left:auto}.bom-group-head>.sys-button{margin-block:calc(-1 * var(--space-1));margin-right:calc(-1 * var(--space-1-5))}.bom-file{align-items:center;gap:var(--space-1-5);display:flex}.bom-hw-mark{margin-left:var(--space-1);vertical-align:-2px;color:var(--semantic-text-muted);font-size:15px}.bom-hw-mark svg{border-radius:50%}.bom-used-in-anchor{display:block}.bom-used-in-anchor+.bom-used-in-anchor>.sys-list-item,.sys-list-item+.bom-used-in-anchor>.sys-list-item,.bom-used-in-anchor+.sys-list-item{border-top:1px solid var(--semantic-border-subtle)}.bom-used-in{font-variant-numeric:tabular-nums;gap:2px;display:grid}.bom-used-in>span{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.bom-used-in>span>:last-child{white-space:nowrap}.cl-log{gap:var(--space-6);display:grid}.cl-release{gap:var(--space-3);display:grid}.cl-release+.cl-release{padding-top:var(--space-6);border-top:1px solid var(--semantic-border-subtle-alt)}.cl-release-head{align-items:baseline;gap:var(--space-2);display:flex}.cl-release-head h3{font:var(--text-heading-xs);font-variant-numeric:tabular-nums;margin:0}.cl-date{font:var(--text-label-sm);font-variant-numeric:tabular-nums;color:var(--semantic-text-muted)}.cl-current{padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--semantic-bg-brand-subtle);color:var(--semantic-text-brand);font:var(--text-label-xs);align-self:center;font-weight:500}.cl-group{gap:var(--space-1);display:grid}.cl-group h4{font:var(--text-label-md);color:var(--semantic-text-muted);margin:0}.cl-items{gap:var(--space-1-5);font:var(--text-label-md);color:var(--semantic-text-primary);text-wrap:pretty;margin:0;padding-left:18px;display:grid}.cl-items li::marker{color:var(--semantic-text-muted)}.cl-card{right:max(var(--space-4), env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-4));z-index:var(--z-stage-ui);gap:var(--space-2);width:min(320px, 100% - 2 * var(--space-4));padding:var(--space-3) var(--space-3) var(--space-2);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-xl);background:var(--semantic-bg-floating-translucent);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);box-shadow:var(--shadow-overlay);animation:cl-rise var(--motion-duration-container) var(--motion-easing-enter);transition:bottom var(--motion-duration-state) var(--motion-easing-interaction), opacity var(--motion-duration-exit) var(--motion-easing-exit), translate var(--motion-duration-exit) var(--motion-easing-exit);display:grid;position:absolute}.cl-card[data-leaving]{opacity:0;translate:0 6px}@keyframes cl-rise{0%{opacity:0;translate:0 8px}}.cl-card-head{align-items:center;gap:var(--space-2);margin-right:calc(var(--space-1) * -1);display:flex}.cl-card-mark{border-radius:var(--radius-full);background:var(--semantic-bg-brand-subtle);width:24px;height:24px;color:var(--semantic-text-brand);flex:none;place-items:center;display:grid}.cl-card-mark svg{width:14px;height:14px}.cl-card-head h3{min-width:0;font:var(--text-label-md);font-variant-numeric:tabular-nums;text-wrap:balance;flex:1;margin:0;font-weight:600}.cl-card-items{gap:var(--space-1);padding-left:calc(24px + var(--space-2));font:var(--text-label-md);color:var(--semantic-text-secondary);text-wrap:pretty;margin:0;list-style:none;display:grid}.cl-card-items li{position:relative}.cl-card-items li:before{content:"";background:var(--semantic-text-muted);border-radius:50%;width:4px;height:4px;position:absolute;top:.62em;left:-12px}.cl-card-foot{margin-right:calc(var(--space-1) * -1);justify-content:flex-end;display:flex}.pack-check{gap:var(--space-2);flex-direction:column;display:flex}.pack-check-frame{margin-inline:calc(var(--space-3) * -1);padding:var(--space-3);border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-xl)}.pack-check-inner{gap:var(--space-2);flex-direction:column;display:flex}.pack-check-past{font:var(--text-label-sm);color:var(--semantic-text-secondary);margin:0}.pack-check .sys-kv{font-variant-numeric:tabular-nums;border:0;border-radius:0;grid-template-columns:max-content minmax(0,1fr);padding:0}.pack-check .sys-kv dd{font:var(--text-label-sm);color:var(--semantic-text-secondary);transition:color var(--motion-duration-state) var(--motion-easing-interaction)}.pack-check .sys-kv dd[data-tone=warning]{color:var(--semantic-text-warning)}.pack-check .sys-kv>:is(dt,dd){animation:pack-check-row-in var(--motion-duration-container) var(--motion-easing-enter) backwards}.pack-check .sys-kv>[data-leaving]{animation:pack-check-row-out var(--motion-duration-exit) var(--motion-easing-exit) forwards}.pack-check :is(.sys-kv,.pack-check-more){transition:opacity var(--motion-duration-state) var(--motion-easing-interaction)}.pack-check[data-stale] :is(.sys-kv,.pack-check-more){opacity:.5}@keyframes pack-check-row-in{0%{opacity:0;transform:translateY(-2px)}}@keyframes pack-check-row-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.pack-check .sys-kv>:is(dt,dd){animation:none}}.pack-check-more{flex-direction:column;display:flex}.pack-check-toggle{align-self:flex-start;align-items:center;gap:var(--space-1-5);margin:0 calc(var(--space-1-5) * -1);padding:var(--space-1) var(--space-1-5);border-radius:var(--radius-md);font:var(--text-label-sm);color:var(--semantic-text-muted);text-align:left;cursor:pointer;transition:background-color var(--motion-duration-feedback) var(--motion-easing-interaction), color var(--motion-duration-feedback) var(--motion-easing-interaction);background:0 0;border:0;display:inline-flex}.pack-check-toggle:hover{background:var(--semantic-bg-hover);color:var(--semantic-text-secondary)}.pack-check-toggle>svg{transition:transform var(--motion-duration-state) var(--motion-easing-interaction);flex:none}.pack-check-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.pack-check-list{padding-top:var(--space-2)}.pack-check-list .sys-list{margin-inline:calc(var(--space-3) * -1)}.pack-check-list .sys-list-item{min-height:0;padding:var(--space-2) var(--space-3);font:var(--text-label-sm)}.mdlg-scrim{z-index:var(--z-dialog);padding:var(--space-4);background:var(--semantic-bg-scrim);animation:mdlg-fade-in var(--motion-duration-container) var(--motion-easing-enter);place-items:center;display:grid;position:fixed;inset:0}.mdlg-scrim[data-leaving]{animation:mdlg-fade-out var(--motion-duration-exit) var(--motion-easing-exit) forwards}.mdlg{border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-xl);background:var(--semantic-bg-floating);width:min(720px,100%);height:min(640px,100%);box-shadow:var(--shadow-modal);animation:mdlg-in var(--motion-duration-container) var(--motion-easing-enter);outline:none;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:216px minmax(0,1fr);display:grid;overflow:hidden}.mdlg[data-leaving]{animation:mdlg-out var(--motion-duration-exit) var(--motion-easing-exit) forwards}@keyframes mdlg-fade-in{0%{opacity:0}}@keyframes mdlg-fade-out{to{opacity:0}}@keyframes mdlg-in{0%{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes mdlg-out{to{opacity:0;transform:translateY(4px)scale(.98)}}.mdlg-head{min-height:52px;padding:0 var(--space-3) 0 var(--space-5);border-bottom:1px solid var(--semantic-border-subtle-alt);grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.mdlg-head h2{font:var(--text-label-md);color:var(--semantic-text-primary);text-wrap:balance;margin:0;font-weight:600}.mdlg-nav-scroll{border-right:1px solid var(--semantic-border-subtle-alt);background:var(--semantic-bg-secondary)}.mdlg-nav{padding:var(--space-2);flex-direction:column;gap:1px;display:flex;position:relative}.mdlg-nav-indicator{top:0;left:var(--space-2);right:var(--space-2);border-radius:var(--radius-md);background:var(--semantic-bg-active);opacity:0;pointer-events:none;transition:transform var(--motion-duration-state) var(--motion-easing-interaction), height var(--motion-duration-state) var(--motion-easing-interaction);position:absolute}.mdlg-nav-label{padding:var(--space-3) var(--space-2) var(--space-1);font:var(--text-label-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--semantic-text-muted)}.mdlg-nav-label:nth-child(2){padding-top:var(--space-1)}.mdlg-nav-item{align-items:center;gap:var(--space-2);width:100%;min-height:44px;padding:0 var(--space-2);border-radius:var(--radius-md);color:inherit;text-align:left;cursor:pointer;transition:background-color var(--motion-duration-feedback) var(--motion-easing-interaction);background:0 0;border:0;display:flex;position:relative}.mdlg-nav-item:hover{background:var(--semantic-bg-hover)}.mdlg-nav-item[aria-current]:hover{background:0 0}.mdlg-nav-item:focus-visible{box-shadow:inset 0 0 0 2px var(--semantic-focus-ring-default)}.mdlg-nav-item>span:not(.mdlg-todo){min-width:0;font:var(--text-label-sm);flex:1;gap:1px;display:grid}.mdlg-nav-item>span>span,.mdlg-nav-item>span>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mdlg-nav-item>span>span{color:var(--semantic-text-primary)}.mdlg-nav-item small{font:inherit;font-variant-numeric:tabular-nums;color:var(--semantic-text-muted)}.mdlg-nav-check{color:var(--semantic-text-primary);opacity:0;transition:opacity var(--motion-duration-state) var(--motion-easing-interaction), transform var(--motion-duration-state) var(--motion-easing-enter);flex:none;transform:scale(.6)}.mdlg-nav-check[data-on]{opacity:1;transform:none}.mdlg-nav-item[data-single]{min-height:var(--control-md)}.mdlg-todo{padding:0 var(--space-1-5);border:1px dashed var(--semantic-border-subtle-alt);border-radius:var(--radius-sm);font:var(--text-label-xs);letter-spacing:normal;text-transform:none;color:var(--semantic-text-muted);white-space:nowrap;flex:none;line-height:18px}.mdlg-todo-label{align-items:center;gap:var(--space-1-5);display:inline-flex}.mdlg-accents>[data-slot=swatches]{justify-content:end;gap:var(--space-2);grid-template-columns:repeat(6,24px);padding:4px;display:grid}.sys-section>[data-slot=title]:has(.mdlg-reset){align-items:center}.mdlg-reset{margin-block:calc(var(--space-1) * -1);margin-right:calc(var(--space-1-5) * -1);transition:opacity var(--motion-duration-state) var(--motion-easing-interaction)}.mdlg-reset[data-hidden]{opacity:0}.mdlg-tip-row{display:flex}.mdlg-tip-row>.sys-switch{flex:1}.mdlg-buttons{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.sys-field-row>.mdlg-buttons{justify-self:end}.sys-field-row>.mdlg-buttons[data-start]{justify-content:flex-start;justify-self:start}.mdlg-value{font:var(--text-label-sm);color:var(--semantic-text-secondary)}.mdlg-pack-state{align-items:center;gap:var(--space-2);font:var(--text-label-sm);color:var(--semantic-text-secondary);display:inline-flex}.mdlg-pack-check{gap:var(--space-1-5);width:100%;font:var(--text-label-sm);color:var(--semantic-text-secondary);font-variant-numeric:tabular-nums;flex-direction:column;display:flex}.mdlg-nav-item[data-add]{min-height:var(--control-sm);color:var(--semantic-text-secondary)}.mdlg-nav-item[data-add]>span{color:inherit}.mdlg-nav-item[data-add]:hover{color:var(--semantic-text-primary)}.mdlg-nav-item[data-add]>svg{flex:none}.mdlg-body-view{padding:var(--space-5)}.mdlg-page{animation:mdlg-page-in var(--motion-duration-container) var(--motion-easing-enter)}@keyframes mdlg-page-in{0%{opacity:0;transform:translateY(4px)}}.mdlg-editor{gap:var(--space-6);flex-direction:column;display:flex}.mdlg-editor .sys-field-row>:is(.sys-input,.sys-slider,.cfg-select,.mdlg-bed,.mdlg-pack-check){justify-self:end;width:min(100%,280px)}.mdlg-editor .sys-field-row>.mdlg-narrow{width:min(100%,200px)}.mdlg-title-tip{align-items:center;gap:var(--space-1);display:inline-flex}.mdlg-title-tip-button{border-radius:var(--radius-full);color:var(--semantic-text-muted);cursor:help;transition:color var(--motion-duration-feedback) var(--motion-easing-interaction);background:0 0;border:0;padding:0;font-size:14px;display:inline-flex}.mdlg-title-tip-button:hover,.mdlg-title-tip-button:focus-visible{color:var(--semantic-text-primary)}.mdlg-lines{grid-template-columns:minmax(0,1fr);display:grid}.mdlg-line+.mdlg-line{border-top:1px solid var(--semantic-border-subtle)}.mdlg-line{padding-block:var(--space-1)}.mdlg-line-head{align-items:center;gap:var(--space-2);min-height:var(--control-sm);display:flex}.mdlg-line-toggle{align-items:center;gap:var(--space-2);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;min-width:0;padding:0;display:flex}.mdlg-line-toggle>svg{width:12px;height:12px;color:var(--semantic-text-secondary);flex:none}.mdlg-caret{transition:transform var(--motion-duration-state) var(--motion-easing-interaction)}.mdlg-caret[data-open]{transform:rotate(180deg)}.mdlg-line-title{align-items:baseline;gap:var(--space-2);font:var(--text-label-sm);font-variant-numeric:tabular-nums;color:var(--semantic-text-primary);white-space:nowrap;flex:none;display:flex}.mdlg-line-title>:last-child,.mdlg-line[data-off] .mdlg-line-title>:first-child{color:var(--semantic-text-muted)}.mdlg-line-off{align-items:center;gap:var(--space-1);align-self:center;display:inline-flex}.mdlg-line-off>svg{width:12px;height:12px}.mdlg-strip{min-width:0;padding:2px;display:inline-flex;overflow:hidden}.mdlg-strip>i{background:var(--swatch);width:12px;height:12px;box-shadow:inset 0 0 0 1px var(--gray-a5), 0 0 0 1.5px var(--semantic-bg-floating);border-radius:50%;flex:none}.mdlg-strip>i+i{margin-left:-3px}.mdlg-line-action,.mdlg-line-action-tip{flex:none}.mdlg-line-action{margin-right:calc(var(--space-1-5) * -1)}.mdlg-line-action-tip{display:inline-flex}.mdlg-editor .sys-swatch-picker.mdlg-swatch-grid{grid-template-columns:minmax(0,1fr)}.mdlg-editor .sys-swatch-picker.mdlg-swatch-grid>[data-slot=label]{display:none}.mdlg-editor .sys-swatch-picker.mdlg-swatch-grid[data-layout=hue]>[data-slot=swatches]{justify-content:start;row-gap:var(--space-2);column-gap:clamp(0px, calc((100% - 288px) / 11), var(--space-2));margin:0;padding:0}@container (width<332px){.mdlg-editor .sys-swatch-picker.mdlg-swatch-grid[data-layout=hue]>[data-slot=swatches]{column-gap:clamp(0px, calc((100% - 240px) / 9), var(--space-2))}}.mdlg-line .mdlg-swatch-grid{padding-block:var(--space-2) var(--space-1)}.mdlg-defaults{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}.mdlg-default-chip{background:var(--swatch);width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--gray-a5);border-radius:50%;flex:none}.mdlg-default .cfg-select>svg{flex:none}.mdlg-default .cfg-select[aria-expanded=true]{border-color:var(--semantic-border-solid)}.mdlg-default-body{gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-3);border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-lg);background:var(--semantic-bg-secondary);grid-template-columns:minmax(0,1fr);display:grid}.mdlg-editor :is(.sys-field-row>[data-slot=label],.sys-switch [data-slot=label]){color:var(--semantic-text-primary)}.mdlg-problems{gap:var(--space-0-5);display:grid}.mdlg-problems>span{justify-content:space-between;gap:var(--space-3);display:flex}.mdlg-problems>span>span:last-child{font-variant-numeric:tabular-nums;flex:none}.mdlg-bed{align-items:center;gap:var(--space-4);padding:var(--space-2) 10px;border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-lg);background:var(--semantic-bg-secondary);display:flex}.mdlg-bed svg{flex:none;width:64px;overflow:visible}.mdlg-bed-move,.mdlg-bed-plate,.mdlg-bed-reach{transition:transform var(--motion-duration-container) var(--motion-easing-enter), width var(--motion-duration-container) var(--motion-easing-enter), height var(--motion-duration-container) var(--motion-easing-enter), opacity var(--motion-duration-state) var(--motion-easing-interaction)}.mdlg-bed-plate{fill:var(--semantic-bg-muted);stroke:var(--semantic-border-default);stroke-width:1px;vector-effect:non-scaling-stroke}.mdlg-bed-reach{fill:var(--semantic-text-muted);fill-opacity:.22;opacity:0}.mdlg-bed-reach[data-on]{opacity:1}.mdlg-bed-spec{gap:var(--space-2) var(--space-5);font:var(--text-label-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;flex:1;margin:0;display:flex}.mdlg-bed-spec>div{gap:var(--space-0-5);transition:opacity var(--motion-duration-state) var(--motion-easing-interaction);display:grid}.mdlg-bed-spec>div[data-off]{opacity:.5}.mdlg-bed-spec dt{color:var(--semantic-text-muted)}.mdlg-bed-spec dd{color:var(--semantic-text-primary);white-space:nowrap;margin:0}.mdlg-foot{min-height:56px;padding:0 var(--space-3) 0 var(--space-5);border-top:1px solid var(--semantic-border-subtle-alt);grid-column:1/-1;grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.mdlg-foot-swap{justify-content:flex-end;align-items:center;gap:var(--space-2);animation:mdlg-fade-in var(--motion-duration-state) var(--motion-easing-enter);display:flex}.mdlg-foot-confirm>span{overflow-wrap:anywhere;min-width:0;font:var(--text-label-md);color:var(--semantic-text-primary);margin-right:auto}.mdlg-current{align-items:center;gap:var(--space-1-5);height:var(--control-sm);padding:0 var(--space-2);font:var(--text-label-md);color:var(--semantic-text-secondary);animation:mdlg-fade-in var(--motion-duration-state) var(--motion-easing-enter);display:inline-flex}.mdlg-set-current{animation:mdlg-fade-in var(--motion-duration-state) var(--motion-easing-enter)}.mdlg[data-sheet]{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.mdlg[data-sheet]>:is(.mdlg-nav-scroll,.mdlg-body){background:var(--semantic-bg-floating);min-height:0;max-height:none;transition:transform var(--motion-duration-container) var(--motion-easing-enter);border:0;grid-area:2/1}.mdlg[data-sheet]>.mdlg-body{z-index:1}.mdlg[data-level=page]>.mdlg-nav-scroll{transform:translate(-30%)}.mdlg[data-level=list]>.mdlg-body{transform:translate(100%)}.mdlg[data-sheet] .mdlg-head{gap:var(--space-1);padding:0 12px 0 var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);display:grid}.mdlg[data-sheet] .mdlg-head h2{font:var(--text-label-md);text-overflow:ellipsis;white-space:nowrap;animation:mdlg-fade-in var(--motion-duration-container) var(--motion-easing-enter);grid-column:1;font-weight:600;overflow:hidden}.mdlg[data-sheet] .mdlg-head>.sys-icon-button,.mdlg[data-sheet] .mdlg-head>:last-child{grid-column:3;justify-self:end}.mdlg[data-level=page] .mdlg-head{padding-left:var(--space-1)}.mdlg[data-level=page] .mdlg-head h2{text-align:center;grid-column:2}.mdlg-sheet-back{min-width:44px;height:44px;padding:0 var(--space-2) 0 var(--space-1);border-radius:var(--radius-md);font:var(--text-label-md);color:var(--semantic-text-brand);cursor:pointer;animation:mdlg-fade-in var(--motion-duration-container) var(--motion-easing-enter);background:0 0;border:0;grid-column:1;justify-self:start;align-items:center;gap:2px;display:inline-flex;position:relative}.mdlg-sheet-back svg{font-size:18px}.mdlg[data-sheet] .mdlg-nav{padding:0 var(--space-2) var(--space-4)}.mdlg[data-sheet] .mdlg-nav-indicator{display:none}.mdlg[data-sheet] .mdlg-nav-item{min-height:48px}.mdlg[data-sheet] .mdlg-nav-item>span:not(.mdlg-todo){font:var(--text-label-md)}.mdlg-nav-caret{color:var(--semantic-text-muted);flex:none}.mdlg[data-sheet] .mdlg-foot{padding-bottom:max(var(--space-2), calc(env(safe-area-inset-bottom) - var(--kb,0px)))}@media (max-width:640px){.mdlg:not([data-sheet]){grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:1fr;height:min(640px,100%)}.mdlg-nav-scroll{border-right:0;border-bottom:1px solid var(--semantic-border-subtle-alt);max-height:160px}}.mdlg-body-view:has(>.mdlg-page>.mdlg-about)>.mdlg-page{flex-direction:column;min-height:100%;display:flex}.mdlg-about{gap:var(--space-5);flex-direction:column;flex:1;display:flex}.mdlg-about-head{align-items:center;gap:var(--space-3);display:flex}.mdlg-about-head .app-brand-mark{width:40px;height:40px}.mdlg-about-head>span{gap:2px;display:grid}.mdlg-about-head strong{font:var(--text-heading-sm);color:var(--semantic-text-primary)}.mdlg-about-head>span>span{font:var(--text-label-sm);font-variant-numeric:tabular-nums;color:var(--semantic-text-muted)}.mdlg-about-version{align-items:center;gap:var(--space-1-5);border-radius:var(--radius-sm);width:-moz-fit-content;width:fit-content;font:var(--text-label-sm);font-variant-numeric:tabular-nums;color:var(--semantic-text-muted);cursor:pointer;transition:color var(--motion-duration-feedback) var(--motion-easing-interaction);background:0 0;border:0;padding:0;display:inline-flex}.mdlg-about-version:hover{color:var(--semantic-text-primary)}.mdlg-about-version:focus-visible{box-shadow:0 0 0 2px var(--semantic-focus-ring-default);outline:none}.mdlg-about[data-swap],.mdlg-changelog[data-swap]{animation:mdlg-page-in var(--motion-duration-container) var(--motion-easing-enter)}.mdlg-back{margin:calc(var(--space-2) * -1) 0 var(--space-3) calc(var(--space-2) * -1);display:block}.mdlg-about-credit{gap:var(--space-1-5);font:var(--text-label-sm);color:var(--semantic-text-secondary);flex-wrap:wrap;margin:0;display:flex}.mdlg-about-credit b{color:var(--semantic-text-primary);font-weight:600}.mdlg-about-credit>span{color:var(--semantic-text-muted)}.mdlg-about-rows{margin-inline:calc(var(--space-2) * -1);grid-template-columns:minmax(0,1fr);display:grid}.mdlg-about-row{align-items:center;gap:var(--space-2);width:100%;min-height:var(--control-md);padding:0 var(--space-2);border-radius:var(--radius-md);font:var(--text-label-md);color:var(--semantic-text-primary);text-align:left;cursor:pointer;background:0 0;border:0;text-decoration:none;display:flex}.mdlg-about-row:hover{background:var(--semantic-bg-hover)}.mdlg-about-row:focus-visible{box-shadow:inset 0 0 0 2px var(--semantic-focus-ring-default);outline:none}.mdlg-about-row>svg:first-child{color:var(--semantic-text-secondary);flex:none}.mdlg-about-row>span{flex:1;min-width:0}.mdlg-about-row>small{font:var(--text-label-sm);color:var(--semantic-text-muted)}.mdlg-about-row[data-tone=field]{min-height:var(--control-sm);font:var(--text-label-sm);color:var(--semantic-text-secondary)}.mdlg-about-out{color:var(--semantic-text-muted);flex:none}.mdlg-about-notice{font:var(--text-label-xs);color:var(--semantic-text-muted);margin:auto 0 0}.mdlg-about-notice a{color:inherit;text-underline-offset:2px}.mdlg-about-notice a:hover{color:var(--semantic-text-secondary)}.share-dialog{width:min(360px,100%)}.share-summary{align-items:center;gap:var(--space-2);display:flex}.xo-body>.share-problem{gap:var(--space-2);font:var(--text-label-md);color:var(--semantic-text-primary);text-wrap:pretty;grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.share-problem svg{color:var(--semantic-text-warning);margin-top:.2em}.share-problem[data-tone=info] svg{color:var(--semantic-text-muted)}.howto-dock{gap:var(--space-2);flex-direction:column;display:flex}.howto-dock>.sys-collapse{contain:inline-size}.howto-dock[data-narrow]>.sys-collapse{top:var(--howto-top);right:var(--howto-right);width:var(--howto-w);margin-top:0;position:fixed}.howto-card{max-height:var(--howto-max,none);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-xl);background:var(--semantic-bg-floating-translucent);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);box-shadow:var(--shadow-overlay);font:var(--text-label-sm);color:var(--semantic-text-secondary);flex-direction:column;display:flex}.howto-card[data-leaving]{pointer-events:none;animation:stage-sink var(--motion-duration-exit) var(--motion-easing-exit) forwards}.howto-head{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1) var(--space-2) var(--space-2);flex:none;display:flex}.howto-head h3{min-width:0;font:inherit;color:var(--semantic-text-primary);text-wrap:balance;flex:1;margin:0}.howto-bulb{border-radius:var(--radius-full);background:var(--semantic-bg-brand-subtle);width:24px;height:24px;color:var(--semantic-text-brand);flex:none;place-items:center;display:grid}.howto-bulb svg{width:14px;height:14px}.howto-swap{animation:howto-swap var(--motion-duration-state) var(--motion-easing-enter)}@keyframes howto-swap{0%{opacity:0;translate:0 4px}}.howto-body{gap:var(--space-3);min-height:0;padding:var(--space-3);border-top:1px solid var(--semantic-border-subtle-alt);flex-direction:column;display:flex;overflow:hidden;container-type:inline-size}.howto-steps,.howto-keys{flex:none}.howto-clip{aspect-ratio:6/5;border-radius:var(--radius-md);background:var(--semantic-bg-muted);max-width:100%;min-height:72px;transition:flex-basis var(--motion-duration-container) var(--motion-easing-enter), min-height var(--motion-duration-container) var(--motion-easing-enter), margin-bottom var(--motion-duration-container) var(--motion-easing-enter), opacity var(--motion-duration-state) var(--motion-easing-interaction);flex:0 83.3333cqw;align-self:center;display:grid;overflow:hidden}.howto-dock[data-fit=text] .howto-clip{min-height:0;margin-bottom:calc(-1 * var(--space-3));opacity:0;flex-basis:0}.howto-clip :is(video,img){object-fit:cover;width:100%;height:100%}.howto-steps{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.howto-steps li{grid-template-columns:14px minmax(0,1fr);display:grid}.howto-step-n{color:var(--semantic-text-muted);font-variant-numeric:tabular-nums}.howto-keys{gap:var(--space-1) var(--space-3);padding:var(--space-2) 0 0;border-top:1px solid var(--semantic-border-subtle-alt);color:var(--semantic-text-muted);flex-wrap:wrap;margin:0;list-style:none;display:flex}.howto-keys li{align-items:center;gap:var(--space-1);white-space:nowrap;display:inline-flex}@media (hover:none) and (pointer:coarse){.howto-keys{display:none}}.howto-help{margin-left:calc(-1 * var(--space-0-5));opacity:0;transition:grid-template-columns var(--motion-duration-container) var(--motion-easing-enter), margin-left var(--motion-duration-container) var(--motion-easing-enter), opacity var(--motion-duration-exit) var(--motion-easing-exit), scale var(--motion-duration-exit) var(--motion-easing-exit);grid-template-columns:0fr;display:grid;scale:.6}.howto-help[data-state=open]{opacity:1;transition:grid-template-columns var(--motion-duration-container) var(--motion-easing-enter), margin-left var(--motion-duration-container) var(--motion-easing-enter), opacity var(--motion-duration-state) var(--motion-easing-enter) .12s, scale var(--motion-duration-container) var(--motion-easing-enter) .12s;grid-template-columns:1fr;margin-left:0;scale:1}.howto-help>span{min-width:0;display:flex;overflow:hidden}.howto-help[data-state=open]>span{animation:howto-help-clip var(--motion-duration-container) step-end;overflow:visible}@keyframes howto-help-clip{0%{overflow:hidden}}.layer-list-wrap{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}.layer-stack,.layer-list{grid-template-columns:minmax(0,1fr);display:grid}.layer-insert{z-index:1;height:var(--space-1-5);position:relative}.layer-insert:before{content:"";inset:calc(-1 * var(--space-1)) 0;position:absolute}.layer-insert:after{--insert-hole:14px;content:"";inset-inline:var(--space-3);background:var(--semantic-border-default);height:1px;-webkit-mask:linear-gradient(to right, transparent, var(--black) 32px, var(--black) calc(50% - var(--insert-hole)), transparent calc(50% - var(--insert-hole)), transparent calc(50% + var(--insert-hole)), var(--black) calc(50% + var(--insert-hole)), var(--black) calc(100% - 32px), transparent);mask:linear-gradient(to right, transparent, var(--black) 32px, var(--black) calc(50% - var(--insert-hole)), transparent calc(50% - var(--insert-hole)), transparent calc(50% + var(--insert-hole)), var(--black) calc(50% + var(--insert-hole)), var(--black) calc(100% - 32px), transparent);opacity:0;pointer-events:none;transition:opacity var(--motion-duration-feedback) var(--motion-easing-interaction), background-color var(--motion-duration-feedback) var(--motion-easing-interaction);position:absolute;top:50%}.layer-insert:has(.sys-icon-button:hover):after{background:var(--gray-7)}.layer-insert>.sys-tooltip-anchor>.sys-icon-button{border-radius:var(--radius-full);border-color:var(--semantic-border-default);background:var(--semantic-bg-primary);width:18px;height:18px;color:var(--semantic-text-muted)}.layer-insert>.sys-tooltip-anchor>.sys-icon-button>svg{font-size:11px}.layer-insert>.sys-tooltip-anchor>.sys-icon-button:hover:not(:disabled){border-color:var(--gray-7);background:var(--semantic-bg-subtle);color:var(--semantic-text-primary)}.layer-insert>.sys-tooltip-anchor{z-index:1;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-feedback) var(--motion-easing-interaction), transform var(--motion-duration-state) var(--motion-easing-enter);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.layer-insert:hover:after{opacity:1}.layer-insert:hover>.sys-tooltip-anchor{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.layer-stack:has(>.layer-list[data-sorting]) .layer-insert{visibility:hidden}@media (hover:none){.layer-insert{visibility:hidden;pointer-events:none}}.layer-row{scroll-margin:var(--space-3);border:1px solid var(--semantic-border-default);border-radius:var(--radius-xl);background:var(--semantic-bg-primary);transition:border-color var(--motion-duration-feedback) var(--motion-easing-interaction), box-shadow var(--motion-duration-state) var(--motion-easing-interaction), background-color var(--motion-duration-feedback) var(--motion-easing-interaction);position:relative}.layer-list[data-sorting] .layer-row{transition:transform var(--motion-duration-state) var(--motion-easing-enter)}.layer-row[data-hovered],.layer-end:hover{border-color:var(--gray-7)}.layer-row[data-selected]{border-color:var(--semantic-border-solid);box-shadow:var(--shadow-raised)}.layer-row[data-dragging]{z-index:2;box-shadow:var(--shadow-modal);border-color:var(--semantic-border-solid);cursor:grabbing;transition:none!important}.layer-row-head{min-height:44px;padding-right:var(--space-1-5);-webkit-user-select:none;user-select:none;align-items:center;display:flex;position:relative}.layer-grip{width:24px;margin-left:var(--space-1);color:var(--semantic-text-placeholder);cursor:grab;touch-action:none;border-radius:var(--radius-md);transition:color var(--motion-duration-feedback) var(--motion-easing-interaction);flex:none;align-self:stretch;place-items:center;font-size:14px;display:grid}.layer-row:hover .layer-grip{color:var(--semantic-text-secondary)}.layer-row[data-dragging] .layer-grip{cursor:grabbing;color:var(--semantic-text-primary)}.layer-row-main{align-items:center;gap:var(--space-2);min-width:0;padding:0 var(--space-1);border-radius:var(--radius-md);font:var(--text-label-md);font-variant-numeric:tabular-nums;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-self:stretch;display:flex}.layer-row-main:focus-visible{box-shadow:inset 0 0 0 2px var(--semantic-focus-ring-default)}.layer-index{color:var(--semantic-text-muted);flex:none}.layer-kind{color:var(--semantic-text-primary);white-space:nowrap;flex:none}.layer-code{min-width:0;color:var(--semantic-text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;overflow:hidden}.layer-meta{justify-content:flex-end;gap:var(--space-2);min-width:56px;color:var(--semantic-text-secondary);white-space:nowrap;transition:opacity var(--motion-duration-feedback) var(--motion-easing-interaction);flex:none;margin-left:auto;display:inline-flex}.layer-meta-muted{color:var(--semantic-text-muted)}.layer-actions{right:var(--space-1-5);gap:var(--space-0-5);opacity:0;pointer-events:none;transition:opacity var(--motion-duration-feedback) var(--motion-easing-interaction), transform var(--motion-duration-state) var(--motion-easing-enter);display:inline-flex;position:absolute;top:50%;transform:translate(4px,-50%)}.layer-row:is(:hover,:focus-within,[data-selected]) .layer-actions{opacity:1;pointer-events:auto;transform:translateY(-50%)}.layer-row:is(:hover,:focus-within,[data-selected]) .layer-meta{opacity:0}@media (hover:none){.layer-actions{opacity:1;pointer-events:auto;transform:translateY(-50%)}.layer-meta{opacity:0}}.layer-warn{margin-left:calc(-1 * var(--space-1));color:var(--semantic-text-warning);flex:none;font-size:15px}.layer-warn-tip{white-space:pre-line}.layer-alerts:empty{display:none}.layer-editor{--inset-l:4px;--inset-r:5px;--inset-v:max(var(--inset-l), var(--inset-r));--inset-gap:max(var(--space-1), round(calc(var(--inset-v) * 2 / 3), 1px));gap:var(--inset-gap);margin:0 var(--space-1) var(--space-1);padding:var(--inset-v) var(--inset-r) var(--inset-v) var(--inset-l);border-radius:var(--radius-lg);background:var(--semantic-bg-secondary);border:1px solid var(--semantic-border-subtle);flex-direction:column;display:flex}.layer-editor-group,.layer-cell,.layer-cell>.sys-collapse>[data-slot=inner]{gap:var(--inset-gap,var(--space-2));flex-direction:column;display:flex}.layer-cells{gap:var(--space-1);margin-left:calc(-1 * clamp(0px, var(--inset-l) - var(--space-1), 1px + var(--space-2)));margin-right:calc(-1 * clamp(0px, var(--inset-r) - var(--space-1), 1px + var(--space-2)));grid-template-columns:1fr 1fr;display:grid}.layer-cells .layer-cell{flex:1}.layer-cells .layer-cell>.sys-switch{margin-top:auto}.layer-cells[data-sorting] .layer-cell-card{transition:transform var(--motion-duration-state) var(--motion-easing-enter)}.layer-cell-card[data-dragging]{z-index:2;box-shadow:var(--shadow-modal);border-color:var(--semantic-border-solid);position:relative;transition:none!important}.layer-cell-head .layer-grip{width:20px;margin-left:calc(-1 * var(--space-2))}.layer-cell-card[data-dragging] .layer-grip{cursor:grabbing;color:var(--semantic-text-primary)}.layer-cell-card{gap:var(--inset-gap,var(--space-2));min-width:0;padding:var(--space-1) var(--space-2) var(--space-2);border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-md);background:var(--semantic-bg-primary);transition:border-color var(--motion-duration-feedback) var(--motion-easing-interaction);flex-direction:column;display:flex}.layer-cell-card:hover{border-color:var(--semantic-border-default)}.layer-cell-card[data-selected]{border-color:var(--gray-8)}.layer-cell-head{align-items:center;gap:var(--space-2);-webkit-user-select:none;user-select:none;min-height:28px;font:var(--text-label-md);display:flex}.layer-cell-side{color:var(--semantic-text-muted)}.layer-cell-code{color:var(--semantic-text-primary);flex:1}.layer-editor:has(>.layer-editor-foot){padding-bottom:round(calc(var(--inset-v) / 2), 1px)}.layer-editor-foot{padding-top:round(calc(var(--inset-v) / 2), 1px);border-top:1px solid var(--semantic-border-subtle);justify-content:space-between;align-items:center;display:flex}.layer-editor-open{gap:var(--space-1);margin-left:calc(-1 * min(var(--space-1-5), var(--inset-l) - 1px));display:inline-flex}.layer-editor-move{gap:var(--space-0-5);margin-right:calc((14px - var(--control-xs)) / 2);display:inline-flex}.layer-end-icon{width:24px;margin-left:var(--space-1);flex:none;align-self:stretch;place-items:center;display:grid}.layer-end .layer-end-icon{color:var(--semantic-text-muted)}.layer-end-icon svg{display:block}.layer-end-blank{width:2ch}.layer-end .layer-row-main{margin-right:calc(var(--control-sm) + var(--space-1))}@media (hover:hover){.layer-end:not(:hover):not(:has(:focus-visible)):not([data-selected]) .layer-actions{opacity:0;pointer-events:none;transform:translate(4px,-50%)}}.layer-end-slot{--slot-line:var(--gray-6);width:100%;min-height:46px;padding:0 var(--space-1-5) 0 0;border-radius:var(--radius-xl);font:var(--text-label-md);font-variant-numeric:tabular-nums;color:var(--semantic-text-muted);text-align:left;cursor:pointer;transition:color var(--motion-duration-feedback) var(--motion-easing-interaction);background:0 0;border:1px solid #0000;align-items:center;display:grid;position:relative}.layer-end-outline{pointer-events:none;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;inset:-1px;overflow:visible}.layer-end-outline rect{x:.5px;y:.5px;rx:calc(var(--radius-xl) - .5px);fill:none;width:calc(100% - 1px);height:calc(100% - 1px);stroke:var(--slot-line);stroke-width:1px;stroke-dasharray:4 3;transition:stroke var(--motion-duration-feedback) var(--motion-easing-interaction)}.layer-end-slot:focus-visible{box-shadow:0 0 0 2px var(--semantic-focus-ring-default);outline:none}.layer-end-face{align-items:center;gap:var(--space-2);transition:opacity var(--motion-duration-feedback) var(--motion-easing-interaction);grid-area:1/1;display:flex}.layer-end-text{margin-left:calc(var(--space-1) + 2ch)}.layer-end-face[data-face=add]{opacity:0}.layer-end-slot:not([aria-disabled]):is(:hover,:focus-visible){--slot-line:var(--gray-9);color:var(--semantic-text-primary)}.layer-end-slot:not([aria-disabled]):is(:hover,:focus-visible) .layer-end-face[data-face=idle]{opacity:0}.layer-end-slot:not([aria-disabled]):is(:hover,:focus-visible) .layer-end-face[data-face=add]{opacity:1}.layer-end-slot[aria-disabled]{--slot-line:var(--semantic-border-subtle);color:var(--semantic-text-placeholder);cursor:not-allowed}.layer-add{align-items:center;gap:var(--space-1-5);flex-wrap:wrap;display:flex}.part-panel{border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-xl);background:var(--semantic-bg-floating-translucent);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);width:272px;max-height:calc(100vh - 160px);box-shadow:var(--shadow-overlay);font:var(--text-label-sm);font-variant-numeric:tabular-nums;color:var(--semantic-text-primary);animation:stage-rise var(--motion-duration-container) var(--motion-easing-enter);grid-template-columns:minmax(0,1fr);display:grid;overflow:auto}.part-panel[data-leaving]{animation:stage-sink var(--motion-duration-exit) var(--motion-easing-exit) forwards}.part-panel-head{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1) var(--space-2) var(--space-3);border-bottom:1px solid var(--semantic-border-subtle-alt);display:flex}.part-panel-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.part-panel-title small{margin-left:var(--space-1-5);font:inherit;color:var(--semantic-text-secondary)}.part-panel-body{gap:var(--space-3);padding:var(--space-3);display:grid}.part-panel-block{gap:var(--space-1);display:grid}.part-panel-block h3{font:inherit;color:var(--semantic-text-muted);margin:0}.part-panel-block dl{gap:var(--space-1);margin:0;display:grid}.part-panel-row{align-items:center;gap:var(--space-2);grid-template-columns:64px minmax(0,1fr);min-height:22px;display:grid}.part-panel-row dt{color:var(--semantic-text-secondary)}.part-panel-row dd{align-items:center;gap:var(--space-1-5);min-width:0;margin:0;display:flex}.part-panel-row dd small{font:inherit;color:var(--semantic-text-secondary)}.part-panel-mono{font:var(--text-mono-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.part-panel-file{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.part-panel-group.sys-button{min-width:0;max-width:calc(100% + var(--space-2));margin-left:calc(-1 * var(--space-2));flex:0 auto}.part-panel-actions{gap:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-3);border-top:1px solid var(--semantic-border-subtle-alt);flex-wrap:wrap;display:flex}.part-tip{z-index:var(--z-tooltip);padding:2px var(--space-2);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-sm);background:var(--semantic-bg-floating-translucent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:var(--text-label-sm);color:var(--semantic-text-primary);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:320px;position:fixed;overflow:hidden}@media (max-width:900px){.part-panel{width:min(272px, calc(100vw - 2 * var(--space-3)));max-height:45vh}}.otip{--otip-bg:var(--semantic-bg-floating);z-index:calc(var(--z-popover) + 1);width:min(296px,100vw - 16px);height:var(--tip-h,auto);translate:var(--tip-x,-999px) var(--tip-y,0);transition:translate var(--motion-duration-container) var(--motion-easing-enter), height var(--motion-duration-container) var(--motion-easing-enter);position:fixed;top:0;left:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .otip{--otip-bg:var(--gray-2)}}:root[data-theme=dark] .otip{--otip-bg:var(--gray-2)}.otip[data-jump],.otip[data-jump] .otip-arrow{transition:none}.otip-pop{height:100%;transform-origin:var(--otip-origin);animation:otip-in var(--motion-duration-state) var(--motion-easing-enter);transition:opacity var(--motion-duration-exit) var(--motion-easing-exit), scale var(--motion-duration-exit) var(--motion-easing-exit);position:relative}.otip[data-edge=left]{--otip-origin:0 var(--tip-arrow)}.otip[data-edge=right]{--otip-origin:100% var(--tip-arrow)}.otip[data-edge=top]{--otip-origin:var(--tip-arrow) 0}.otip[data-edge=bottom]{--otip-origin:var(--tip-arrow) 100%}.otip[data-leaving] .otip-pop{opacity:0;scale:.96}@keyframes otip-in{0%{opacity:0;scale:.92}}.otip-box{border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-xl);background:var(--otip-bg);height:100%;box-shadow:var(--shadow-modal);position:relative;overflow:hidden}.otip-body{gap:var(--space-3);padding:var(--space-3);animation:otip-fade-in var(--motion-duration-state) var(--motion-easing-enter) 60ms backwards;flex-direction:column;display:flex}.otip-body[data-old]{pointer-events:none;animation:otip-fade-out var(--motion-duration-exit) var(--motion-easing-exit) forwards;position:absolute;inset:0 0 auto}.otip-main{align-items:flex-start;gap:10px;display:flex}.otip-icon{border-radius:var(--radius-full);background:var(--semantic-bg-brand-subtle);width:28px;height:28px;color:var(--semantic-text-brand);flex:none;place-items:center;margin-top:-4px;display:grid}.otip-icon svg{width:16px;height:16px}.otip-text{min-width:0;font:var(--text-text-sm);color:var(--semantic-text-primary);flex:1}.otip-text p{text-wrap:pretty;margin:0}.otip-text p+p{margin-top:var(--space-1-5)}.otip-text .sys-kbd{vertical-align:1px;margin:0 1px}.otip-text .otip-more{color:var(--semantic-text-secondary)}.otip-more a{color:var(--semantic-text-brand);white-space:nowrap;align-items:center;gap:2px;text-decoration:none;display:inline-flex}.otip-more a:hover{text-underline-offset:2px;text-decoration:underline}.otip-more a svg{width:14px;height:14px}.otip-foot{justify-content:flex-end;align-items:center;gap:var(--space-2);padding-left:38px;display:flex}.otip-steps{align-items:center;gap:4px;margin-right:auto;display:flex}.otip-steps i{background:var(--semantic-border-default);width:6px;height:6px;transition:width var(--motion-duration-container) var(--motion-easing-enter), background var(--motion-duration-state);border-radius:3px}.otip-steps i[data-done]{background:var(--semantic-border-brand)}.otip-steps i[data-on]{background:var(--semantic-bg-brand-solid);width:16px}.otip-arrow{border:1px solid var(--semantic-border-subtle-alt);background:var(--otip-bg);opacity:0;width:12px;height:12px;transition:opacity var(--motion-duration-state) var(--motion-easing-enter), top var(--motion-duration-container) var(--motion-easing-enter), left var(--motion-duration-container) var(--motion-easing-enter);position:absolute;rotate:45deg}.otip-arrow[data-edge=left]{left:-6px;top:calc(var(--tip-arrow) - 6px);border-top-color:#0000;border-right-color:#0000}.otip-arrow[data-edge=right]{left:calc(100% - 6px);top:calc(var(--tip-arrow) - 6px);border-bottom-color:#0000;border-left-color:#0000}.otip-arrow[data-edge=top]{top:-6px;left:calc(var(--tip-arrow) - 6px);border-bottom-color:#0000;border-right-color:#0000}.otip-arrow[data-edge=bottom]{top:calc(100% - 6px);left:calc(var(--tip-arrow) - 6px);border-top-color:#0000;border-left-color:#0000}.otip[data-edge=left] .otip-arrow[data-edge=left],.otip[data-edge=right] .otip-arrow[data-edge=right],.otip[data-edge=top] .otip-arrow[data-edge=top],.otip[data-edge=bottom] .otip-arrow[data-edge=bottom]{opacity:1}.otip-ring{z-index:calc(var(--z-popover) + 1);width:var(--ring-w,0);height:var(--ring-h,0);translate:var(--ring-x,-999px) var(--ring-y,0);border:2px solid var(--semantic-bg-brand-solid);border-radius:var(--ring-r,8px);box-shadow:0 0 0 4px color-mix(in srgb, var(--semantic-bg-brand-solid) 22%, transparent);pointer-events:none;animation:otip-fade-in var(--motion-duration-state) var(--motion-easing-enter);transition:translate var(--motion-duration-container) var(--motion-easing-enter), width var(--motion-duration-container) var(--motion-easing-enter), height var(--motion-duration-container) var(--motion-easing-enter), border-radius var(--motion-duration-container) var(--motion-easing-enter), opacity var(--motion-duration-exit) var(--motion-easing-exit);position:fixed;top:0;left:0}.otip-ring[data-jump]{transition:none}.otip-ring[data-leaving]{opacity:0}.otip-ring:after{content:"";border:2px solid var(--semantic-bg-brand-solid);border-radius:inherit;opacity:0;animation:otip-pulse-a 1.2s var(--motion-easing-enter) .3s 2;position:absolute;inset:-2px}.otip-ring[data-pulse=b]:after{animation-name:otip-pulse-b}@keyframes otip-pulse-a{0%{opacity:.7;scale:1}to{opacity:0;scale:1.06}}@keyframes otip-pulse-b{0%{opacity:.7;scale:1}to{opacity:0;scale:1.06}}@keyframes otip-fade-in{0%{opacity:0}}@keyframes otip-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.otip,.otip-arrow,.otip-ring{transition:opacity var(--motion-duration-state)}.otip-pop{animation-name:otip-fade-in}.otip[data-leaving] .otip-pop{scale:none}.otip-ring:after{display:none}}.tut-corner{top:var(--space-4);left:var(--space-4);bottom:var(--space-4);z-index:var(--z-stage-ui);max-width:calc(100% - 2 * var(--space-4));pointer-events:none;align-items:flex-end;display:flex;position:absolute}.tut-corner>*{pointer-events:auto}.tut-shell{border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-xl);background:var(--semantic-bg-floating-translucent);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);max-height:100%;box-shadow:inset 0 0 0 100px transparent, var(--shadow-overlay);animation:stage-rise var(--motion-duration-container) var(--motion-easing-enter);transition:opacity var(--motion-duration-exit) var(--motion-easing-exit), translate var(--motion-duration-exit) var(--motion-easing-exit), box-shadow var(--motion-duration-feedback) var(--motion-easing-interaction), border-color var(--motion-duration-feedback) var(--motion-easing-interaction), scale var(--motion-duration-feedback) var(--motion-easing-interaction);flex-direction:column;display:flex;position:relative}.tut-shell[data-shape=pill]{border-radius:17px}.tut-shell[data-leaving]{opacity:0;translate:0 6px}.tut-shell-content{min-height:0;animation:tut-content-in var(--motion-duration-state) var(--motion-easing-enter) 90ms backwards;flex-direction:column;display:flex}@keyframes tut-content-in{0%{opacity:0}}.tut-shell-content[data-leaving]{pointer-events:none;animation:tut-content-out var(--motion-duration-exit) var(--motion-easing-exit) forwards;position:absolute;top:0;left:0}@keyframes tut-content-out{to{opacity:0}}.tut-pill{align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3) var(--space-1-5) var(--space-2);border-radius:inherit;font:var(--text-label-sm);color:var(--semantic-text-primary);white-space:nowrap;cursor:pointer;background:0 0;border:0;display:flex}.tut-shell[data-shape=pill]:hover{box-shadow:inset 0 0 0 100px var(--semantic-bg-hover), var(--shadow-overlay);border-color:var(--semantic-border-default)}.tut-shell[data-shape=pill]:hover .tut-pill-caret{color:var(--semantic-text-secondary)}.tut-shell[data-shape=pill]:active{scale:var(--press-scale)}.tut-pill:focus-visible{outline:2px solid var(--semantic-focus-ring-brand);outline-offset:2px}@media (hover:none) and (pointer:coarse){.tut-shell[data-shape=pill]{border-radius:18px}.tut-corner>.tut-shell[data-shape=pill]{overflow:visible}.tut-pill{min-height:34px;position:relative}.tut-pill:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.tut-pill-count{color:var(--semantic-text-secondary);font-variant-numeric:tabular-nums}.tut-pill-caret{color:var(--semantic-text-muted);transition:color var(--motion-duration-feedback) var(--motion-easing-interaction);rotate:180deg}.tut-ring{width:18px;height:18px;rotate:-90deg}.tut-ring circle{fill:none;stroke-width:2.5px}.tut-ring-track{stroke:var(--semantic-border-default)}.tut-ring-fill{stroke:var(--semantic-text-brand);stroke-linecap:round;transition:stroke-dashoffset var(--motion-duration-container) var(--motion-easing-enter)}.tut-card{width:min(340px, 100vw - 2 * var(--space-4));min-height:0;max-height:calc(100vh - 140px);padding:var(--space-3) var(--space-3) var(--space-4);flex-direction:column;display:flex;position:relative;overflow:auto}.tut-head{align-items:center;column-gap:var(--space-1);padding-left:calc(var(--space-1) + 26px + var(--space-1));padding-right:calc(32px + var(--space-1));flex-wrap:wrap;display:flex;position:relative}.tut-head>.sys-button{margin-left:calc(-1 * var(--space-1-5))}.tut-head>.tut-bulb{top:4px;left:var(--space-1);position:absolute}.tut-head>.sys-tooltip-anchor{position:absolute;top:0;right:0}.tut-bulb{border-radius:var(--radius-full);background:var(--semantic-bg-brand-subtle);width:24px;height:24px;color:var(--semantic-text-brand);flex:none;place-items:center;margin-right:2px;display:grid}.tut-bulb svg{width:14px;height:14px}.tut-title{min-width:0;font:var(--text-label-md);text-wrap:balance;flex:auto;margin:0;padding:6px 0;font-weight:600}.tut-count{margin-left:var(--space-2);white-space:nowrap;color:var(--semantic-text-secondary);font-variant-numeric:tabular-nums;font-weight:400}.tut-card>.sys-progress{margin:var(--space-2) var(--space-1) var(--space-1)}.tut-card>*{flex-shrink:0}.tut-list{margin:0;padding:0;list-style:none}.tut-row-main{align-items:center;gap:var(--space-2);width:100%;min-height:36px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--semantic-text-primary);font:var(--text-label-md);text-align:left;cursor:default;transition:background var(--motion-duration-feedback) var(--motion-easing-interaction);background:0 0;border:0;display:flex}.tut-row:hover .tut-row-main{background:var(--semantic-bg-hover)}.tut-row{position:relative}.tut-row-where{right:var(--space-1);opacity:0;pointer-events:none;transition:opacity var(--motion-duration-feedback) var(--motion-easing-interaction), transform var(--motion-duration-state) var(--motion-easing-enter);position:absolute;top:50%;transform:translate(4px,-50%)}.tut-row:is(:hover,:has(:focus-visible),[data-open],[data-spot]) .tut-row-where{opacity:1;pointer-events:auto;transform:translateY(-50%)}.tut-row:is(:hover,:has(:focus-visible),[data-open],[data-spot]) .tut-row-how{opacity:0}@media (hover:none) and (pointer:coarse){.tut-row-main{min-height:44px}}@media (hover:none){.tut-row-where{opacity:1;pointer-events:auto;transform:translateY(-50%)}.tut-row-how{opacity:0}}.tut-row-where .sys-icon-button{cursor:pointer}.tut-row[data-spot] .tut-row-where .sys-icon-button{color:var(--semantic-text-brand)}.tut-check{flex:none;width:18px;height:18px;overflow:visible}.tut-check circle,.tut-check path{transform-box:fill-box;transform-origin:50%}.tut-check-ring{fill:none;stroke:var(--semantic-text-muted);stroke-width:1.5px}.tut-check-fill{fill:var(--semantic-text-brand);transform:scale(0)}.tut-check-pulse{fill:none;stroke:var(--semantic-text-brand);stroke-width:1.5px;opacity:0}.tut-check-mark{fill:none;stroke:var(--semantic-bg-primary);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.tut-check[data-done] .tut-check-ring{opacity:0}.tut-check[data-done] .tut-check-fill{transform:scale(1)}.tut-check[data-done] .tut-check-mark{stroke-dashoffset:0}[data-just] .tut-row-lead,.tut-keys li[data-just]{transform-origin:50%;animation:.62s cubic-bezier(.34,1.56,.64,1) tut-bounce}[data-just] .tut-check-ring{animation:tut-ring-out .2s var(--motion-easing-exit) backwards}[data-just] .tut-check-fill{animation:.46s cubic-bezier(.34,1.7,.64,1) backwards tut-fill-in}[data-just] .tut-check-pulse{animation:tut-pulse .7s var(--motion-easing-enter) .12s}[data-just] .tut-check-mark{animation:tut-draw .34s var(--motion-easing-enter) .22s backwards}[data-just] .tut-row-how{animation:tut-fade .25s var(--motion-easing-exit) .7s forwards}.tut-or{align-items:center;gap:var(--space-1);animation:tut-content-in var(--motion-duration-container) var(--motion-easing-enter) backwards;display:inline-flex}.tut-pill[data-just] .tut-ring{animation:.56s cubic-bezier(.34,1.56,.64,1) tut-fill-in}@keyframes tut-bounce{0%{transform:scale(1)}35%{transform:scale(1.035)}70%{transform:scale(.992)}to{transform:scale(1)}}@keyframes tut-ring-out{0%{opacity:1}}@keyframes tut-fill-in{0%{transform:scale(.2)}}@keyframes tut-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes tut-draw{0%{stroke-dashoffset:1px}}.tut-row[data-done] .tut-row-text{color:var(--semantic-text-secondary)}.tut-row-lead{align-items:center;gap:var(--space-2);min-width:0;margin-right:auto;display:inline-flex}.tut-row-how{align-items:center;gap:var(--space-1);transition:opacity var(--motion-duration-feedback) var(--motion-easing-interaction);flex:none;display:flex}.tut-or,.tut-mouse{font:var(--text-label-sm);color:var(--semantic-text-muted)}.tut-mouse{align-items:center;gap:var(--space-0-5);display:inline-flex}.tut-mouse svg{width:14px;height:14px}.tut-row[data-open] .tut-row-main{background:var(--semantic-bg-hover)}.tut-tip{left:calc(100% + var(--space-2));width:clamp(300px,min(100vw - 860px,60vh - 136px),400px);height:var(--tut-tip-h);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-xl);background:var(--semantic-bg-floating);box-shadow:var(--shadow-modal);transform:translateY(var(--tut-tip-y));animation:tut-tip-in var(--motion-duration-state) var(--motion-easing-enter);transition:transform .26s var(--motion-easing-interaction), height .26s var(--motion-easing-interaction), opacity var(--motion-duration-exit) var(--motion-easing-exit);position:absolute;top:0;overflow:hidden}.tut-tip[data-jump]{transition:opacity var(--motion-duration-exit) var(--motion-easing-exit)}.tut-tip[data-leaving]{opacity:0}.tut-tip-inner{padding:var(--space-3);animation:tut-content-in var(--motion-duration-state) var(--motion-easing-enter) 60ms backwards}.tut-detail .sys-kbd{vertical-align:1px;margin:0 1px}@keyframes tut-tip-in{0%{opacity:0;translate:-4px}}.tut-tip-title{margin:0 0 var(--space-1);font:var(--text-label-md);text-wrap:balance;font-weight:600}.tut-tip-sub{margin:var(--space-3) 0 0;font:var(--text-label-sm);color:var(--semantic-text-muted)}.tut-detail{font:var(--text-label-sm);color:var(--semantic-text-secondary);margin:0}.tut-concepts{margin:var(--space-1-5) 0 0;padding-left:var(--space-4);font:var(--text-label-sm);color:var(--semantic-text-secondary)}.tut-concepts li+li{margin-top:var(--space-1)}.tut-clip{aspect-ratio:6/5;width:100%;margin-top:var(--space-2);border-radius:var(--radius-md);object-fit:cover;background:var(--semantic-bg-muted);display:block}.tut-keys{margin-top:var(--space-2);padding:var(--space-3) var(--space-2) var(--space-1);border-top:1px solid var(--semantic-border-subtle)}.tut-keys h3{margin:0 0 var(--space-1-5);font:var(--text-label-sm);color:var(--semantic-text-muted)}.tut-keys ul{gap:var(--space-1-5) var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.tut-keys li{align-items:center;gap:var(--space-1-5);font:var(--text-label-sm);color:var(--semantic-text-secondary);justify-self:start;min-width:0;display:flex}.tut-keys li .tut-check{width:13px;height:13px;margin-left:calc(var(--space-1) * -.5)}.tut-keys li[data-done] span{color:var(--semantic-text-muted)}.tut-row-text{position:relative}.tut-row-text:after{content:"";transform-origin:0;background:currentColor;border-radius:1px;height:1.5px;position:absolute;top:52%;left:-2px;right:-2px;transform:scaleX(0)}.tut-card[data-phase=finishing] .tut-row-text:after{animation:tut-strike .22s var(--motion-easing-enter) forwards;animation-delay:calc(.45s + var(--i) * 45ms)}.tut-card[data-phase=finishing] .tut-row{animation:tut-clear .22s var(--motion-easing-exit) forwards;animation-delay:calc(.65s + var(--i) * 45ms)}.tut-card>.sys-progress[data-done]{opacity:1}.tut-card[data-phase=finishing] .tut-keys,.tut-card[data-phase=finishing] .tut-head,.tut-card[data-phase=finishing]>.sys-progress{animation:tut-fade .26s var(--motion-easing-exit) forwards;animation-delay:.75s}@keyframes tut-strike{to{transform:scaleX(1)}}@keyframes tut-clear{to{opacity:0;transform:translate(-12px)}}@keyframes tut-fade{to{opacity:0}}.tut-done{padding:var(--space-5) var(--space-4) var(--space-4);text-align:center;align-items:center;overflow:visible}.tut-done-mark{width:40px;height:40px;color:var(--semantic-text-brand);animation:tut-pop .44s var(--motion-easing-enter) .18s backwards}.tut-done-text{animation:tut-rise .32s var(--motion-easing-enter) .28s backwards;flex-direction:column;align-items:center;display:flex}@keyframes tut-rise{0%{opacity:0;transform:translateY(6px)}}.tut-done-title{margin:var(--space-2) 0 0;font:var(--text-heading-xs);text-wrap:balance}.tut-done-line{margin:var(--space-1) 0 0;font:var(--text-label-md)}.tut-done-where{margin:var(--space-1) 0 var(--space-3);font:var(--text-label-sm);color:var(--semantic-text-muted)}.tut-confetti{pointer-events:none;position:absolute;top:44px;left:50%}.tut-confetti i{background:var(--semantic-bg-brand-solid);opacity:0;border-radius:1px;width:6px;height:10px;animation:1s cubic-bezier(.2,.7,.3,1) forwards tut-burst;position:absolute}.tut-confetti i[data-c="1"]{background:var(--semantic-text-brand);border-radius:50%;width:5px;height:5px}.tut-confetti i[data-c="2"]{background:var(--semantic-bg-brand-subtle);border:1px solid var(--semantic-border-brand)}@keyframes tut-burst{0%{opacity:1;transform:translate(0)rotate(0)}70%{opacity:1}to{opacity:0;transform:translate(var(--x), calc(var(--y) + 24px)) rotate(var(--r))}}@keyframes tut-pop{0%{opacity:0;scale:.5}60%{opacity:1;scale:1.15}to{scale:1}}@media (prefers-reduced-motion:reduce){.tut-confetti{display:none}.tut-check *,[data-just] .tut-row-lead,.tut-keys li[data-just],.tut-pill[data-just] .tut-ring,.tut-done-mark{animation:none!important}}.tut-sheet-mask{z-index:calc(var(--z-dialog) - 1);background:var(--semantic-bg-scrim);animation:tut-content-in var(--motion-duration-sheet) var(--motion-easing-sheet);transition:opacity var(--motion-duration-sheet-exit) var(--motion-easing-sheet);position:fixed;inset:0}.tut-sheet-mask[data-leaving]{opacity:0;pointer-events:none}.tut-sheet{--sheet-pad-x:0px;z-index:var(--z-dialog);max-height:calc(100dvh - env(safe-area-inset-top,0px) - 56px);border-radius:var(--phone-radius-sheet,16px) var(--phone-radius-sheet,16px) 0 0;background:var(--component-rail-bg);box-shadow:0 0 0 1px var(--semantic-border-subtle), var(--shadow-sheet);animation:tut-sheet-in var(--motion-duration-sheet) var(--motion-easing-sheet);transition:translate var(--motion-duration-sheet-exit) var(--motion-easing-sheet);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.tut-sheet[data-leaving]{translate:0 105%}@keyframes tut-sheet-in{0%{translate:0 100%}}.tut-sheet>.sheet-head{padding-left:var(--space-4)}.tut-sheet-body{overscroll-behavior:contain;min-height:0;padding:0 var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));overflow-y:auto}.tut-sheet-body .tut-detail{margin-top:0}.tut-skip-note{gap:var(--space-1);width:min(340px, 100vw - 2 * var(--space-4));padding:var(--space-3) var(--space-3) var(--space-3) calc(var(--space-3) + var(--space-1));flex-direction:column;display:flex}.tut-skip-note .tut-title{padding:2px 0 0}.tut-skip-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}.phone-tut .tut-skip-note{width:100%}.phone-tut .tut-skip-actions{gap:var(--phone-gap,10px)}.phone-tut .tut-skip-actions .sys-button{height:36px;padding:0 var(--space-3);font:var(--text-label-md)}@media (hover:none){.tut-shell[data-shape=pill]:hover{box-shadow:inset 0 0 0 100px transparent, var(--shadow-overlay);border-color:var(--semantic-border-subtle-alt)}.tut-shell[data-shape=pill]:active{box-shadow:inset 0 0 0 100px var(--semantic-bg-hover), var(--shadow-overlay);scale:none}}@media (max-width:480px){.tut-corner{left:var(--space-2);right:var(--space-2);bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-2));max-width:none}.tut-card{width:100%;max-height:60vh}.tut-shell,.tut-pill{width:100%}.tut-tip{width:auto;height:auto;inset:auto 0 0;transform:none}.tut-pill-caret{margin-left:auto}}:root{--vn-x:var(--axis-x);--vn-y:var(--axis-y);--vn-z:var(--axis-z)}.vn{--vn-box:88px;left:max(var(--space-4), env(safe-area-inset-left,0px));bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-4) + var(--vn-lift,0px));z-index:var(--z-stage-ui);width:var(--vn-box);height:var(--vn-box);transform-origin:0 100%;transition:bottom var(--motion-duration-container) var(--motion-easing-interaction), opacity var(--motion-duration-state) var(--motion-easing-interaction), transform var(--motion-duration-state) var(--motion-easing-interaction);animation:vn-in var(--motion-duration-container) var(--motion-easing-enter);position:absolute}.vn[data-hidden],.vn[data-crowded]{opacity:0;pointer-events:none;transform:scale(.9)}@keyframes vn-in{0%{opacity:0;transform:scale(.9)}}.vn-gizmo{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;width:100%;height:100%;display:grid}.vn-gizmo[data-dragging]{cursor:grabbing}.vn-cube{z-index:1;width:50px;height:50px;transform-style:preserve-3d;grid-area:1/1;position:relative}.vn-face{--vn-face:color-mix(in oklab, var(--semantic-text-primary) var(--vn-shade), var(--semantic-bg-floating));--vn-bevel:color-mix(in oklab, var(--semantic-text-primary) calc(var(--vn-shade) + 8%), var(--semantic-bg-floating));background:var(--vn-bevel);backface-visibility:hidden;grid-template-rows:17% 1fr 17%;grid-template-columns:17% 1fr 17%;display:grid;position:absolute;inset:0;overflow:hidden}.vn-face[data-axis=x]{--vn-shade:10%}.vn-face[data-axis=y]{--vn-shade:18%}.vn-face[data-axis=z]{--vn-shade:14%}.vn-cell{cursor:pointer;transition:background-color var(--motion-duration-feedback) var(--motion-easing-interaction)}.vn-cell[data-kind=face]{background:var(--vn-face);border-radius:4px}.vn-gizmo[data-dragging] .vn-cell{cursor:grabbing}.vn-face .vn-cell[data-hover]{background:var(--brand-9)}.vn-face-label{font:600 14px/1 var(--font-text);color:color-mix(in oklab, var(--semantic-text-primary) 62%, transparent);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}:lang(en) .vn-face-label{font-size:9.5px}.vn-cube-axes{width:var(--vn-box);height:var(--vn-box);pointer-events:none;grid-area:1/1;overflow:visible}.vn-cube-axes line{stroke:var(--vn-axis);stroke-width:1.5px;stroke-linecap:round}.vn-cube-axes text{font:600 9px var(--font-text);fill:var(--vn-axis);text-anchor:middle;dominant-baseline:central}.vn-ball{width:100%;height:100%;overflow:visible}.vn-ball-disc{fill:#0000;transition:fill var(--motion-duration-feedback) var(--motion-easing-interaction)}.vn-gizmo:hover .vn-ball-disc,.vn-gizmo[data-dragging] .vn-ball-disc{fill:var(--semantic-bg-floating-translucent)}.vn-ball-line{stroke:var(--vn-axis);stroke-width:2px;stroke-linecap:round}.vn-ball-end{cursor:pointer}.vn-gizmo[data-dragging] .vn-ball-end{cursor:grabbing}.vn-ball-end circle{fill:color-mix(in oklab, var(--vn-axis) 28%, var(--semantic-bg-floating));stroke:var(--vn-axis);stroke-width:1.5px;transition:stroke var(--motion-duration-feedback) var(--motion-easing-interaction)}.vn-ball-end[data-pos] circle{fill:var(--vn-axis)}.vn-ball-end[data-hover] circle{stroke:var(--semantic-text-primary);stroke-width:2px}.vn-ball-end text{font:600 9px var(--font-text);fill:var(--vn-axis);text-anchor:middle;dominant-baseline:central;pointer-events:none}.vn-ball-end[data-pos] text{fill:var(--white)}.vn-cube-axes [data-axis=x],.vn-ball [data-axis=x]{--vn-axis:var(--vn-x)}.vn-cube-axes [data-axis=y],.vn-ball [data-axis=y]{--vn-axis:var(--vn-y)}.vn-cube-axes [data-axis=z],.vn-ball [data-axis=z]{--vn-axis:var(--vn-z)}.vn-home{top:0;left:calc(100% + var(--space-1));position:absolute}.vn-home .sys-icon-button[data-size=xs]{padding:0}.vn-home .sys-icon-button[data-size=xs]>svg{flex-shrink:0}.vn-tip-text{animation:vn-tip-swap var(--motion-duration-feedback) var(--motion-easing-enter)}@keyframes vn-tip-swap{0%{opacity:0}}@media (max-width:480px){.vn{scale:.8}}@media (prefers-reduced-motion:reduce){.vn,.vn[data-hidden],.vn[data-crowded]{transform:none}}.shortcuts{display:inline-flex}.shortcuts-pop{z-index:var(--z-popover);width:520px;max-width:calc(100vw - 2 * var(--space-4));padding:var(--space-2) var(--space-4) var(--space-3);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-xl);background:var(--semantic-bg-floating);box-shadow:var(--shadow-modal);transform-origin:0 0;animation:pop-in var(--motion-duration-state) var(--motion-easing-enter);position:fixed}.shortcuts-cols{columns:2;column-gap:var(--space-6)}.shortcuts-group{break-inside:avoid;padding-top:var(--space-1)}.shortcuts-group h3{padding:var(--space-2) 0 var(--space-1);font:var(--text-label-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--semantic-text-muted);margin:0}.shortcuts-row{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:26px;font:var(--text-label-sm);color:var(--semantic-text-secondary);font-weight:400;display:flex}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}}.shortcuts-pop[data-leaving],.project-pop[data-leaving]{animation:pop-out var(--motion-duration-exit) var(--motion-easing-exit) forwards}@keyframes pop-out{to{opacity:0;transform:translateY(-4px)scale(.97)}}.project-bar{align-items:center;gap:var(--space-1);display:flex;position:relative}.project-trigger{align-items:center;gap:var(--space-2);min-width:0;height:var(--control-sm);padding:0 var(--space-4) 0 var(--space-3);border:1px solid var(--component-input-border);border-radius:var(--radius-lg);background:var(--component-input-bg);color:var(--semantic-text-primary);font:var(--text-label-md);text-align:left;cursor:pointer;transition:border-color var(--motion-duration-feedback) var(--motion-easing-interaction);flex:1;display:flex}.project-trigger:hover,.project-trigger[aria-expanded=true]{border-color:var(--component-input-border-hover)}.project-trigger>svg{color:var(--semantic-text-muted);flex:none}.project-trigger>svg:last-child{transition:transform var(--motion-duration-state) var(--motion-easing-interaction);font-size:12px}.project-trigger[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}@media (hover:none) and (pointer:coarse){.project-trigger{position:relative}.project-trigger:after{content:"";position:absolute;inset:-7px -1px}}.project-trigger-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.project-pop{z-index:var(--z-popover);padding:var(--space-1);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-xl);background:var(--semantic-bg-floating);box-shadow:var(--shadow-modal);transform-origin:0 0;animation:pop-in var(--motion-duration-state) var(--motion-easing-enter);grid-template-columns:minmax(0,1fr);display:grid;position:fixed}.project-pop-title{gap:var(--space-1-5);padding:var(--space-2) var(--space-2) var(--space-1);font:var(--text-label-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--semantic-text-muted);display:flex}.project-list-scroll{max-height:min(360px,55vh)}.project-list{grid-template-columns:minmax(0,1fr);gap:1px;display:grid}.project-row{align-items:center;gap:var(--space-1);min-height:var(--project-row-h);padding-right:var(--space-1-5);border-radius:var(--radius-md);transition:background-color var(--motion-duration-feedback) var(--motion-easing-interaction);--project-row-h:44px;display:flex;position:relative}.project-row[data-enter=grow]{animation:project-row-grow var(--motion-duration-state) var(--motion-easing-enter);overflow:hidden}.project-row:is([data-enter=swap],[data-confirm],[data-deleted],[data-renaming]){animation:project-row-swap var(--motion-duration-state) var(--motion-easing-interaction)}.project-row:is([data-enter=swap],[data-confirm],[data-deleted],[data-renaming])>:not(.project-row-timer){animation:project-row-fade var(--motion-duration-state) var(--motion-easing-interaction)}@keyframes project-row-grow{0%{opacity:0;height:0;min-height:0}to{height:var(--project-row-h)}}@keyframes project-row-swap{0%{background-color:var(--semantic-bg-hover)}}@keyframes project-row-fade{0%{opacity:0}}.project-row:hover,.project-row:focus-within{background:var(--semantic-bg-hover)}.project-row[data-current]{background:var(--semantic-bg-active)}.project-row[data-confirm]{padding-left:var(--space-2);background:var(--semantic-bg-warning-subtle)}.project-row[data-deleted]{isolation:isolate;padding-left:var(--space-2);background:var(--semantic-bg-hover);overflow:hidden}.project-row[data-deleted] .project-row-name{color:var(--semantic-text-secondary)}.project-row-timer{z-index:-1;background:var(--semantic-bg-hover);transform-origin:0;animation:3s linear forwards project-row-timer;position:absolute;inset:0;transform:scaleX(0)}.project-row[data-deleted]:hover .project-row-timer{animation-play-state:paused}.project-row[data-deleted]:has(:focus-visible) .project-row-timer{animation-play-state:paused}@keyframes project-row-timer{to{transform:scaleX(1)}}.project-row[data-deleted][data-leaving]{animation:project-row-out var(--motion-duration-state) var(--motion-easing-exit) forwards}.project-row[data-deleted][data-leaving] .project-row-timer{animation:none;transform:none}@keyframes project-row-out{0%{height:var(--project-row-h)}to{opacity:0;height:0;min-height:0}}.project-row[data-renaming]{padding:0 var(--space-1)}.project-row[data-renaming] .sys-input{flex:1}.project-row>.sys-tooltip-anchor{opacity:0}.project-row:hover>.sys-tooltip-anchor,.project-row:focus-within>.sys-tooltip-anchor{opacity:1}.project-row:hover .project-row-check,.project-row:focus-within .project-row-check{opacity:0}.project-row-main{align-items:center;gap:var(--space-2);min-width:0;padding:0 var(--space-1) 0 var(--space-2);border-radius:var(--radius-md);color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-self:stretch;display:flex}.project-row-dots{flex:none;gap:2px;display:inline-flex}.project-row-text{flex:1;gap:1px;min-width:0;display:grid}.project-row-name{text-overflow:ellipsis;white-space:nowrap;font:var(--text-label-sm);color:var(--semantic-text-primary);overflow:hidden}.project-row-meta{text-overflow:ellipsis;white-space:nowrap;font:var(--text-label-sm);font-variant-numeric:tabular-nums;color:var(--semantic-text-muted);overflow:hidden}.project-row-check{top:50%;right:calc(var(--space-1-5) + (var(--control-xs) - 1em) / 2);color:var(--semantic-text-primary);position:absolute;transform:translateY(-50%)}.project-pop-foot{gap:var(--space-1);margin-top:var(--space-1);padding:var(--space-1) 0 0 1px;border-top:1px solid var(--semantic-border-subtle-alt);flex-wrap:wrap;display:flex}.ctx-menu{--ctx-pad:var(--space-1);--ctx-inset:var(--space-2);z-index:var(--z-popover);min-width:208px;max-width:320px;padding:var(--ctx-pad);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-lg);background:var(--semantic-bg-floating);box-shadow:var(--shadow-modal);animation:pop-in var(--motion-duration-state) var(--motion-easing-enter);grid-template-columns:minmax(0,1fr);display:grid;position:fixed}.ctx-menu[data-compact]{min-width:112px}.ctx-menu-title{min-height:28px;padding:0 var(--ctx-inset);font:var(--text-label-sm);color:var(--semantic-text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;font-weight:400;display:flex;overflow:hidden}.ctx-menu-sep{margin:var(--ctx-pad) calc(-1 * var(--ctx-pad));border-top:1px solid var(--semantic-border-subtle-alt)}.ctx-menu-item{align-items:center;gap:var(--space-2);min-height:30px;padding:0 var(--ctx-inset);border-radius:calc(var(--radius-lg) - var(--ctx-pad));color:var(--semantic-text-primary);font:var(--text-label-sm);text-align:left;cursor:default;background:0 0;border:0;outline:none;font-weight:400;display:flex}.ctx-menu:focus-visible{box-shadow:var(--shadow-modal);outline:none}.ctx-menu-item:focus-visible{box-shadow:none}.ctx-menu-item:focus:not([aria-disabled]){background:var(--semantic-bg-hover)}.ctx-menu-item[aria-disabled]{color:var(--semantic-text-muted);opacity:.55}.ctx-menu-item[data-danger]:not([aria-disabled]){color:var(--semantic-text-danger)}.ctx-menu-item[data-danger]:focus:not([aria-disabled]){background:var(--semantic-bg-danger-hover)}.ctx-menu-check{flex:none;font-size:12px}.ctx-layer{display:contents}.ctx-sub-scrim{display:none}.ctx-layer[data-leaving]>*{visibility:hidden}@media (hover:none) and (pointer:coarse){:is(.stage-canvas,.stage-hud,.stage-selection,.part-panel,.rail-summary,.project-row,.layer-row-head,.color-row-head,.filament-row,.bom-group-head,.sys-list-item,.library-tile,.bin-grid,.sys-swatch-picker [data-slot=swatches] button){-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:is(.part-panel,.project-row,.layer-row-head,.color-row-head) :is(input,textarea,[contenteditable]){-webkit-user-select:text;user-select:text}}.ctx-menu-item[aria-expanded=true]:not([aria-disabled]){background:var(--semantic-bg-hover)}@media (hover:none){.ctx-menu-item:is(:focus,[aria-expanded=true]):not([aria-disabled]),.project-row:is(:hover,:focus-within):not([data-current]){background:0 0}.ctx-menu-item,.project-row{transition:background var(--motion-duration-container) var(--motion-easing-interaction)}.ctx-menu-item:active:not([aria-disabled]),.project-row:active:not([data-current]){background:var(--semantic-bg-hover);transition:none}.ctx-menu-item[data-danger]:focus:not([aria-disabled]){background:0 0}.ctx-menu-item[data-danger]:active:not([aria-disabled]){background:var(--semantic-bg-danger-hover)}}.ctx-menu-caret{color:var(--semantic-text-muted);flex:none;font-size:12px}.ctx-menu-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ctx-menu-trail{align-items:center;gap:var(--space-1-5);margin-left:var(--space-4);flex:none;display:inline-flex}.ctx-menu-hint{align-items:center;gap:var(--space-1-5);font:inherit;font-variant-numeric:tabular-nums;color:var(--semantic-text-muted);display:inline-flex}.ctx-menu-hint svg{font-size:12px}.ctx-menu-group{min-height:26px;padding:var(--space-1) var(--ctx-inset) 0;font:var(--text-label-sm);color:var(--semantic-text-muted);-webkit-user-select:none;user-select:none;align-items:center;font-weight:400;display:flex}.ctx-menu-sep+.ctx-menu-group{padding-top:0}.ctx-preview{z-index:var(--z-popover);padding:var(--space-1);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-lg);background:var(--semantic-bg-floating);box-shadow:var(--shadow-modal);pointer-events:none;animation:preview-in var(--motion-duration-state) var(--motion-easing-enter);position:fixed}.ctx-preview[data-side=left]{animation-name:preview-in-left}@keyframes preview-in{0%{opacity:0;transform:translate(-6px)}}@keyframes preview-in-left{0%{opacity:0;transform:translate(6px)}}.preset-card{width:256px;animation:preset-swap var(--motion-duration-feedback) var(--motion-easing-interaction)}@keyframes preset-swap{0%{opacity:.4}}.preset-card-stage{aspect-ratio:1;border-radius:calc(var(--radius-lg) - var(--space-1));box-shadow:inset 0 0 0 1px var(--gray-a3);position:relative;overflow:hidden}.preset-card-stage>img,.preset-card-stage>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.preset-card-stage>video{opacity:0;transition:opacity var(--motion-duration-state) var(--motion-easing-interaction)}.preset-card-stage[data-playing]>video{opacity:1}.preset-card-text{padding:var(--space-2) var(--space-2) var(--space-1-5);font:var(--text-label-sm);font-variant-numeric:tabular-nums;color:var(--semantic-text-muted);gap:2px;display:grid}.preset-card-name{color:var(--semantic-text-primary)}.preset-card-use{margin-bottom:var(--space-1);color:var(--semantic-text-secondary)}.preset-card-facts{margin:var(--space-1-5) 0 0;padding:var(--space-1-5) 0 0;border-top:1px solid var(--semantic-border-subtle-alt);color:var(--semantic-text-secondary);gap:2px;list-style:none;display:grid}.preset-card-facts li{gap:var(--space-1-5);display:flex}.preset-card-facts li>span{width:.8em;color:var(--semantic-text-muted);flex:none}.rail-summary{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);display:flex}.rail-summary dl{gap:var(--space-4);font:var(--text-label-md);font-variant-numeric:tabular-nums;flex:1;margin:0;display:flex}.rail-summary dt,.rail-summary dd small{color:var(--semantic-text-muted)}.rail-summary dd{white-space:nowrap;margin:0}.rail-summary dd small{font:inherit;margin-left:1px}.rail-progress{justify-content:center;gap:var(--space-2);min-width:0;min-height:36px;font:var(--text-label-md);font-variant-numeric:tabular-nums;color:var(--semantic-text-secondary);flex-direction:column;flex:1;display:flex}.stage-canvas{isolation:isolate}.stage-backdrop{position:absolute;inset:0}.stage-loading{padding:var(--gutter);text-align:center;color:var(--semantic-text-muted);font:var(--text-label-sm);place-items:center;display:grid;position:absolute;inset:0}.stage-loading p{gap:2px;margin:0;display:grid}.stage-loading b{font-weight:inherit;color:var(--semantic-text-primary)}.stage-failed{justify-items:center;gap:var(--space-3);display:grid}.stage-failed-actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.stage-hud,.stage-tools,.stage-selection{border:1px solid var(--semantic-border-subtle-alt);background:var(--semantic-bg-floating-translucent);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);box-shadow:var(--shadow-overlay)}.stage-corner{left:max(var(--space-4), env(safe-area-inset-left,0px));top:calc(env(safe-area-inset-top,0px) + var(--space-4));z-index:var(--z-stage-ui);align-items:flex-start;gap:var(--space-2);max-width:calc(100% - 2 * var(--space-4));pointer-events:none;flex-direction:column;display:flex;position:absolute}.stage-hud{gap:var(--space-0-5);min-width:180px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);pointer-events:auto;font:var(--text-label-md);font-variant-numeric:tabular-nums;color:var(--semantic-text-secondary);display:grid}.stage-hud-name{color:var(--semantic-text-primary)}.stage-hud-name span{color:var(--semantic-text-secondary)}.cell-dim{padding:1px var(--space-1-5);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-sm);background:var(--semantic-bg-floating-translucent);font:var(--text-mono-xs);font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-user-select:none;user-select:none;display:block}.cell-dim small{font:inherit;color:var(--semantic-text-secondary);margin-left:2px}.stage-load{align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-full);background:var(--semantic-bg-floating-translucent);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);box-shadow:var(--shadow-overlay);pointer-events:none;opacity:0;transition:opacity var(--motion-duration-state) var(--motion-easing-exit);display:flex}.stage-load[data-shown]{opacity:1;transition-timing-function:var(--motion-easing-enter)}.stage-load-check{width:12px;height:12px;color:var(--semantic-text-brand);flex:none}.stage-load-spin{border:1.5px solid var(--semantic-border-subtle-alt);border-top-color:var(--semantic-text-secondary);border-radius:50%;flex:none;width:12px;height:12px;animation:.8s linear infinite stage-load-spin}.stage-load-text{font:var(--text-label-sm);font-variant-numeric:tabular-nums;color:var(--semantic-text-secondary);white-space:nowrap}.stage-load .sys-progress{flex:none;width:72px;transition:none}.stage-load .sys-progress[data-done]{opacity:1}.stage-load-why{margin-left:calc(-1 * var(--space-2));transition:grid-template-columns var(--motion-duration-container) var(--motion-easing-enter), margin-left var(--motion-duration-container) var(--motion-easing-enter);grid-template-columns:0fr;display:grid}.stage-load-why[data-in]{grid-template-columns:1fr;margin-left:0}.stage-load-why>span{min-width:0;display:flex;overflow:hidden}.stage-load-why-button{border-radius:var(--radius-full);color:var(--semantic-text-muted);pointer-events:auto;opacity:0;transition:opacity var(--motion-duration-state) var(--motion-easing-enter) .12s, scale var(--motion-duration-state) var(--motion-easing-enter) .12s, color var(--motion-duration-feedback) var(--motion-easing-interaction);background:0 0;border:0;padding:0;font-size:14px;display:inline-flex;scale:.6}.stage-load-why[data-in] .stage-load-why-button{opacity:1;scale:1}.stage-load-why-button:hover,.stage-load-why-button:focus-visible{color:var(--semantic-text-primary)}.stage-load-why:not([data-in]) .stage-load-why-button{pointer-events:none}@keyframes stage-load-spin{to{rotate:1turn}}.stage-tools-wrap{right:max(var(--space-4), env(safe-area-inset-right,0px));top:calc(env(safe-area-inset-top,0px) + var(--space-4));z-index:var(--z-stage-ui);align-items:flex-end;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:absolute}.stage-tools-wrap>*{pointer-events:auto}.stage-tools{align-items:center;gap:var(--space-0-5);padding:var(--space-1);border-radius:var(--radius-xl);display:flex}.stage-tools-row{align-items:stretch;gap:var(--space-2);display:flex}.stage-flat-by{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-xl);background:var(--semantic-bg-floating-translucent);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);box-shadow:var(--shadow-overlay);font:var(--text-label-sm);color:var(--semantic-text-secondary);animation:stage-rise var(--motion-duration-container) var(--motion-easing-enter);display:flex}.flat-pile{align-items:baseline;gap:var(--space-1-5);padding:2px var(--space-2);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-sm);background:var(--semantic-bg-floating-translucent);font:var(--text-label-sm);color:var(--semantic-text-primary);white-space:nowrap;-webkit-user-select:none;user-select:none;animation:flat-pile-in var(--motion-duration-container) var(--motion-easing-enter) both;display:inline-flex}@keyframes flat-pile-in{0%{opacity:0}}.flat-pile small{font:inherit;color:var(--semantic-text-secondary)}.stage-tools-sep{width:1px;height:18px;margin:0 var(--space-1);background:var(--semantic-border-default)}@media (hover:none) and (pointer:coarse){.stage-tools-wrap .stage-tools{row-gap:var(--space-1-5)}}.stage-bottom{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-4));z-index:var(--z-stage-ui);align-items:center;gap:var(--space-2);width:max-content;max-width:calc(100% - 2 * var(--space-4));flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.stage-selection{align-items:center;gap:var(--space-1);min-width:0;max-width:100%;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border-radius:var(--radius-full);animation:stage-rise var(--motion-duration-container) var(--motion-easing-enter);display:flex}.stage-selection-dot{background:var(--semantic-bg-brand-solid);width:8px;height:8px;box-shadow:0 0 0 3px var(--semantic-focus-ring-brand);border-radius:50%}.stage-selection-text{align-items:baseline;gap:var(--space-1-5);min-width:0;margin:0 var(--space-1) 0 var(--space-1);font:var(--text-label-sm);color:var(--semantic-text-secondary);white-space:nowrap;display:inline-flex;overflow:hidden}.stage-selection-text:last-child{margin-right:var(--space-2)}.stage-selection-text b{text-overflow:ellipsis;min-width:0;font:inherit;color:var(--semantic-text-primary);overflow:hidden}.stage-selection .sys-icon-button,.stage-selection .sys-button{border-radius:var(--radius-full)}.stage-pack{pointer-events:auto;max-width:100%}.stage-pack .stage-selection-text{white-space:normal}.stage-pack .stage-selection-dot{background:var(--semantic-text-danger);box-shadow:none}.stage-pack .stage-selection-dot[data-tone=warning]{background:var(--semantic-text-warning)}.stage-hint{padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-full);background:var(--semantic-bg-floating-translucent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--semantic-text-muted);font:var(--text-label-sm);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-width:100%;transition:opacity var(--motion-duration-container) var(--motion-easing-exit), transform var(--motion-duration-container) var(--motion-easing-exit);font-weight:400;overflow:hidden}.stage-hint[data-hidden]{opacity:0;transform:translateY(6px)}@keyframes stage-rise{0%{opacity:0;transform:translateY(10px)scale(.98)}}.stage-flat-by[data-leaving],.stage-selection[data-leaving]{animation:stage-sink var(--motion-duration-exit) var(--motion-easing-exit) forwards}@keyframes stage-sink{to{opacity:0;transform:translateY(10px)scale(.98)}}@media (max-width:900px){.stage-hud{min-width:0;padding:var(--space-2) var(--space-3)}.stage-tools-wrap{top:auto;bottom:var(--space-3);right:var(--space-3);flex-direction:column-reverse}.stage-bottom{left:var(--space-3);bottom:calc(var(--space-3) + 48px);align-items:flex-start;transform:none}.stage-hint{display:none}}@media (max-width:480px){.stage-tools{justify-content:flex-end;row-gap:var(--space-0-5);flex-wrap:wrap;width:min-content}.stage-tools>.sys-segmented+.stage-tools-sep{flex-basis:100%;height:0;margin:0}.stage-tools-solo{align-self:flex-end}.stage-bottom{bottom:calc(var(--space-3) + 48px + 48px)}}@media (max-width:640px){.ctx-menu{max-height:calc(100dvh - 2 * var(--space-2));overflow-y:auto}}.phone-bins-layer{z-index:calc(var(--z-stage-ui) + 2);background:var(--semantic-bg-primary);color:var(--semantic-text-primary);font:var(--text-label-md);font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;animation:phone-bins-in var(--motion-duration-container) var(--motion-easing-enter);flex-direction:column;display:flex;position:absolute;inset:0}.phone-bins-layer[data-leaving]{pointer-events:none;animation:phone-bins-out var(--motion-duration-exit) var(--motion-easing-exit) forwards}@keyframes phone-bins-in{0%{opacity:0}}@keyframes phone-bins-out{to{opacity:0}}.phone-bins-top,.phone-bins-head{align-items:center;gap:var(--phone-gap);display:flex}:is(.phone-bins-top,.phone-bins-head) .sys-tooltip-anchor{margin-inline-start:0!important}.phone :is(.phone-bins-top,.phone-bins-head) .sys-button{height:var(--phone-bar)}.phone :is(.phone-bins-top,.phone-bins-head) .sys-icon-button{width:var(--phone-bar);height:var(--phone-bar)}.phone :is(.phone-bins-top,.phone-bins-head) .sys-icon-button>svg{font-size:18px}.phone-bins-top{min-height:56px;padding:env(safe-area-inset-top,0px) var(--phone-right) 0 var(--phone-left);border-bottom:1px solid var(--semantic-border-subtle-alt);flex:none}.phone-bins-title{align-items:baseline;gap:var(--space-1-5);white-space:nowrap;min-width:0;color:var(--semantic-text-secondary);flex:1;display:flex;overflow:hidden}.phone-bins-title>*{text-overflow:ellipsis;min-width:0;overflow:hidden}.phone-bins-where{flex-shrink:100}.phone-bins-title b{font:inherit;color:var(--semantic-text-primary)}@media (max-width:400px){.phone-bins-where{display:none}}.phone-bins-main{min-height:0;margin-bottom:var(--phone-bins-cover,0px);flex:1;position:relative}.phone-bins-stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0;overflow:hidden}.phone-bins-zoom{transform-origin:0 0;transition:transform var(--motion-duration-state) var(--motion-easing-interaction);place-items:center;display:grid;position:absolute;inset:0}.phone-bins-zoom[data-gesturing]{transition:none}.phone-bins-plate{gap:var(--space-2);padding-top:var(--space-2);font:var(--text-label-sm);transition:width var(--motion-duration-state) var(--motion-easing-interaction);flex-direction:column;display:flex}.phone-bins-grid{cursor:default;transition:width var(--motion-duration-state) var(--motion-easing-interaction), height var(--motion-duration-state) var(--motion-easing-interaction);flex:none}.phone-bins-tile{cursor:grab}.phone-bins-tile .bin-face{transition:scale var(--motion-duration-feedback) var(--motion-easing-interaction), border-color var(--motion-duration-feedback) var(--motion-easing-interaction), background-color var(--motion-duration-feedback) var(--motion-easing-interaction), box-shadow var(--motion-duration-feedback) var(--motion-easing-interaction)}.phone-bins-tile[data-pressing] .bin-face{scale:.96}.phone-bins-grid .bin-tile-label{font:var(--text-label-sm)}.phone-bins-handle{--hit:calc(44px / var(--zoom,1));--out:calc(var(--out-px,28px) / var(--zoom,1));--x:var(--ox,var(--out));--y:var(--oy,var(--out));z-index:3;width:var(--hit);height:var(--hit);touch-action:none;animation:phone-bins-handle-in var(--motion-duration-state) var(--motion-easing-enter);place-items:center;display:grid;position:absolute}@keyframes phone-bins-handle-in{0%{opacity:0;scale:.6}}.phone-bins-handle[data-handle=lb]{left:calc(-1 * var(--x));top:calc(-1 * var(--y));--ix:1;--iy:1;cursor:nwse-resize}.phone-bins-handle[data-handle=rb]{right:calc(-1 * var(--x));top:calc(-1 * var(--y));--ix:-1;--iy:1;cursor:nesw-resize}.phone-bins-handle[data-handle=lf]{left:calc(-1 * var(--x));bottom:calc(-1 * var(--y));--ix:1;--iy:-1;cursor:nesw-resize}.phone-bins-handle[data-handle=rf]{right:calc(-1 * var(--x));bottom:calc(-1 * var(--y));--ix:-1;--iy:-1;cursor:nwse-resize}.phone-bins-handle>i{--vis:19px;width:calc(14px / var(--zoom,1));height:calc(14px / var(--zoom,1));border:calc(2px / var(--zoom,1)) solid var(--semantic-text-primary);background:var(--semantic-bg-primary);box-shadow:var(--shadow-raised);translate:calc(var(--ix) * (var(--x) - var(--vis) / var(--zoom,1))) calc(var(--iy) * (var(--y) - var(--vis) / var(--zoom,1)));pointer-events:none;border-radius:50%;display:block}.phone-bins-zoom-reset{top:var(--space-2);right:var(--phone-right);z-index:4;align-items:center;gap:var(--space-1);height:var(--phone-bar);padding:0 var(--space-3);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-full);background:var(--semantic-bg-floating-translucent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-raised);color:var(--semantic-text-primary);font:var(--text-label-md);animation:phone-bins-pop var(--motion-duration-state) var(--motion-easing-enter);display:inline-flex;position:absolute}.phone-bins-zoom-reset svg{font-size:18px}@keyframes phone-bins-pop{0%{opacity:0;scale:.9}}@media (hover:none) and (pointer:coarse){.phone-bins-zoom-reset:after{content:"";width:max(100%, var(--phone-hit));height:max(100%, var(--phone-hit));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.phone-bins-head{flex:1;min-width:0}.phone-bins-head-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;font:var(--text-label-md);color:var(--semantic-text-secondary);flex:1;overflow:hidden}.phone-bins-head-text b{margin-left:var(--space-1-5);font:inherit;color:var(--semantic-text-primary)}.phone-bins-head-text[data-title] b{margin-left:0}.phone-bins-head-text[data-bad]{color:var(--semantic-text-danger)}.phone-bins-bulb{color:var(--semantic-text-warning);place-items:center;font-size:18px;display:grid}.phone-bins-body{padding:var(--space-4) var(--phone-right) var(--space-6) var(--phone-left);animation:phone-in var(--motion-duration-state) var(--motion-easing-enter)}.phone-bins-fields,.phone-bins-fields .bin-fields{gap:var(--space-5);display:grid}.phone-bins-body .bin-block{gap:var(--space-2)}.phone-bins-body .bin-block h3,.phone-bins-body .sys-field-row>[data-slot=label]{font:var(--text-label-md)}.phone-bins-body .sys-slider{--slider-h:36px;font:var(--text-label-md)}.phone-bins-body .sys-switch{min-height:44px}.phone-bins-body .sys-switch [data-slot=label]{font:var(--text-label-md);color:var(--semantic-text-secondary)}.phone-bins-presets{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.phone-bins-preset{align-content:center;justify-items:center;gap:var(--space-1-5);min-height:76px;padding:var(--space-2) var(--space-1);border:1px solid var(--component-segment-border);border-radius:var(--radius-lg);background:var(--component-segment-bg);color:var(--semantic-text-primary);font:var(--text-label-md);text-align:center;text-wrap:balance;transition:background-color var(--motion-duration-feedback) var(--motion-easing-interaction);display:grid}.phone-bins-preset:active{background:var(--semantic-bg-active)}.phone-bins-preset-icon{width:36px;height:24px}.phone-bins-preset-icon rect{fill:color-mix(in oklab, var(--semantic-text-secondary) 20%, transparent);stroke:var(--semantic-text-secondary);stroke-width:1px}.phone-bins-rows{margin-inline:calc(-1 * var(--space-3));display:grid}.phone-bins-row{align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-3);border-radius:var(--radius-lg);color:var(--semantic-text-primary);font:var(--text-label-md);text-align:left;transition:background-color var(--motion-duration-feedback) var(--motion-easing-interaction);background:0 0;border:0;display:flex}.phone-bins-row:active{background:var(--semantic-bg-active)}@media (hover:hover){.phone-bins-row:hover{background:var(--semantic-bg-hover)}}.phone-bins-row[data-danger]{color:var(--semantic-text-danger)}.phone-bins-row>svg{color:var(--semantic-text-secondary);flex:none;font-size:18px}.phone-bins-row[data-danger]>svg{color:inherit}.phone-bins-row-label{text-wrap:pretty;flex:1;min-width:0}.phone-bins-howto{gap:var(--space-4);display:grid}.phone-bins-howto .howto-steps{gap:var(--space-2);color:var(--semantic-text-secondary);text-wrap:pretty}.phone-bins-howto .howto-steps li{grid-template-columns:20px minmax(0,1fr)}.phone-bins-demo{border-radius:var(--radius-lg);background:var(--semantic-bg-secondary);place-items:center;height:136px;display:grid}.phone-bins-demo-grid{border:1px solid var(--component-segment-border);border-radius:var(--radius-md);background-color:var(--component-segment-bg);background-image:linear-gradient(to right, var(--semantic-border-subtle) 1px, transparent 1px), linear-gradient(to bottom, var(--semantic-border-subtle) 1px, transparent 1px);background-position:-1px -1px;background-size:32px 32px;width:128px;height:96px;position:relative}.phone-bins-demo-bin{border:1px solid var(--semantic-text-primary);background:color-mix(in oklab, var(--semantic-text-secondary) 30%, var(--semantic-bg-active));border-radius:5px;width:28px;height:28px;animation:6s infinite phone-bins-demo-bin;position:absolute;top:34px;left:34px}.phone-bins-demo-handle{border:2px solid var(--semantic-text-primary);background:var(--semantic-bg-primary);border-radius:50%;width:10px;height:10px;animation:6s infinite phone-bins-demo-handle;position:absolute;top:29px;left:57px}.phone-bins-demo-finger{border:2px solid color-mix(in oklab, var(--semantic-text-primary) 60%, transparent);background:color-mix(in oklab, var(--semantic-text-primary) 18%, transparent);border-radius:50%;width:26px;height:26px;animation:6s infinite phone-bins-demo-finger;position:absolute;top:35px;left:35px}@keyframes phone-bins-demo-finger{0%{opacity:0;top:80px;left:110px;scale:1}8%{opacity:1}15%{top:35px;left:35px;scale:1}18%{scale:.8}24%{scale:1}38%{top:21px;left:49px;scale:1}42%{top:21px;left:49px;scale:.8}70%{top:21px;left:81px;scale:.8}76%{opacity:1;top:21px;left:81px;scale:1}90%{opacity:0;top:80px;left:110px}to{opacity:0;top:80px;left:110px}}@keyframes phone-bins-demo-bin{0%,18%{opacity:0;width:28px;scale:.8}22%{opacity:1;width:28px;scale:1}42%{width:28px}70%{width:60px}92%{opacity:1;width:60px}to{opacity:0;width:60px}}@keyframes phone-bins-demo-handle{0%,22%{opacity:0;left:57px}26%{opacity:1;left:57px}42%{left:57px}70%{left:89px}92%{opacity:1;left:89px}to{opacity:0;left:89px}}@media (prefers-reduced-motion:reduce){.phone-bins-demo-bin,.phone-bins-demo-handle,.phone-bins-demo-finger{animation:none}.phone-bins-demo-bin{width:60px}.phone-bins-demo-handle{left:89px}.phone-bins-demo-finger{display:none}}.phone-div-stage{cursor:default}.phone-div-stage .phone-bins-zoom[hidden]{display:none}.phone-div-floor{box-sizing:content-box;transition:width var(--motion-duration-state) var(--motion-easing-interaction), height var(--motion-duration-state) var(--motion-easing-interaction);flex:none;overflow:visible}:is(.phone-div-floor,.phone-div-loupe-floor) .gd-line{stroke-linecap:butt;stroke-width:5px}:is(.phone-div-floor,.phone-div-loupe-floor) .gd-div[data-selected] .gd-line{stroke-width:6px}:is(.phone-div-floor,.phone-div-loupe-floor) .gd-div:not([data-on]) .gd-line{stroke:color-mix(in oklab, var(--semantic-text-secondary) 70%, var(--semantic-bg-primary));stroke-dasharray:none}:is(.phone-div-floor,.phone-div-loupe-floor) .gd-div[data-bad] .gd-line{stroke:var(--semantic-text-danger)}:is(.phone-div-floor,.phone-div-loupe-floor) .gd-div[data-ghost] .gd-line{stroke-width:1.4px;stroke-dasharray:3 2.5}.phone-div-pin{fill:color-mix(in oklab, var(--semantic-text-secondary) 72%, var(--semantic-bg-primary));pointer-events:none}.gd-div[data-selected] .phone-div-pin{fill:color-mix(in oklab, var(--semantic-text-primary) 78%, var(--semantic-bg-primary))}.gd-div:not([data-on]) .phone-div-pin{fill:color-mix(in oklab, var(--semantic-text-secondary) 50%, var(--semantic-bg-primary))}.phone-div-end{animation:phone-div-pop var(--motion-duration-state) var(--motion-easing-enter);transform-box:fill-box;transform-origin:50%}@keyframes phone-div-pop{0%{opacity:0;scale:.4}}.phone-div-loupe{z-index:5;border:2px solid var(--semantic-bg-primary);background:linear-gradient(var(--component-segment-bg), var(--component-segment-bg)), var(--semantic-bg-primary);box-shadow:0 0 0 1px var(--semantic-border-default), var(--shadow-modal);pointer-events:none;animation:phone-div-loupe-in var(--motion-duration-feedback) var(--motion-easing-enter);border-radius:50%;position:absolute;overflow:hidden}@keyframes phone-div-loupe-in{0%{opacity:0;scale:.85}}.phone-div-loupe-floor{display:block}.phone-div-loupe-cross{width:14px;height:14px;position:absolute;top:50%;left:50%;translate:-50% -50%}.phone-div-loupe-cross:before,.phone-div-loupe-cross:after{content:"";background:var(--semantic-text-muted);position:absolute}.phone-div-loupe-cross:before{height:1px;top:6.5px;left:0;right:0}.phone-div-loupe-cross:after{width:1px;top:0;bottom:0;left:6.5px}.phone-div-pill{top:var(--space-2);z-index:4;align-items:center;gap:var(--space-1-5);height:var(--phone-bar);padding:0 var(--space-3);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-full);background:var(--semantic-bg-floating-translucent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-raised);color:var(--semantic-text-secondary);font:var(--text-label-md);white-space:nowrap;pointer-events:none;animation:phone-bins-pop var(--motion-duration-state) var(--motion-easing-enter);display:inline-flex;position:absolute;left:50%;translate:-50%}.phone-div-pill b{font:inherit;color:var(--semantic-text-primary)}.phone-div-pill[data-bad] b{color:var(--semantic-text-danger)}.phone-div-pill[data-low]{top:auto;bottom:var(--space-2)}.phone-div-pill em{font:inherit;color:var(--semantic-text-warning);animation:phone-bins-pop var(--motion-duration-state) var(--motion-easing-enter);font-style:normal}.phone-div-pill[data-bad] em{color:var(--semantic-text-danger)}.phone-div-plates{touch-action:none;flex:none}.phone-div-plates .phone-div-slot{pointer-events:none}.phone-div-plates .div-slot-line{transition:border-color var(--motion-duration-feedback) var(--motion-easing-interaction), border-width var(--motion-duration-feedback) var(--motion-easing-interaction)}.phone-div-plates .div-slot[data-row=w] .div-slot-line{border-top-width:3px}.phone-div-plates .div-slot[data-row=d] .div-slot-line{border-left-width:3px}.phone-div-plates .phone-div-slot[data-hovered]{background:var(--semantic-bg-active)}.phone-div-pad{grid-template-columns:var(--phone-bar) minmax(0, auto) var(--phone-bar);grid-template-rows:repeat(3, var(--phone-bar));gap:var(--phone-gap);justify-content:start;align-items:center;display:grid}.phone-div-pad .sys-tooltip-anchor{display:contents}.phone .phone-div-pad .sys-icon-button{width:var(--phone-bar);height:var(--phone-bar)}.phone .phone-div-pad .sys-icon-button>svg{font-size:18px}.phone-div-pad [data-dir=up]{grid-area:1/2;justify-self:center}.phone-div-pad [data-dir=left]{grid-area:2/1}.phone-div-pad [data-dir=right]{grid-area:2/3}.phone-div-pad [data-dir=down]{grid-area:3/2;justify-self:center}.phone-div-pad-at{text-align:center;min-width:72px;color:var(--semantic-text-secondary);font:var(--text-label-md);white-space:nowrap;grid-area:2/2}.phone-div-switches{display:grid}.phone-div-preset-icon line{stroke:var(--semantic-text-secondary);stroke-width:1.5px}.phone-div-preset-icon rect{fill:color-mix(in oklab, var(--semantic-text-secondary) 12%, transparent)}.phone-div-preset-icon .phone-div-preset-wall{stroke:var(--semantic-border-default);stroke-width:2.5px}.phone-div-demo{border:1px solid var(--component-segment-border);border-radius:var(--radius-md);background-color:var(--component-segment-bg);background-image:radial-gradient(circle, var(--semantic-border-default) 1.3px, transparent 1.6px);background-position:4px 4px;background-size:12px 12px;width:140px;height:92px;position:relative}.phone-div-demo[data-kind=plates]{background-image:repeating-linear-gradient(to bottom, transparent 0 21px, var(--semantic-border-default) 21px 22px, transparent 22px 23px)}.phone-div-demo-line{background:var(--semantic-text-primary);border-radius:2px;width:0;height:4px;animation:5s infinite phone-div-demo-line;position:absolute;top:45px;left:10px}.phone-div-demo-finger{border:2px solid color-mix(in oklab, var(--semantic-text-primary) 60%, transparent);background:color-mix(in oklab, var(--semantic-text-primary) 18%, transparent);border-radius:50%;width:26px;height:26px;animation:5s infinite phone-div-demo-finger;position:absolute;top:34px;left:0}@keyframes phone-div-demo-finger{0%{opacity:0;top:70px;left:60px;scale:1}10%{opacity:1}20%{top:34px;left:0;scale:1}25%{scale:.8}65%{top:34px;left:106px;scale:.8}72%{opacity:1;top:34px;left:106px;scale:1}85%,to{opacity:0;top:70px;left:120px}}@keyframes phone-div-demo-line{0%,25%{opacity:1;width:0}65%{width:110px}92%{opacity:1;width:110px}to{opacity:0;width:110px}}.phone-div-demo[data-kind=plates] .phone-div-demo-line{width:128px;height:3px;animation-name:phone-div-demo-plate;top:43px;left:6px}.phone-div-demo[data-kind=plates] .phone-div-demo-finger{animation-name:phone-div-demo-plate-finger}@keyframes phone-div-demo-plate{0%,30%{opacity:0}34%,90%{opacity:1}to{opacity:0}}@keyframes phone-div-demo-plate-finger{0%{opacity:0;top:70px;left:100px;scale:1}10%{opacity:1}24%{top:36px;left:56px;scale:1}30%{scale:.8}36%{opacity:1;scale:1}55%,to{opacity:0;top:70px;left:100px}}@media (prefers-reduced-motion:reduce){.phone-div-demo *{animation:none!important}.phone-div-demo-line{width:110px}.phone-div-demo-finger{display:none}}.card-sheet-mask{z-index:calc(var(--z-dialog) - 2);background:var(--semantic-bg-scrim);animation:card-sheet-fade-in var(--motion-duration-sheet) var(--motion-easing-sheet);transition:opacity var(--motion-duration-sheet-exit) var(--motion-easing-sheet);position:fixed;inset:0}.card-sheet-mask[data-leaving]{opacity:0;pointer-events:none}.card-sheet{z-index:calc(var(--z-dialog) - 1);max-height:calc(100dvh - env(safe-area-inset-top,0px) - 56px);border-top:1px solid var(--semantic-border-subtle);border-radius:var(--phone-radius-sheet,16px) var(--phone-radius-sheet,16px) 0 0;background:var(--component-rail-bg);box-shadow:var(--shadow-sheet);visibility:hidden;transition:translate var(--motion-duration-sheet-exit) var(--motion-easing-sheet), visibility 0s var(--motion-duration-sheet-exit);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;translate:0 105%}.card-sheet[data-open]{visibility:visible;transition:translate var(--motion-duration-sheet) var(--motion-easing-sheet), visibility 0s;translate:0}.card-sheet>.sheet-head{padding-left:var(--space-4)}.card-sheet-body{overscroll-behavior:contain;min-height:0;padding:0 var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));flex:auto;position:relative;overflow-y:auto}.card-sheet-content{animation:card-sheet-fade-in var(--motion-duration-state) var(--motion-easing-enter)}.card-sheet-content[data-leaving]{top:0;left:var(--space-4);right:var(--space-4);opacity:0;transition:opacity var(--motion-duration-exit) var(--motion-easing-exit);animation:none;position:absolute}.card-sheet-content>:is(.layer-editor,.color-row-body){background:0 0;border:0;padding-inline:0}.card-sheet .layer-editor-foot{margin-top:var(--space-3);border-top:0;padding-top:0}.card-sheet .layer-editor-open{gap:var(--phone-gap,10px);margin-left:0}.card-sheet .layer-editor-open .sys-button{height:36px;padding:0 var(--space-3);border-color:var(--component-button-secondary-border);background:var(--component-button-secondary-bg);color:var(--semantic-text-primary);font:var(--text-label-md)}.card-sheet .layer-editor-move{gap:var(--phone-gap,10px);margin-right:0}.card-sheet .layer-editor-move .sys-icon-button{width:36px;height:36px}.card-sheet .layer-editor-move .sys-icon-button svg{width:18px;height:18px}@keyframes card-sheet-fade-in{0%{opacity:0}}.phone[data-layout=side] .card-sheet{width:var(--phone-side);border-top:0;border-left:1px solid var(--semantic-border-subtle);border-radius:var(--phone-radius-sheet,16px) 0 0 var(--phone-radius-sheet,16px);max-height:none;box-shadow:var(--shadow-sheet-side);top:0;left:auto;translate:105%}.phone[data-layout=side] .card-sheet[data-open]{translate:0}.phone[data-layout=side] .card-sheet>.sheet-head{padding-top:env(safe-area-inset-top,0px)}.phone[data-layout=side] .card-sheet-mask{right:var(--phone-side)}html[data-phone],html[data-phone] body{overscroll-behavior:none;height:100%;overflow:hidden}.phone{--phone-gutter:12px;--phone-left:max(var(--phone-gutter), env(safe-area-inset-left,0px));--phone-right:max(var(--phone-gutter), env(safe-area-inset-right,0px));--phone-side:45%;--phone-bar:36px;--phone-hit:44px;--phone-gap:calc(var(--phone-hit) - var(--phone-bar) + 2px);--phone-radius-sheet:16px;background:var(--component-rail-bg);position:fixed;inset:0;overflow:clip}.phone-safe-probe{height:env(safe-area-inset-bottom,0px);visibility:hidden;pointer-events:none;position:fixed;bottom:0}.phone-stage{isolation:isolate;background:radial-gradient(110% 85% at 55% 35%, var(--component-stage-glow), var(--component-stage-edge));position:absolute;inset:0;overflow:clip}.phone-stage canvas{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;display:block;touch-action:none!important}.phone-stage :is(.cell-dim,.flat-pile){-webkit-user-select:none}.phone-dims,.phone-tools,.phone-views-bar{border:1px solid var(--semantic-border-subtle-alt);background:var(--semantic-bg-floating-translucent);-webkit-backdrop-filter:blur(12px)saturate(1.4);box-shadow:var(--shadow-overlay)}.phone-dims,.phone-sum-problems{position:relative}@media (hover:none) and (pointer:coarse){.phone-dims:after,.phone-sum-problems:after,.phone-tabs .project-trigger:after{content:"";width:max(100%, var(--phone-hit));height:max(100%, var(--phone-hit));position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}.phone-top{z-index:var(--z-stage-ui);align-items:flex-start;gap:var(--phone-gap);padding:calc(env(safe-area-inset-top,0px) + var(--phone-gap)) var(--phone-right) 0 var(--phone-left);pointer-events:none;flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0}.phone-top>*{pointer-events:auto}.phone-top-row{align-self:stretch;align-items:center;gap:var(--phone-gap);pointer-events:none;display:flex}.phone-top-row>*{pointer-events:auto}.phone-dims{min-width:0;height:var(--phone-bar);align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-full);font:var(--text-label-md);font-variant-numeric:tabular-nums;color:var(--semantic-text-secondary);white-space:nowrap;cursor:default;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex:auto;display:flex}.phone-dims>span{min-width:0}.phone-dims-name{color:var(--semantic-text-primary);flex:none}.phone-dims-name span{color:var(--semantic-text-secondary)}.phone-dims-size{text-overflow:ellipsis;overflow:hidden}@media (max-width:400px){.phone-dims-name{display:none}.phone-dims{padding:0 var(--space-3);font:var(--text-label-sm)}}.phone-tools{height:var(--phone-bar);border-radius:var(--radius-full);flex:none;align-items:center;margin-left:auto;display:flex}.phone-tools .sys-icon-button{width:var(--phone-hit);height:calc(var(--phone-bar) - 2px);border-radius:var(--radius-full)}.phone-tools .sys-icon-button>svg{font-size:20px}.phone-tools .sys-tooltip-anchor{margin-inline-start:0!important}.phone-top .stage-pack{max-width:100%}.phone-tut{top:calc(env(safe-area-inset-top,0px) + var(--phone-gap) + var(--phone-bar) + var(--phone-gap));left:var(--phone-left);right:var(--phone-right);z-index:var(--z-stage-ui);pointer-events:none;position:absolute}.phone-tut .tut-corner{max-width:100%;max-height:var(--phone-free-h,50dvh);align-items:flex-start;position:static}.phone-tut .tut-shell{max-height:var(--phone-free-h,50dvh);overscroll-behavior:contain;overflow-y:auto}.phone-views{align-items:center;gap:var(--phone-gap);pointer-events:none;flex-direction:column;max-width:100%;display:flex}.phone-views>*{pointer-events:auto}.phone-views-bar,.phone-flat-by{border-radius:var(--radius-full);max-width:100%;padding:2px}.phone-flat-by{gap:var(--space-2);padding-left:var(--space-3);font:var(--text-label-md)}.phone-flat-by>span{color:var(--semantic-text-muted)}:is(.phone-views-bar,.phone-flat-by) .sys-segmented{--phone-seg-h:30px;border-radius:var(--radius-full);background:0 0;border:0;padding:0}:is(.phone-views-bar,.phone-flat-by) .sys-segmented [data-slot=segment]{padding:0 var(--space-3);font:var(--text-label-md)}.phone-views-bar .sys-segmented [data-slot=segment]{min-width:64px}:is(.phone-views-bar,.phone-flat-by) .sys-segmented>[data-slot=indicator]{border-radius:var(--radius-full);top:0;bottom:0}.phone .sys-segmented{height:var(--phone-seg-h,var(--phone-bar));min-height:0}@media (hover:none) and (pointer:coarse){.phone .sys-segmented [data-slot=segment]{margin-block:calc((var(--phone-seg-h,var(--phone-bar)) - 2px - var(--phone-hit)) / 2)}}.phone :is(.layer-editor,.layer-cell){row-gap:var(--space-3)}.phone-load{bottom:calc(100% + var(--space-2));white-space:nowrap;position:absolute;left:50%;translate:-50%}.phone-panel{height:100%;z-index:calc(var(--z-stage-ui) + 5);pointer-events:none;will-change:transform;position:absolute;top:0;left:0;right:0}.phone-above{left:var(--phone-left);right:var(--phone-right);padding-bottom:var(--phone-gap);pointer-events:none;transition:opacity var(--motion-duration-state) var(--motion-easing-interaction), translate var(--motion-duration-state) var(--motion-easing-interaction), visibility 0s;justify-content:center;display:flex;position:absolute;bottom:100%}.phone-above>*{pointer-events:auto}.phone-above>.phone-views{pointer-events:none;position:relative}:is(.phone-above[data-hidden],.phone:has(.phone-bins-layer:not([data-leaving])) .phone-above){opacity:0;visibility:hidden;transition:opacity var(--motion-duration-state) var(--motion-easing-exit), translate var(--motion-duration-state) var(--motion-easing-exit), visibility 0s var(--motion-duration-state);translate:0 12px}.phone-sheet{height:var(--phone-drawer-h,50dvh);border-top:1px solid var(--semantic-border-subtle);border-radius:var(--phone-radius-sheet) var(--phone-radius-sheet) 0 0;background:var(--component-rail-bg);box-shadow:var(--shadow-sheet);pointer-events:auto;flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0;overflow:clip}.phone-head{padding:0 var(--phone-right) 0 var(--phone-left);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:none;display:flex;position:relative}.phone-grabber{height:var(--grabber-zone,24px);margin:0 calc(-1 * var(--phone-right)) 0 calc(-1 * var(--phone-left));padding:var(--grabber-top,8px) 0 0;cursor:grab;background:0 0;border:0;justify-content:center;align-items:flex-start;display:flex}.phone-grabber>span{width:var(--grabber-w,36px);height:var(--grabber-h,5px);background:var(--semantic-border-default);border-radius:3px}.phone-grabber:focus-visible{outline:none}.phone-grabber:focus-visible>span{box-shadow:0 0 0 3px var(--semantic-focus-ring-brand)}.phone-head-row{align-items:center;gap:var(--space-1);height:56px;transition:height var(--motion-duration-container) var(--motion-easing-enter);display:flex}.phone-head-row[data-empty]{height:0;overflow:clip}.phone-swap{flex:1;grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.phone-swap-item{min-width:0;animation:phone-in var(--motion-duration-container) var(--motion-easing-enter);grid-area:1/1;align-items:center;display:flex}.phone-swap-item[data-leaving]{pointer-events:none;animation:phone-out var(--motion-duration-exit) var(--motion-easing-exit) forwards}@keyframes phone-in{0%{opacity:0;transform:translateY(6px)}}@keyframes phone-out{to{opacity:0;transform:translateY(-6px)}}.phone-sum{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.phone-sum-actions{align-items:center;gap:var(--phone-gap);flex:none;display:flex}.phone-sum-actions .sys-button{height:var(--phone-bar);padding:0 var(--space-3);font:var(--text-label-md)}.phone-sum-actions .sys-icon-button{width:var(--phone-bar);height:var(--phone-bar)}.phone-sum-stats{align-items:center;gap:var(--space-5);min-width:0;min-height:48px;color:inherit;text-align:left;cursor:default;background:0 0;border:0;flex:1;padding:0;display:flex}.phone-sum-stats>span,.phone-sel-text{gap:1px;min-width:0;display:grid}.phone-sum-stats small,.phone-sum-stats b,.phone-sel-text small,.phone-sel-text b{font:var(--text-label-md);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.phone-sum-stats>span>small,.phone-sel-text small{color:var(--semantic-text-muted)}.phone-sum-stats b{color:var(--semantic-text-primary)}.phone-sum-stats b small{color:var(--semantic-text-muted);margin-left:1px}.phone-sum-problems{align-items:center;gap:var(--space-1-5);height:var(--phone-bar);padding:0 var(--space-3);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-full);background:var(--semantic-bg-warning-subtle,var(--semantic-bg-hover));font:var(--text-label-md);color:var(--semantic-text-warning);white-space:nowrap;flex:none;display:inline-flex}.phone-sum-dot{background:var(--semantic-text-warning);border-radius:50%;width:8px;height:8px}.phone-sel{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.phone-sel>.stage-selection-dot{margin:0 var(--space-1);flex:none}.phone-sel-text{flex:1}.phone-sel-text b{color:var(--semantic-text-primary);font-weight:inherit}.phone-sel-actions{align-items:center;gap:var(--space-1);flex:none;display:flex}.phone-sel-actions .sys-button{height:var(--phone-bar);padding:0 var(--space-2);font:var(--text-label-md)}.phone-sel-actions .sys-icon-button{width:var(--phone-hit);height:var(--phone-bar)}.phone-sel-actions .sys-tooltip-anchor{margin-inline-start:0!important}.phone-editbar{scrollbar-width:none;touch-action:pan-x;flex:1;min-width:0;overflow-x:auto}.phone-editbar .stage-selection{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding-left:0;animation:none}.phone-body{flex:1;min-height:0;display:grid;position:relative}.phone-layer{opacity:0;visibility:hidden;min-height:0;transition:opacity var(--motion-duration-state) var(--motion-easing-exit), visibility 0s var(--motion-duration-state);flex-direction:column;grid-area:1/1;display:flex}.phone-layer[data-on]{opacity:1;visibility:visible;transition:opacity var(--motion-duration-container) var(--motion-easing-enter) 60ms, visibility 0s}.phone-tabs{z-index:3;gap:var(--phone-gap);padding:var(--space-3) var(--phone-right) 0 var(--phone-left);border-top:1px solid var(--semantic-border-subtle);box-shadow:inset 0 -1px 0 var(--semantic-border-subtle);transition:border-color var(--motion-duration-container) var(--motion-easing-enter), padding-top var(--motion-duration-container) var(--motion-easing-enter);flex:none;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.phone-sheet:has(.phone-head-row[data-empty]) .phone-tabs{padding-top:var(--space-1);border-top-color:#0000}.phone-tabs>.sys-tabs{box-shadow:none}.phone-tabs [role=tab]{min-width:var(--phone-hit);height:var(--phone-bar);justify-content:center}.phone-tabs .project-trigger{height:var(--phone-bar)}.phone-tabs .project-bar{gap:var(--phone-gap)}:is(.phone-tabs .project-bar,.phone-sum-actions) :is(.sys-tooltip-anchor,.sys-button){margin-inline-start:0!important}.phone-tabs .project-bar .sys-icon-button{width:var(--phone-bar);height:var(--phone-bar);border-color:var(--component-button-secondary-border);background:var(--component-button-secondary-bg)}.phone-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;min-height:0;overflow-y:auto}.phone-foot{border-top:1px solid var(--semantic-border-subtle);padding-bottom:env(safe-area-inset-bottom,0px);flex:none}.phone-foot:not(:has(>*>*)){border-top:0}.phone-detail .phone-scroll{padding:0 0 env(safe-area-inset-bottom,0px);border-top:1px solid var(--semantic-border-subtle)}.phone-detail :is(.part-panel,.bin-panel,.divider-panel){-webkit-backdrop-filter:none;backdrop-filter:none;width:auto;max-height:none;box-shadow:none;font:var(--text-label-md);background:0 0;border:0;border-radius:0;position:static;overflow:visible}.phone-detail .part-panel-head{display:none}.phone[data-layout=side] .phone-stage{right:var(--phone-side)}.phone[data-layout=side] .phone-panel{width:var(--phone-side);left:auto;transform:none!important}.phone[data-layout=side] .phone-sheet{border-top:0;border-left:1px solid var(--semantic-border-subtle);height:100%;box-shadow:none;border-radius:0}.phone[data-layout=side] .phone-head{padding-top:env(safe-area-inset-top,0px);padding-left:var(--phone-gutter);touch-action:auto}.phone[data-layout=side] .phone-tabs{padding-left:var(--phone-gutter)}.phone[data-layout=side] .phone-sheet{overscroll-behavior:contain;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 56px + 100px);display:block;overflow-y:auto}.phone[data-layout=side] .phone-head{z-index:3;background:var(--component-rail-bg);position:sticky;top:0}.phone[data-layout=side] .phone-body,.phone[data-layout=side] .phone-layer{display:block;position:relative}.phone[data-layout=side] .phone-layer:not([data-on]){position:absolute;top:0;left:0;right:0}.phone[data-layout=side] .phone-tabs{top:calc(env(safe-area-inset-top,0px) + 56px);z-index:2;background:var(--component-rail-bg);position:sticky}.phone[data-layout=side] .phone-scroll{overflow:visible}.phone[data-layout=side] .phone-top{padding-right:var(--phone-gutter)}.phone-dock{left:var(--phone-left);right:var(--phone-gutter);bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-2));z-index:var(--z-stage-ui);pointer-events:none;justify-content:center;display:flex;position:absolute}.phone-dock>*{pointer-events:auto}.phone-dock>.phone-views{pointer-events:none;position:relative}.phone[data-layout=side] .phone-views-bar [data-slot=segment]{min-width:0}.phone-scrim{z-index:calc(var(--z-popover) - 1);background:var(--semantic-bg-scrim);opacity:0;pointer-events:none;transition:opacity var(--motion-duration-sheet-exit) var(--motion-easing-sheet);position:fixed;inset:0}.phone-scrim[data-on]{opacity:1;pointer-events:auto;transition-duration:var(--motion-duration-sheet)}html[data-phone] .ctx-menu{overscroll-behavior:contain;width:min(100%,520px);min-width:0;max-width:none;max-height:min(75dvh,640px);padding:0 var(--sheet-pad-x,4px) calc(var(--space-2) + env(safe-area-inset-bottom,0px));border-radius:var(--phone-radius-sheet,16px) var(--phone-radius-sheet,16px) 0 0;animation:phone-sheet-in var(--motion-duration-sheet) var(--motion-easing-sheet);transition:transform var(--motion-duration-sheet) var(--motion-easing-sheet);border-bottom:0;margin-inline:auto;bottom:0;right:0;overflow-y:auto;transform-origin:bottom!important;top:auto!important;left:0!important}html[data-phone] .ctx-menu:has(~.ctx-menu:not([data-leaving])){transform:scale(.96)}html[data-phone] .ctx-menu[data-leaving]{transition:translate var(--motion-duration-sheet-exit) var(--motion-easing-sheet);animation:none;translate:0 105%}html[data-phone] .ctx-sub-scrim[data-leaving]{opacity:0;pointer-events:none;transition:opacity var(--motion-duration-sheet-exit) var(--motion-easing-sheet)}html[data-phone] .ctx-sub-scrim{z-index:var(--z-popover);background:var(--semantic-bg-scrim-stack);animation:phone-scrim-in var(--motion-duration-sheet) var(--motion-easing-sheet);display:block;position:fixed;inset:0}html:has(.card-sheet[data-open],.project-pop) .phone-scrim[data-on]{background:var(--semantic-bg-scrim-stack)}html[data-phone] :is(.ctx-menu,.project-pop,[data-sheet=panel]){background:var(--component-rail-bg)}html[data-phone] .ctx-menu{--sheet-pad-x:4px;box-shadow:var(--shadow-sheet);border-inline-width:0;padding-top:0}html:has(.phone[data-layout=side]){--phone-side-w:45vw}html:has(.phone[data-layout=side]) :is(.ctx-menu,.project-pop){width:var(--phone-side-w);max-height:none;padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));border-style:solid;border-width:0 0 0 1px;border-color:var(--semantic-border-subtle);border-radius:var(--phone-radius-sheet,16px) 0 0 var(--phone-radius-sheet,16px);box-shadow:var(--shadow-sheet-side);animation:phone-sheet-in-side var(--motion-duration-sheet) var(--motion-easing-sheet);margin:0;bottom:0;right:0;transform-origin:100%!important;top:0!important;left:auto!important}html:has(.phone[data-layout=side]) .ctx-menu:has(~.ctx-menu:not([data-leaving])){transform:scale(.98)}html:has(.phone[data-layout=side]) .ctx-menu[data-leaving]{translate:105%}html:has(.phone[data-layout=side]) :is(.project-pop[data-leaving],.ctx-layer[data-leaving] .ctx-menu){animation:none;translate:105%}@keyframes phone-sheet-in-side{0%{translate:100%}}.project-pop-mask{z-index:calc(var(--z-dialog) - 1);background:var(--semantic-bg-scrim);animation:phone-scrim-in var(--motion-duration-sheet) var(--motion-easing-sheet);transition:opacity var(--motion-duration-sheet-exit) var(--motion-easing-sheet);position:fixed;inset:0}.project-pop-mask[data-leaving]{opacity:0}html[data-phone] .project-pop{--sheet-pad-x:4px;z-index:var(--z-dialog);width:min(100%,520px);max-height:min(80dvh,640px);padding:0 var(--sheet-pad-x) calc(var(--space-2) + env(safe-area-inset-bottom,0px));border-width:1px 0 0;border-color:var(--semantic-border-subtle);border-radius:var(--phone-radius-sheet,16px) var(--phone-radius-sheet,16px) 0 0;box-shadow:var(--shadow-sheet);transform-origin:bottom;animation:phone-sheet-in var(--motion-duration-sheet) var(--motion-easing-sheet);transition:translate var(--motion-duration-container) var(--motion-easing-interaction);margin-inline:auto;inset:auto 0 0;overflow:clip}html[data-phone] .project-pop[data-leaving]{transition:translate var(--motion-duration-sheet-exit) var(--motion-easing-sheet);animation:none;translate:0 105%}html[data-phone] .project-list-scroll{min-height:0;max-height:none}html[data-phone] .project-pop .project-row-main{padding-left:12px}html[data-phone] .project-pop-foot{padding-left:5px}@keyframes phone-scrim-in{0%{opacity:0}}html[data-phone] .ctx-layer[data-leaving]>*{visibility:visible}html[data-phone] .ctx-layer[data-leaving] .ctx-menu{transition:translate var(--motion-duration-sheet-exit) var(--motion-easing-sheet), transform var(--motion-duration-sheet-exit) var(--motion-easing-sheet);animation:none;translate:0 105%}html[data-phone] .ctx-layer[data-leaving] .ctx-sub-scrim{opacity:0;transition:opacity var(--motion-duration-sheet-exit) var(--motion-easing-sheet)}html[data-phone] .ctx-menu-item{min-height:48px;padding:0 var(--space-3);font:var(--text-label-md);border-radius:var(--radius-lg)}html[data-phone] .ctx-menu-title,html[data-phone] .ctx-menu-group{min-height:36px;padding-left:var(--space-3);font:var(--text-label-md)}html[data-phone] .ctx-menu .sys-kbd,html[data-phone] .ctx-preview{display:none}html[data-phone] .ctx-menu-hint svg,html[data-phone] .ctx-menu-check,html[data-phone] .ctx-menu-caret{font-size:16px}@keyframes phone-sheet-in{0%{translate:0 100%}}html[data-phone]:not(:has(.phone[data-layout=side])) :is(.phone-sheet,.card-sheet,.ctx-menu,.project-pop,[data-sheet=panel],.line-sheet[data-sheet=panel]){box-shadow:0 0 0 1px var(--semantic-border-subtle), var(--shadow-sheet);border-top-width:0}.corner-prompt{right:calc(env(safe-area-inset-right,0px) + var(--space-4));bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-4));z-index:var(--z-toast);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-xl);background:var(--semantic-bg-floating);box-shadow:var(--shadow-modal);font:var(--text-label-md);white-space:nowrap;animation:sys-toast-in var(--motion-duration-container) var(--motion-easing-enter);display:inline-flex;position:fixed}.corner-prompt[data-raised]{bottom:calc(env(safe-area-inset-bottom,0px) + 72px)}@media (max-width:900px){.corner-prompt,.corner-prompt[data-raised]{top:calc(env(safe-area-inset-top,0px) + var(--space-3));right:calc(env(safe-area-inset-right,0px) + var(--space-3));bottom:auto}}.consent{z-index:var(--z-stage-ui);align-items:center;gap:var(--space-2);max-width:calc(100% - 2 * var(--space-4));padding:var(--space-1-5) var(--space-1-5) var(--space-1-5) var(--space-3);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-full);background:var(--semantic-bg-floating);box-shadow:var(--shadow-modal);font:var(--text-label-md);color:var(--semantic-text-primary);white-space:nowrap;animation:consent-in var(--motion-duration-container) var(--motion-easing-enter);display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.consent>span{text-overflow:ellipsis;overflow:hidden}.consent>.sys-button{border-radius:var(--radius-full);flex:none}.consent-more{color:var(--semantic-text-secondary);text-decoration:underline;-webkit-text-decoration-color:var(--semantic-border-subtle-alt);text-decoration-color:var(--semantic-border-subtle-alt);text-underline-offset:3px;flex:none}.consent-more:hover{color:var(--semantic-text-primary);text-decoration-color:currentColor}.consent[data-leaving]{opacity:0;transition:opacity var(--motion-duration-exit) var(--motion-easing-exit), transform var(--motion-duration-exit) var(--motion-easing-exit);transform:translate(-50%)translateY(8px)scale(.98)}.consent-icon{color:var(--semantic-text-brand);animation:consent-twinkle .7s var(--motion-easing-enter) .2s backwards;flex:none;font-size:18px}@keyframes consent-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}}@keyframes consent-twinkle{0%{opacity:0;transform:scale(.4)rotate(-45deg)}60%{opacity:1;transform:scale(1.2)rotate(10deg)}}@media (max-width:900px),(max-height:500px){.consent{align-items:center;gap:var(--space-2) 10px;width:min(420px, calc(100% - 2 * var(--space-2)));max-width:none;padding:var(--space-3) var(--space-3) var(--space-2) var(--space-4);border-radius:var(--radius-xl);white-space:normal;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"icon text text text"".more no yes";display:grid}.consent-icon{grid-area:icon;align-self:start;margin-top:1px}.consent>span{text-wrap:pretty;grid-area:text}.consent-more{grid-area:more;justify-self:start;position:relative}.consent>.sys-button{white-space:nowrap;height:36px;position:relative}.consent>.sys-button:nth-last-child(2){grid-area:no}.consent>.sys-button:last-child{grid-area:yes}.consent>:is(.sys-button,.consent-more):after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.consent-icon{animation:none}}.onb-scrim[data-phone]{background:var(--semantic-bg-primary);padding:0}.onb[data-phone]{--onbp-control:36px;--onbp-gap:10px;width:100%;height:100%;padding-top:env(safe-area-inset-top);background:var(--semantic-bg-primary);box-shadow:none;border:0;border-radius:0}.onb[data-phone] .onb-head{gap:var(--space-2);min-height:56px;padding:0 var(--space-3);border-bottom-color:var(--semantic-border-subtle);flex:none}.onb[data-phone] .onb-head-end{position:relative}.onb[data-phone] :is(.sys-button,.sys-button[data-size]){height:var(--onbp-control)}.onb[data-phone] :is(.sys-icon-button,.sys-icon-button[data-size]){width:var(--onbp-control);height:var(--onbp-control)}.onb[data-phone] :is(.sys-segmented,.sys-segmented[data-size]){height:var(--onbp-control);min-height:0}.onb[data-phone] .sys-segmented [data-slot=segment]{min-width:44px;margin-block:-5px}.onb[data-phone] :is(.sys-button,.sys-icon-button,.onbp-chip):after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (orientation:portrait){.onb[data-phone] .onbp-foot :is(.sys-button,.sys-button[data-size]){height:44px}}.onbp-steps{gap:var(--space-3);min-width:0;margin:0;padding:0;list-style:none;display:flex}.onbp-steps button{height:44px;font:var(--text-label-md);white-space:nowrap;color:var(--semantic-text-muted);background:0 0;border:0;align-items:center;padding:0;display:inline-flex;position:relative}.onbp-steps button:after{content:"";position:absolute;inset:0 min(0px,50% - 22px)}.onbp-steps button:not(:disabled){cursor:pointer}.onbp-step-n{border:1px solid var(--semantic-border-default);border-radius:var(--radius-full);width:22px;height:22px;font:var(--text-mono-xs);transition:background-color var(--motion-duration-state) var(--motion-easing-interaction), border-color var(--motion-duration-state) var(--motion-easing-interaction), color var(--motion-duration-state) var(--motion-easing-interaction);flex:none;place-items:center;display:grid}.onbp-step-label{margin-left:var(--space-1-5);transition:grid-template-columns var(--motion-duration-state) var(--motion-easing-interaction), margin-left var(--motion-duration-state) var(--motion-easing-interaction), opacity var(--motion-duration-state) var(--motion-easing-interaction), color var(--motion-duration-state) var(--motion-easing-interaction);grid-template-columns:1fr;display:grid}.onbp-step-label>span{min-width:0;overflow:hidden}.onbp-step-label[data-hidden]{opacity:0;grid-template-columns:0fr;margin-left:0}.onbp-steps [aria-current=step] .onbp-step-n{border-color:var(--semantic-bg-solid);background:var(--semantic-bg-solid);color:var(--semantic-text-inverse)}.onbp-steps [aria-current=step] .onbp-step-label{color:var(--semantic-text-primary)}.onbp-steps [data-done] .onbp-step-n{background:var(--semantic-bg-brand-subtle);color:var(--semantic-text-brand);border-color:#0000}.onbp-step{flex-direction:column;flex:1;min-height:0;display:flex}.onbp-body{overscroll-behavior:contain;min-height:0;animation:onbp-rise var(--motion-duration-container) var(--motion-easing-enter);flex:1;overflow-y:auto}.onb[data-move=next] .onbp-body{animation-name:onbp-next}.onb[data-move=back] .onbp-body{animation-name:onbp-back}.onbp-text{padding:var(--space-4) var(--space-4) var(--space-6)}.onbp-title{font:var(--text-heading-sm);color:var(--semantic-text-primary);text-wrap:balance;margin:0}.onbp-line{margin:var(--space-1-5) 0 0;font:var(--text-text-sm);color:var(--semantic-text-secondary);text-wrap:pretty}.onbp-meta{margin:var(--space-5) 0 0;font:var(--text-text-xs);color:var(--semantic-text-muted);justify-items:start;gap:2px;display:grid}.onbp-meta a{min-height:44px;font:var(--text-label-sm);color:var(--semantic-text-secondary);align-items:center;gap:2px;text-decoration:none;display:inline-flex}.onbp-foot{gap:var(--onbp-gap);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));border-top:1px solid var(--semantic-border-subtle);flex:none;display:flex}.onbp-main{flex:1}.onbp-media{aspect-ratio:16/10;background:color-mix(in srgb, var(--black) 92%, var(--white));cursor:pointer;position:relative;overflow:hidden}.onbp-media>:is(video,img){width:100%;height:auto;animation:onbp-fade var(--motion-duration-container) var(--motion-easing-enter);position:absolute;top:50%;left:0;translate:0 -50%}.onbp-media[data-rail]>:is(video,img){width:150%;left:-50%}.onbp-paused{border-radius:var(--radius-full);background:color-mix(in srgb, var(--black) 55%, transparent);width:48px;height:48px;color:var(--white);animation:onbp-fade var(--motion-duration-state) var(--motion-easing-enter);place-items:center;font-size:20px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.onbp-caption{min-height:calc(2lh + 10px);padding:10px var(--space-4) 0;font:var(--text-text-sm);color:var(--semantic-text-secondary);text-wrap:pretty;animation:onbp-fade var(--motion-duration-container) var(--motion-easing-enter);margin:0}.onbp-caption a{color:inherit;align-items:center;gap:2px;display:inline-flex}.onbp-chips{gap:var(--onbp-gap);margin:var(--space-4) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.onbp-chip{width:100%;min-height:var(--onbp-control);padding:var(--space-1-5) var(--space-3);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-md);background:var(--semantic-bg-subtle);font:var(--text-label-sm);color:var(--semantic-text-secondary);text-align:left;cursor:pointer;transition:border-color var(--motion-duration-state) var(--motion-easing-interaction), color var(--motion-duration-state) var(--motion-easing-interaction);align-items:center;display:flex;position:relative}.onbp-chip>span{min-width:0;position:relative}.onbp-chip[aria-pressed=true]{border-color:var(--semantic-border-brand);color:var(--semantic-text-primary)}.onbp-chip-fill{--p:0;background:var(--semantic-bg-brand-subtle);clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0 round calc(var(--radius-md) - 1px));position:absolute;inset:0}.onbp-where{gap:var(--space-2);margin-top:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.onbp-where section{min-width:0;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--semantic-bg-subtle);animation:onbp-rise var(--motion-duration-container) var(--motion-easing-enter) backwards}.onbp-where section+section{animation-delay:60ms}.onbp-where h3{align-items:center;gap:var(--space-1-5);margin:0 0 var(--space-2);font:var(--text-label-md);color:var(--semantic-text-primary);display:flex}.onbp-where h3 svg{color:var(--semantic-text-secondary);flex:none;font-size:18px}.onbp-where ul{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.onbp-where li{align-items:center;gap:var(--space-1-5);font:var(--text-text-sm);color:var(--semantic-text-secondary);display:flex}.onbp-where li svg{color:var(--semantic-text-brand);flex:none}.onbp-tiles{gap:var(--space-4) var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.onbp-tile{min-width:0;color:var(--semantic-text-primary);text-align:left;cursor:pointer;animation:onbp-rise var(--motion-duration-container) var(--motion-easing-enter) backwards;animation-delay:calc(var(--onb-n,0) * 40ms);background:0 0;border:0;align-content:start;gap:2px;padding:0;display:grid}.onbp-tile .onb-art{aspect-ratio:6/5;margin-bottom:var(--space-1-5);flex:none}.onbp-tile .onb-art[data-scratch]{font-size:28px}.onbp-tile[aria-checked=true] .onb-art{box-shadow:0 0 0 3px var(--semantic-bg-primary), 0 0 0 5px var(--semantic-bg-brand-solid)}.onbp-tile[aria-checked=true] .onb-art[data-scratch]{border-style:solid}.onbp-tile b{font:var(--text-label-md)}.onbp-tile>span:last-child{-webkit-line-clamp:2;font:var(--text-text-xs);color:var(--semantic-text-muted);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.onbp-link{min-height:44px;margin-top:var(--space-2);font:var(--text-label-md);color:var(--semantic-text-secondary);text-decoration:underline;-webkit-text-decoration-color:var(--semantic-border-subtle-alt);text-decoration-color:var(--semantic-border-subtle-alt);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0}.onbp-all{animation:onbp-fade var(--motion-duration-container) var(--motion-easing-enter)}.onbp-all h3{margin:var(--space-4) 0 var(--space-1);font:var(--text-label-sm);color:var(--semantic-text-muted)}.onbp-all ul{margin:0;padding:0;list-style:none}.onbp-row{justify-content:space-between;align-items:center;gap:var(--space-3);border:0;border-bottom:1px solid var(--semantic-border-subtle);width:100%;min-height:48px;font:var(--text-label-md);color:var(--semantic-text-primary);text-align:left;cursor:pointer;background:0 0;padding:0;display:flex}.onbp-row svg{color:var(--semantic-text-brand);flex:none}@media (orientation:landscape){.onb[data-phone]{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.onb[data-phone] .onb-head{min-height:48px}.onbp-body[data-layout=intro]{grid-template-columns:44% minmax(0,1fr);align-items:start;display:grid}.onbp-media-col{padding:var(--space-3) 0 var(--space-3) var(--space-4);position:sticky;top:0}.onbp-media{border-radius:var(--radius-lg)}.onbp-caption{left:var(--space-4);right:0;bottom:var(--space-3);min-height:0;padding:var(--space-8) var(--space-3) 10px;border-radius:0 0 var(--radius-lg) var(--radius-lg);background:linear-gradient(transparent, color-mix(in srgb, var(--black) 78%, transparent));color:var(--white);position:absolute}.onbp-text{padding-top:var(--space-3)}.onbp-chips,.onbp-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.onbp-body:is([data-layout=pack],[data-layout=start]) .onbp-text{max-width:680px;margin:0 auto}.onbp-foot{padding-top:var(--space-2);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));justify-content:flex-end}.onbp-main{flex:none;min-width:160px}}@keyframes onbp-fade{0%{opacity:0}}@keyframes onbp-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes onbp-next{0%{opacity:0;transform:translate(24px)}}@keyframes onbp-back{0%{opacity:0;transform:translate(-24px)}}