:root [data-sheet=scrim]{padding:calc(var(--vv-top,0px) + env(safe-area-inset-top) + 24px) 0 var(--kb,0px);transition:padding-bottom var(--motion-duration-container) var(--motion-easing-enter);animation:sheet-scrim-in var(--motion-duration-sheet) var(--motion-easing-sheet);flex-direction:column;align-items:center;display:flex}:root [data-sheet=scrim][data-leaving]{opacity:1;transition:padding-bottom var(--motion-duration-container) var(--motion-easing-enter);animation:sheet-scrim-out var(--motion-duration-sheet-exit) var(--motion-easing-sheet) forwards}@keyframes sheet-scrim-in{0%{background-color:#0000}}@keyframes sheet-scrim-out{to{background-color:#0000}}[data-sheet-dragging],[data-sheet-settling]{transition:none!important}:root [data-sheet=panel]{--sheet-control:36px;--sheet-gap:10px;width:100%;max-width:640px;height:auto;min-height:0;max-height:none;padding-top:var(--space-3);animation:sheet-in var(--motion-duration-sheet) var(--motion-easing-sheet);border-width:1px 0 0;border-radius:16px 16px 0 0;flex:1;position:relative;transform:none}:root [data-sheet=panel][data-leaving]{transition:translate var(--motion-duration-sheet-exit) var(--motion-easing-sheet);animation:none;translate:0 105%}@media (orientation:landscape){:root [data-sheet=scrim]{padding-top:calc(var(--vv-top,0px) + env(safe-area-inset-top) + 12px)}}@keyframes sheet-in{0%{translate:0 100%}}:root [data-sheet=panel]{box-shadow:var(--shadow-sheet)}html:has(.phone[data-layout=side]) [data-sheet=scrim]{align-items:flex-end;padding-top:0}html:has(.phone[data-layout=side]) [data-sheet=panel]{width:45vw;max-width:none;padding-top:env(safe-area-inset-top,0px);box-shadow:var(--shadow-sheet-side);animation:sheet-in-side var(--motion-duration-sheet) var(--motion-easing-sheet);border-width:0 0 0 1px;border-radius:16px 0 0 16px;flex:1;margin-top:0}html:has(.phone[data-layout=side]) [data-sheet=panel][data-leaving]{animation:none;translate:105%}html:has(.phone[data-layout=side]) .fb[data-sheet=panel]{width:100%;box-shadow:none;border-width:0;border-radius:0}html:has(.phone[data-layout=side]) .fb[data-sheet=panel]>*{width:min(100%,600px);margin-inline:auto}@keyframes sheet-in-side{0%{translate:100%}}.sheet-grabber{height:var(--grabber-zone,24px);padding-top:var(--grabber-top,8px);touch-action:none;cursor:grab;place-items:start center;display:grid;position:absolute;top:0;left:0;right:0}.sheet-grabber:before{content:"";width:var(--grabber-w,36px);height:var(--grabber-h,5px);border-radius:var(--radius-full);background:var(--semantic-border-default)}:root [data-sheet=panel] [data-sheet-drag]{touch-action:none}:root [data-sheet=panel] :is(.mdlg-head,.fb-head) h2{font:var(--text-label-md);color:var(--semantic-text-muted);font-weight:600}:root [data-sheet=panel] :is(.mdlg-head,.fb-head){border-bottom:0}:root [data-sheet=panel] :is(.sys-button,.sys-button[data-size]){height:var(--sheet-control)}:root [data-sheet=panel] :is(.sys-icon-button,.sys-icon-button[data-size]){width:var(--sheet-control);height:var(--sheet-control)}:root [data-sheet=panel] :is(.sys-segmented,.sys-segmented[data-size]){height:var(--sheet-control);min-height:0}:root [data-sheet=panel] .sys-segmented [data-slot=segment]{min-width:44px;margin-block:-5px}:root [data-sheet=panel] :is(.sys-button,.sys-icon-button):after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root [data-sheet=panel] .sys-input{height:auto}:root [data-sheet=panel] .sys-input>input{height:44px}:root [data-sheet=panel] :is(input,textarea){font-size:16px}:root [data-sheet=panel] [data-sheet-bar] :is(.sys-button,.sys-button[data-size]){flex:1;height:44px}:root{--grabber-w:36px;--grabber-h:5px;--grabber-top:10px;--grabber-zone:30px;--grabber-w-active:44px;--grabber-ease:.26s cubic-bezier(.34, 1.45, .64, 1)}:is(.phone-grabber>span,.sheet-head-grabber){transition:width var(--grabber-ease), background var(--motion-duration-feedback) var(--motion-easing-interaction)}:is(.phone-head:active .phone-grabber>span,.sheet-head:active .sheet-head-grabber,[data-sheet-dragging] .sheet-head-grabber){width:var(--grabber-w-active);background:var(--semantic-text-muted)}@media (prefers-reduced-motion:reduce){:is(.phone-grabber>span,.sheet-head-grabber){transition:background var(--motion-duration-feedback) var(--motion-easing-interaction)}}.sheet-head{z-index:1;align-items:center;gap:var(--space-1);min-height:52px;margin-inline:calc(-1 * var(--sheet-pad-x,0px));padding:calc(var(--grabber-top) + var(--grabber-h) + 4px) 12px 0 16px;background:inherit;touch-action:none;border-start-start-radius:inherit;border-start-end-radius:inherit;flex:none;display:flex;position:sticky;top:0}.sheet-head[data-back]{padding-left:8px}.sheet-head{transition:padding-left var(--motion-duration-container) var(--motion-easing-enter)}.sheet-head .sys-icon-button{flex:none;width:36px;height:36px}.sheet-head-grabber{top:var(--grabber-top);width:var(--grabber-w);height:var(--grabber-h);border-radius:var(--radius-full);background:var(--semantic-border-default);position:absolute;left:50%;translate:-50%}html:has(.phone[data-layout=side]) .sheet-head-grabber{display:none}.sheet-head-title{min-width:0;font:var(--text-label-md);color:var(--semantic-text-primary);white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.sheet-head-title>*{align-items:baseline;gap:var(--space-2);display:flex}.sheet-head-title>.sys-swap-old{right:0}.sheet-head-title>*>:is(small,span){font:inherit;color:var(--semantic-text-muted);flex:none;font-weight:400}.sheet-head-title>*>b{text-overflow:ellipsis;font-weight:600;overflow:hidden}.sheet-head{margin-bottom:var(--space-2)}:is(.ctx-menu,.project-pop,.line-sheet)>.sheet-head .sheet-head-title{color:var(--semantic-text-muted)}html[data-phone] :is(.ctx-menu,.line-sheet){overflow-x:hidden}.card-sheet{overflow:clip}.xo-scrim{z-index:calc(var(--z-dialog) + 1);padding:var(--space-4);background:var(--semantic-bg-scrim);place-items:center;display:grid;position:fixed;inset:0}.xo{border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-xl);background:var(--semantic-bg-floating);width:min(420px,100%);max-height:100%;box-shadow:var(--shadow-modal);outline:none;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.xo-head{min-height:52px;padding:0 var(--space-5);border-bottom:1px solid var(--semantic-border-subtle-alt);align-items:center;display:flex}.xo-head h2{font:var(--text-label-md);color:var(--semantic-text-primary);text-wrap:balance;margin:0;font-weight:600}.xo-body{gap:var(--space-3);padding:var(--space-5);flex-direction:column;display:flex;overflow-y:auto}.xo-body>p{font:var(--text-label-sm);color:var(--semantic-text-secondary);margin:0}.xo-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}@media (max-width:480px){.xo-scrim{padding:var(--space-2)}.xo-head,.xo-body{padding-left:var(--space-4);padding-right:var(--space-4)}.xo-foot{padding-left:var(--space-4)}}.onb-scrim{z-index:var(--z-dialog);padding:var(--space-4);background:color-mix(in srgb, var(--black) 60%, transparent);place-items:center;display:grid;position:fixed;inset:0}.onb{--onb-gutter:var(--space-6);--onb-hang:var(--space-3);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-xl);background:var(--semantic-bg-floating);width:min(960px,100%);height:min(640px,100%);box-shadow:var(--shadow-modal);outline:none;flex-direction:column;display:flex;overflow:hidden}.onb-stack{flex:1;grid-template:minmax(0,1fr)/minmax(0,1fr);min-height:0;display:grid}.onb-step{flex-direction:column;grid-area:1/1;min-width:0;min-height:0;display:flex}.onb-step[data-leaving]{animation:motion-fade-out var(--motion-duration-exit) var(--motion-easing-exit) forwards;pointer-events:none}.onb{--onb-from:0 var(--motion-offset-rise);--onb-stagger:var(--motion-delay-swap)}.onb[data-move=next]{--onb-from:16px 0}.onb[data-move=back],.onb-frame[data-motion=back]{--onb-from:-16px 0}.onb-frame[data-motion=swap]{--onb-from:0 var(--motion-offset-rise)}.onb-frame-main>*,.onb-frame-aside,.onb-tile{animation:onb-enter var(--motion-duration-container) var(--motion-easing-enter) both}.onb-frame-main>:not(.onb-frame-head){animation-delay:var(--onb-stagger)}.onb-frame-aside{animation-delay:calc(2 * var(--onb-stagger))}.onb-frame-main>.onb-grid{animation:none}.onb-tile{animation-delay:calc(var(--onb-stagger) * (1 + .5 * var(--onb-n,0)))}.onb-foot-meta>*,.onb-foot-actions>*{animation:motion-fade-in var(--motion-duration-state) var(--motion-easing-enter) var(--motion-delay-swap) both}@keyframes onb-enter{0%{opacity:0;translate:var(--onb-from)}}.onb-head{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:56px;padding:0 var(--space-3) 0 var(--onb-gutter);border-bottom:1px solid var(--semantic-border-subtle-alt);display:flex}.onb[data-webgl-off]{height:min(724px,100%)}.onb-webgl{gap:var(--space-3);padding:var(--space-3) var(--onb-gutter);border-bottom:1px solid var(--semantic-border-subtle-alt);background:color-mix(in srgb, var(--semantic-text-warning) 8%, var(--semantic-bg-floating));display:flex}.onb-webgl>svg{color:var(--semantic-text-warning);flex:none;margin-top:2px;font-size:18px}.onb-webgl-text{gap:var(--space-2);min-width:0;display:grid}.onb-webgl-text p{font:var(--text-label-sm);color:var(--semantic-text-secondary);text-wrap:pretty;margin:0}.onb-webgl-text b{margin-right:var(--space-2);color:var(--semantic-text-primary);font-weight:600}.onb-head-end{align-items:center;gap:var(--space-2);display:flex}.onb-steps{gap:var(--space-4);margin:0;padding:0;list-style:none;display:flex}.onb-steps li,.onb-steps button{align-items:center;gap:var(--space-1-5);font:var(--text-label-sm);color:var(--semantic-text-muted);transition:color var(--motion-duration-state) var(--motion-easing-interaction);display:flex}.onb-steps li[aria-current],.onb-steps li[data-done]{color:var(--semantic-text-primary)}.onb-steps button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.onb-steps button:hover{text-underline-offset:3px;text-decoration:underline}.onb-step-n{border-radius:var(--radius-full);width:18px;height:18px;font:var(--text-label-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);border:1px solid;place-items:center;display:grid}.onb-steps li[aria-current] .onb-step-n{border-color:var(--semantic-bg-solid);background:var(--semantic-bg-solid);color:var(--semantic-text-inverse)}.onb-foot{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:64px;padding:0 var(--onb-gutter);border-top:1px solid var(--semantic-border-subtle-alt);display:flex}.onb-foot-meta,.onb-foot-actions{align-items:center;gap:var(--space-2);min-width:0;display:flex}.onb-foot-actions>.sys-swap>*{align-items:center;gap:var(--space-2);display:flex}.onb-foot-meta{gap:var(--space-4);font:var(--text-text-xs);color:var(--semantic-text-muted)}.onb-foot-meta a{align-items:center;gap:var(--space-0-5);color:var(--semantic-text-secondary);white-space:nowrap;transition:color var(--motion-duration-feedback) var(--motion-easing-interaction);text-decoration:none;display:inline-flex}@media (hover:hover){.onb-foot-meta a:hover{color:var(--semantic-text-primary);transition-duration:var(--motion-duration-hover-in)}}.onb-frame{gap:var(--space-8);min-height:0;padding:var(--space-6) var(--onb-gutter);flex:1;grid-template-columns:400px minmax(0,1fr);display:grid}.onb-frame[data-wide]{grid-template-columns:minmax(0,1fr)}.onb-frame-main{gap:var(--space-6);flex-direction:column;min-height:0;display:flex}.onb-frame-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.onb-title{margin:0 0 var(--space-2);font:var(--text-display-sm);color:var(--semantic-text-primary);text-wrap:balance}.onb-line,.onb-how,.onb-result span{text-wrap:pretty}.onb-line{font:var(--text-text-sm);color:var(--semantic-text-secondary);margin:0}.onb-line+.onb-line{margin-top:var(--space-1)}.onb-frame-aside{flex-direction:column;min-height:0;display:flex}.onb-quiet{font:var(--text-text-xs);color:var(--semantic-text-muted);margin:0}.onb-link{align-items:center;gap:var(--space-1);font:var(--text-label-md);color:var(--semantic-text-secondary);white-space:nowrap;cursor:pointer;transition:color var(--motion-duration-feedback) var(--motion-easing-interaction);background:0 0;border:0;padding:0;display:inline-flex}@media (hover:hover){.onb-link:hover{color:var(--semantic-text-primary);transition-duration:var(--motion-duration-hover-in)}}.onb-rows{margin:0 calc(-1 * var(--onb-hang));flex-direction:column;padding:0;list-style:none;display:flex}.onb-row{height:34px;padding:0 var(--onb-hang);border-radius:var(--radius-md);font:var(--text-label-md);color:var(--semantic-text-secondary);cursor:pointer;transition:background-color var(--motion-duration-feedback) var(--motion-easing-interaction), color var(--motion-duration-feedback) var(--motion-easing-interaction);align-items:center;display:flex}@media (hover:hover){.onb-row:hover{color:var(--semantic-text-primary);transition-duration:var(--motion-duration-hover-in)}}.onb-row[data-active]{background:var(--semantic-bg-active);color:var(--semantic-text-primary)}.onb-rows-group{gap:var(--space-1);flex-direction:column;display:flex}.onb-rows-title{font:var(--text-label-xs);color:var(--semantic-text-muted)}.onb-scroll{align-items:flex-start;gap:var(--space-4);min-height:0;margin:0 calc(-1 * var(--onb-hang));padding:0 var(--onb-hang);scrollbar-width:thin;scrollbar-color:var(--semantic-bg-muted) transparent;flex-direction:column;display:flex;overflow:auto}.onb-scroll>*{align-self:stretch}.onb-scroll>.onb-link{align-self:flex-start}.onb-media{flex-direction:column;flex:1;min-height:0;display:flex}.onb-media-stage{aspect-ratio:6/5;border-radius:var(--radius-lg);background:var(--semantic-bg-subtle);flex:none;position:relative;overflow:hidden}.onb-media-stage video,.onb-media-stage img{object-fit:cover;width:100%;height:100%;animation:motion-fade-in var(--motion-duration-state) var(--motion-easing-enter);display:block;position:absolute;inset:0}.onb-media-stage [data-old]{animation:none}.onb-media-ring{right:var(--space-3);bottom:var(--space-3);border-radius:var(--radius-full);background:color-mix(in srgb, var(--semantic-bg-primary) 80%, transparent);width:22px;height:22px;box-shadow:var(--shadow-overlay);pointer-events:none;padding:3px;position:absolute;rotate:-90deg}.onb-media-ring circle{fill:none;stroke-width:2.5px;stroke:var(--semantic-border-default)}.onb-media-ring [data-slot=fill]{stroke:var(--semantic-text-primary);stroke-linecap:round;transition:stroke-dashoffset var(--motion-duration-feedback) linear, stroke var(--motion-duration-state) var(--motion-easing-interaction)}.onb-media-ring[data-held] [data-slot=fill]{stroke:var(--semantic-text-muted)}.onb-media-caption-swap{margin-top:var(--space-3)}.onb-media-caption{gap:var(--space-0-5);flex-direction:column;min-height:44px;display:flex}.onb-media-caption b{font:var(--text-label-md);color:var(--semantic-text-primary)}.onb-media-caption span,.onb-media-caption a{font:var(--text-text-sm);color:var(--semantic-text-secondary)}.onb-media-caption a{align-items:center;gap:var(--space-0-5);text-underline-offset:3px;transition:color var(--motion-duration-feedback) var(--motion-easing-interaction);align-self:flex-start;text-decoration:underline;display:inline-flex}@media (hover:hover){.onb-media-caption a:hover{color:var(--semantic-text-primary);transition-duration:var(--motion-duration-hover-in)}}.onb-act{gap:var(--space-3);flex-direction:column;display:flex}.onb-act-row{align-items:center;gap:var(--space-5);display:flex}.onb-check{gap:var(--space-2);flex-direction:column;display:flex}.onb-check>span{font:var(--text-text-sm);color:var(--semantic-text-secondary);font-variant-numeric:tabular-nums}.onb-act>.onb-link{margin-top:var(--space-2);align-self:flex-start}.onb-result{gap:var(--space-1);flex-direction:column;display:flex}.onb-result>svg{margin-bottom:var(--space-1);color:var(--semantic-text-primary);animation:motion-mark-in var(--motion-duration-state) var(--motion-easing-enter) calc(2 * var(--onb-stagger)) both;font-size:24px}.onb-result[data-tone=warning]>svg{color:var(--semantic-text-warning)}.onb-result ul{gap:var(--space-1);font:var(--text-text-sm);color:var(--semantic-text-secondary);text-wrap:pretty;flex-direction:column;margin:0;padding-left:1.2em;display:flex}.onb-result[data-tone=danger]>svg{color:var(--semantic-text-danger)}.onb-result b{font:var(--text-heading-xs);text-wrap:balance;color:var(--semantic-text-primary)}.onb-result span{font:var(--text-text-sm);color:var(--semantic-text-secondary)}.onb-panel{gap:var(--space-4);min-height:0;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--semantic-bg-subtle);flex-direction:column;flex:1;display:flex;overflow:auto}.onb-panel-title{font:var(--text-label-md);color:var(--semantic-text-primary)}.onb-how{gap:var(--space-1-5);font:var(--text-text-sm);color:var(--semantic-text-secondary);flex-direction:column;margin:0;padding-left:1.2em;display:flex}.onb-tip-anchor{margin-left:var(--space-1);vertical-align:-.16em}.onb-tip-icon{border-radius:var(--radius-full);width:1.1em;height:1.1em;font-size:inherit;color:var(--semantic-text-muted);cursor:help;transition:color var(--motion-duration-feedback) var(--motion-easing-interaction);background:0 0;border:0;padding:0;line-height:0;display:inline-flex}.onb-tip-icon svg{width:100%;height:100%}@media (hover:hover){.onb-tip-icon:hover{color:var(--semantic-text-primary);transition-duration:var(--motion-duration-hover-in)}}.onb-tip{white-space:normal;text-wrap:pretty;max-width:300px;display:block}.onb-tree{padding:var(--space-3);border-radius:var(--radius-md);background:var(--semantic-bg-floating);font:var(--text-mono-sm);color:var(--semantic-text-muted);flex-direction:column;display:flex}.onb-tree-row{align-items:center;gap:var(--space-1-5);flex-wrap:wrap;min-height:26px;display:flex}.onb-tree-row[data-child]{padding-left:var(--space-5)}.onb-tree-row[data-file]{padding-left:calc(var(--space-5) + 14px + var(--space-1-5))}.onb-tree-row[data-pick]{color:var(--semantic-text-primary)}.onb-tree-row em{margin-left:var(--space-2);font:var(--text-label-sm);color:var(--semantic-text-brand);font-style:normal}.onb-panel-foot{align-items:flex-start;gap:var(--space-1);padding-top:var(--space-4);border-top:1px solid var(--semantic-border-subtle-alt);font:var(--text-text-sm);color:var(--semantic-text-secondary);flex-direction:column;margin-top:auto;display:flex}.onb-ai-prompt{margin-top:var(--space-1);resize:none;align-self:stretch}.onb-grid{gap:var(--space-5) var(--space-4);flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;display:grid}.onb-tile{gap:var(--space-0-5);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;min-height:0;padding:0;display:flex}.onb-art{width:100%;min-height:0;margin-bottom:var(--space-2);border-radius:var(--radius-lg);transition:box-shadow var(--motion-duration-feedback) var(--motion-easing-interaction);flex:1;display:block;position:relative}.onb-art>img,.onb-art>video{border-radius:inherit;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.onb-art>video{opacity:0;transition:opacity var(--motion-duration-feedback) var(--motion-easing-interaction)}.onb-art[data-playing]>video{opacity:1}.onb-art[data-scratch]{border:1px dashed var(--semantic-border-default);color:var(--semantic-text-muted);place-items:center;font-size:48px;display:grid}@media (hover:hover){.onb-tile:hover .onb-art{box-shadow:0 0 0 2px var(--semantic-border-default);transition-duration:var(--motion-duration-hover-in)}}.onb-tile:focus-visible{box-shadow:none}.onb-tile:focus-visible .onb-art{box-shadow:0 0 0 4px var(--semantic-focus-ring-default)}.onb-tile[aria-checked=true] .onb-art,.onb-tile[aria-checked=true]:hover .onb-art{box-shadow:0 0 0 3px var(--semantic-bg-floating), 0 0 0 5px var(--semantic-bg-brand-solid)}.onb-tile[aria-checked=true] .onb-art[data-scratch]{border-style:solid}.onb-art-check{top:var(--space-2);right:var(--space-2);background:var(--white);width:24px;height:24px;color:var(--semantic-bg-brand-solid);border-radius:50%;position:absolute}.onb-art-check>svg{width:100%;height:100%}.onb-tile b,.onb-pick b{font:var(--text-label-md);color:var(--semantic-text-primary)}.onb-tile>span:last-child{font:var(--text-text-xs);color:var(--semantic-text-muted)}.onb-frame-aside .preset-card{flex-direction:column;flex:1;width:auto;min-height:0;display:flex}.onb-aside-swap[data-block],.onb-aside-swap[data-block]>.sys-swap-cur{flex-direction:column;flex:1;min-height:0;display:flex}.onb-aside-swap[data-block]>.sys-swap-old{flex-direction:column;display:flex;bottom:0}.onb-frame-aside .preset-card-stage{aspect-ratio:auto;border-radius:var(--radius-lg);flex:1;min-height:0}.onb-frame-aside .preset-card-stage>img,.onb-frame-aside .preset-card-stage>video{object-fit:contain}.onb-frame-aside .preset-card-text{padding:var(--space-3) 0 0}.onb-pick{gap:var(--space-0-5);flex-direction:column;flex:1;min-height:0;display:flex}.onb-pick .onb-art{margin-bottom:var(--space-3)}.onb-pick>span:last-child{font:var(--text-text-sm);color:var(--semantic-text-secondary)}.pack-status{border-top:1px solid var(--semantic-border-subtle-alt)}.pack-status-row{align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-1) var(--space-3) var(--space-1) var(--space-5);display:flex}.pack-status-dot{border-radius:var(--radius-full);background:var(--semantic-text-muted);flex:none;width:6px;height:6px}.pack-status-dot[data-tone=ok]{background:var(--semantic-text-primary)}.pack-status-dot[data-tone=warning]{background:var(--semantic-text-warning)}.pack-status-dot[data-tone=danger]{background:var(--semantic-text-danger)}.pack-status-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--text-text-xs);color:var(--semantic-text-secondary);font-variant-numeric:tabular-nums;overflow:hidden}.pack-status-caret svg{transition:rotate var(--motion-duration-state) var(--motion-easing-interaction)}.pack-status-caret[aria-expanded=true] svg{rotate:180deg}.pack-status-end{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.pack-prebuild[data-warn]{color:var(--semantic-text-warning)}.pack-prebuild-ring{fill:none;stroke-width:2px;stroke:var(--semantic-border-subtle-alt)}.pack-prebuild-ring [data-slot=arc]{stroke:var(--semantic-text-brand);stroke-linecap:round;transform-origin:6px 6px;transition:stroke-dasharray var(--motion-duration-state) var(--motion-easing-interaction), stroke var(--motion-duration-state) var(--motion-easing-interaction);transform:rotate(-90deg)}.pack-prebuild-ring[data-paused] [data-slot=arc]{stroke:var(--semantic-text-muted)}.pack-prebuild-ring [data-slot=orbit]{transform-origin:6px 6px;animation:pack-prebuild-turn 1.8s var(--motion-easing-enter) infinite}.pack-prebuild-ring [data-slot=orbit] circle{stroke:color-mix(in srgb, var(--semantic-text-brand) 45%, transparent);stroke-linecap:round;transform-origin:6px 6px;animation:3.6s cubic-bezier(.45,0,.55,1) infinite pack-prebuild-stretch;transform:rotate(-90deg)}@keyframes pack-prebuild-turn{to{rotate:360deg}}@keyframes pack-prebuild-stretch{0%,to{stroke-dasharray:1.885 31.42}50%{stroke-dasharray:7.854 31.42}}.pack-prebuild-end{width:var(--control-xs);height:var(--control-xs);color:var(--semantic-text-brand);transition:opacity var(--motion-duration-container) var(--motion-easing-exit), scale var(--motion-duration-container) var(--motion-easing-exit);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.pack-prebuild-end[data-leaving]{opacity:0;scale:.6}@media (prefers-reduced-motion:reduce){.pack-prebuild-ring [data-slot=orbit]{display:none}}.pack-prebuild-tip{gap:var(--space-0-5);display:grid}.pack-prebuild-tip>:first-child,.pack-prebuild-count{font-variant-numeric:tabular-nums}.pack-prebuild-tip>:last-child{color:color-mix(in srgb, currentColor 64%, transparent)}.pack-status-files{max-height:180px;padding:0 var(--space-5) var(--space-3);overflow:auto}.pack-near-recheck{align-self:flex-start}.pack-status-files .pack-near-recheck,.pack-check-list .pack-near-recheck{margin-top:var(--space-2)}.library{padding:0 var(--space-5) var(--space-6)}.library-bar{z-index:2;align-items:center;gap:var(--space-2);margin:0 calc(-1 * var(--space-5));padding:var(--space-3) var(--space-5);background:var(--component-rail-bg);flex-wrap:wrap;display:flex;position:sticky;top:0}.library-search{flex:160px}.library-search>input::-webkit-search-cancel-button{display:none}.library>.sys-collapse+.sys-collapse>[data-slot=inner]>.library-section{padding-top:var(--space-5)}.library-section-title{top:var(--library-bar);z-index:1;margin:0 calc(-1 * var(--space-5));padding:var(--space-2) var(--space-5);justify-content:space-between;align-items:baseline;gap:var(--space-2);background:var(--component-rail-bg);box-shadow:inset 0 -1px 0 var(--semantic-border-subtle);font:var(--text-label-sm);color:var(--semantic-text-primary);display:flex;position:sticky}.library-section-kind{margin-right:var(--space-1-5);color:var(--semantic-text-muted)}.library-section-title em{font:inherit;font-variant-numeric:tabular-nums;color:var(--semantic-text-muted);font-style:normal}.library-folder{padding-top:var(--space-3)}.library-folder-title{margin:0 0 var(--space-2);font:var(--text-label-xs);color:var(--semantic-text-muted)}.library-grid{gap:var(--space-3) var(--space-2);grid-template-columns:repeat(auto-fill,minmax(92px,1fr));display:grid}.library-tile{align-content:start;gap:var(--space-1-5);min-width:0;color:var(--semantic-text-secondary);text-align:left;cursor:pointer;transition:color var(--motion-duration-feedback) var(--motion-easing-interaction);background:0 0;border:0;padding:0;display:grid}.library-thumb{aspect-ratio:1;border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-lg);background:var(--semantic-bg-secondary);transition: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);place-items:center;display:grid;position:relative;overflow:hidden}.library-thumb>img{object-fit:contain;width:100%;height:100%;animation:motion-fade-in var(--motion-duration-state) var(--motion-easing-enter);transition:transform var(--motion-duration-state) var(--motion-easing-interaction), opacity var(--motion-duration-feedback) var(--motion-easing-interaction)}.library-tile:hover .library-thumb{border-color:var(--semantic-border-default);background:var(--semantic-bg-subtle)}.library-tile:hover .library-thumb>img{transform:scale(1.04)}.library-tile:focus-visible{box-shadow:none}.library-tile:focus-visible .library-thumb{box-shadow:0 0 0 4px var(--semantic-focus-ring-default)}.library-tile[aria-pressed=true]{color:var(--semantic-text-primary)}.library-tile[aria-pressed=true] .library-thumb{border-color:var(--semantic-border-solid);box-shadow:inset 0 0 0 1px var(--semantic-border-solid)}.library-tile[data-failed] .library-thumb{border-color:var(--semantic-border-warning);box-shadow:inset 0 0 0 1px var(--semantic-border-warning)}.library-tile[aria-busy] .library-thumb>img{opacity:.35}.library-tile[data-missing]{cursor:default}.library-tile[data-missing] .library-thumb{border-style:dashed;border-color:var(--semantic-border-warning)}.library-tile[data-missing] .library-thumb>img{opacity:.35}.library-tile[data-missing] .library-name{color:var(--semantic-text-warning)}.library-name{-webkit-line-clamp:2;font:var(--text-label-xs);overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.library-tag{top:var(--space-1);right:var(--space-1);padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--semantic-bg-muted);font:var(--text-label-xs);color:var(--semantic-text-secondary);position:absolute}.library-spin{border:2px solid var(--semantic-border-subtle-alt);border-top-color:var(--semantic-text-secondary);border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:.8s linear infinite stage-load-spin;position:absolute;top:50%;left:50%}.library-thumb>.sys-presence{pointer-events:none;position:absolute;inset:0}.library-empty{margin:var(--space-6) 0 0;text-align:center;font:var(--text-text-sm);color:var(--semantic-text-muted)}.library-foot{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);display:flex}.library-foot-main{flex:1;min-width:0}.library-foot-text{gap:var(--space-0-5);min-width:0;font:var(--text-label-sm);font-variant-numeric:tabular-nums;flex:1;display:grid}.library-foot-text>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-foot-text>span:last-child{color:var(--semantic-text-muted)}.cfg-select{align-items:center;gap:var(--space-2);width:100%;min-width:0;height:var(--control-sm);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), box-shadow var(--motion-duration-feedback) var(--motion-easing-interaction);padding:0 10px;display:flex}.cfg-select[aria-expanded=true]{border-color:var(--component-input-border-hover)}@media (hover:hover){.cfg-select:hover{border-color:var(--component-input-border-hover);transition-duration:var(--motion-duration-hover-in)}}.cfg-select:focus-visible{border-color:var(--component-input-border-hover);box-shadow:0 0 0 4px var(--semantic-focus-ring-default)}.cfg-select>svg{color:var(--semantic-text-muted);transition:transform var(--motion-duration-state) var(--motion-easing-interaction);flex:none;font-size:12px}.cfg-select[aria-expanded=true]>svg{transform:rotate(180deg)}@media (hover:none) and (pointer:coarse){.cfg-select{position:relative}.cfg-select:after{content:"";position:absolute;inset:-7px -1px}}.cfg-select-value{gap:var(--space-2);white-space:nowrap;flex:1;min-width:0;display:flex;overflow:hidden}.cfg-select-value>span:first-child{text-overflow:ellipsis;overflow:hidden}.cfg-select-value>span+span{color:var(--semantic-text-muted);font-variant-numeric:tabular-nums;flex:none}.cfg-select-menu{z-index:var(--z-popover);max-height:min(420px,60vh);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);transform-origin:top;grid-template-columns:minmax(0,1fr);gap:1px;display:grid;position:fixed;overflow-y:auto}.cfg-select-menu[data-up]{transform-origin:bottom}.cfg-select-item{align-items:center;gap:var(--space-2);min-height:32px;padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--semantic-text-primary);font:var(--text-label-sm);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:flex}.cfg-select-item:focus-visible{background:var(--semantic-bg-hover);box-shadow:none}@media (hover:hover){.cfg-select-item:hover{background:var(--semantic-bg-hover);transition-duration:var(--motion-duration-hover-in)}}.cfg-select-item[aria-checked=true]{background:var(--semantic-bg-active)}.cfg-select-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cfg-select-trail{align-items:center;gap:var(--space-2);color:var(--semantic-text-muted);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;display:flex}.cfg-select-trail>svg{color:var(--semantic-text-primary)}.cfg-select-sep{height:1px;margin:var(--space-1) calc(-1 * var(--space-1));background:var(--semantic-border-subtle-alt)}.cfg-select-item[data-action]{color:var(--semantic-text-secondary)}.cfg-select-item[data-action]:focus-visible{color:var(--semantic-text-primary)}@media (hover:hover){.cfg-select-item[data-action]:hover{color:var(--semantic-text-primary)}}.cfg-select-item[data-action]>svg{flex:none}.line-row{align-items:center;gap:var(--space-2);min-width:0;height:var(--control-sm);margin:0 calc(var(--space-2) * -1);width:calc(100% + var(--space-2) * 2);padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--semantic-text-primary);font:var(--text-label-md);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}.line-row[aria-expanded=true]{background:var(--semantic-bg-hover)}@media (hover:none){.line-row:active{background:var(--semantic-bg-hover);transition-duration:0s}}@media (hover:hover){.line-row:hover{background:var(--semantic-bg-hover);transition-duration:var(--motion-duration-hover-in)}}.line-row:focus-visible{box-shadow:0 0 0 4px var(--semantic-focus-ring-default)}.color-row-body>.line-row{--hang-l:max(0px, var(--inset-l) - var(--space-1));--hang-r:max(0px, var(--inset-r) - var(--space-1));margin:0 calc(-1 * var(--hang-r)) 0 calc(-1 * var(--hang-l));width:calc(100% + var(--hang-l) + var(--hang-r));padding:0 var(--hang-r) 0 var(--hang-l)}.color-row-body>.line-row:first-child{margin-top:calc(-1 * max(0px, var(--inset-v) - var(--space-1)))}.line-row-caret{color:var(--semantic-text-muted);flex:none;margin-left:auto;font-size:12px}@media (hover:none) and (pointer:coarse){.line-row:after{content:"";position:absolute;inset:-6px 0}}.line-name{align-items:center;gap:var(--space-1);flex:1;min-width:0;display:flex}.line-name>:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.line-off{color:var(--semantic-text-muted);flex:none;display:inline-flex}.line-off>svg{width:12px;height:12px}.line-strip{flex:none;padding:2px;display:inline-flex}.line-strip>i{background:var(--swatch);width:12px;height:12px;box-shadow:inset 0 0 0 1px var(--gray-a5);border-radius:50%;flex:none}.line-strip>i+i{margin-left:-3px}.line-strip>i:not(:last-child){-webkit-mask:radial-gradient(circle at 15px 50%, transparent 7.5px, var(--black) 8px);mask:radial-gradient(circle at 15px 50%, transparent 7.5px, var(--black) 8px)}.line-group{grid-template-columns:minmax(0,1fr);gap:1px;display:grid}.line-group+.line-group{margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid var(--semantic-border-subtle-alt)}.line-group-head{padding:var(--space-1) var(--space-2) 2px;font:var(--text-label-sm);color:var(--semantic-text-muted)}.line-menu{width:max-content;max-width:calc(100vw - 24px)}.line-menu .line-item{gap:var(--space-4)}.line-sheet-scrim{z-index:var(--z-dialog);background:var(--semantic-bg-scrim);position:fixed;inset:0}:root .line-sheet[data-sheet=panel]{--sheet-pad-x:4px;max-height:100%;padding:0 var(--sheet-pad-x) calc(var(--space-3) + env(safe-area-inset-bottom));border:1px solid var(--semantic-border-subtle);background:var(--component-rail-bg);box-shadow:var(--shadow-sheet);border-width:1px 0 0;flex:none;grid-template-rows:auto minmax(0,1fr);margin-top:auto;display:grid}.line-sheet-list{overscroll-behavior:contain;overflow-y:auto}.line-sheet .line-group-head{padding-inline:var(--space-3)}.line-sheet .line-item{align-items:center;gap:var(--space-4);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;cursor:pointer;transition:background-color var(--motion-duration-feedback) var(--motion-easing-interaction);background:0 0;border:0;display:flex}.line-sheet .line-item:active:not([aria-checked=true]){background:var(--semantic-bg-hover);transition-duration:0s}.line-sheet .line-item:focus-visible{background:var(--semantic-bg-hover);box-shadow:none}.line-sheet .line-item[aria-checked=true]{background:var(--semantic-bg-active)}.color-rows-wrap{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}.color-rows{gap:var(--space-1-5);flex-direction:column;display:flex}.color-row{border:1px solid var(--semantic-border-subtle);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)}.color-row:hover{border-color:var(--semantic-border-default)}.color-row[data-state=open]{border-color:var(--semantic-border-solid);box-shadow:var(--shadow-raised)}.color-row-head{position:relative}.color-row-toggle{align-items:center;gap:var(--space-2);width:100%;height:44px;padding:0 calc(var(--space-1-5) + var(--space-1)) 0 var(--space-3);border-radius:var(--radius-xl);font:var(--text-label-md);font-variant-numeric:tabular-nums;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.color-row-toggle:focus-visible{box-shadow:inset 0 0 0 2px var(--semantic-focus-ring-default)}.color-row-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%)}.color-row-value{transition:opacity var(--motion-duration-feedback) var(--motion-easing-interaction)}.color-row-reset{animation:motion-mark-in var(--motion-duration-state) var(--motion-easing-enter);transition:opacity var(--motion-duration-state) var(--motion-easing-enter), scale var(--motion-duration-state) var(--motion-easing-enter);display:inline-flex}.color-row-reset[data-leaving]{opacity:0;scale:var(--motion-scale-mark-out);transition:opacity var(--motion-duration-exit) var(--motion-easing-exit), scale var(--motion-duration-exit) var(--motion-easing-exit)}.color-row:is(:hover,:focus-within,[data-state=open]) .color-row-actions{opacity:1;pointer-events:auto;transform:translateY(-50%)}.color-row:is(:hover,:focus-within,[data-state=open]) .color-row-value{opacity:0}@media (hover:none){.color-row-actions{opacity:1;pointer-events:auto;transform:translateY(-50%)}.color-row-value{opacity:0}}.color-row-chip{background:var(--swatch);width:20px;height:20px;box-shadow:inset 0 0 0 1px var(--gray-a5);transition:background-color var(--motion-duration-state) var(--motion-easing-interaction);border-radius:50%;flex:none}.color-row-name{white-space:nowrap;text-overflow:ellipsis;max-width:120px;color:var(--semantic-text-primary);flex:none;overflow:hidden}.color-row-muted{color:var(--semantic-text-muted);white-space:nowrap}.color-row-value{justify-content:flex-end;gap:var(--space-2);min-width:0;color:var(--semantic-text-secondary);white-space:nowrap;flex:1;display:inline-flex}.color-row-value>:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.color-row-value>.color-row-muted{flex:none}.color-row-body{--inset-l:7px;--inset-r:5px;--inset-v:max(var(--inset-l), var(--inset-r));gap:max(var(--space-1), var(--inset-v));margin:0 var(--space-1) var(--space-1);padding:var(--inset-v) var(--inset-r) var(--inset-v) var(--inset-l);border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-lg);background:var(--semantic-bg-secondary);flex-direction:column;display:flex}.color-row-tools{align-items:center;gap:var(--space-1);display:flex}.color-row-tools .sys-input{flex:1;min-width:0}.color-row-body .sys-swatch-picker{grid-template-columns:minmax(0,1fr)}.color-row-body .sys-swatch-picker>[data-slot=label]{display:none}.color-row-body .sys-swatch-picker>[data-slot=swatches]{margin-block:calc(-1 * var(--space-1))}.color-row-note{align-items:center;gap:var(--space-1-5);margin-bottom:calc(var(--space-1) * -1);font:var(--text-label-sm);color:var(--semantic-text-secondary);display:flex}.color-row-note>svg{flex:none;width:12px;height:12px}.color-row-note>.color-row-note-text{flex:1;min-width:0;display:flex}.color-row-note-text>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.color-row-note>.sys-button{margin-right:calc(-1 * min(var(--space-1-5), var(--inset-r) - 1px));flex:none}.color-row-hidden{grid-template-columns:minmax(0,1fr);display:grid}.color-row-hidden-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-inline:calc(-1 * min(var(--space-1-5), var(--inset-l) - 1px)) calc(-1 * min(var(--space-1-5), var(--inset-r) - 1px));display:flex}.color-row-hidden-actions{gap:var(--space-0-5);opacity:0;transition:opacity var(--motion-duration-state) var(--motion-easing-interaction);display:inline-flex}.color-row-hidden-actions[data-shown]{opacity:1}.color-row-caret{transition:transform var(--motion-duration-container) var(--motion-easing-enter)}.color-row-caret[data-open]{transform:rotate(180deg)}.color-rows-add{align-items:center;gap:var(--space-1-5);display:flex}.bin-editor{gap:var(--space-2);font:var(--text-label-sm);font-variant-numeric:tabular-nums;flex-direction:column;display:flex}.bin-editor-bar{align-items:center;gap:var(--space-1);margin-inline:calc(-1 * var(--space-1-5));display:flex}.bin-editor-count{min-width:0;padding-inline:var(--space-1-5);color:var(--semantic-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;overflow:hidden}.bin-grid{border:1px solid var(--component-segment-border);border-radius:var(--radius-lg);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-size:calc(100% / var(--cols)) calc(100% / var(--rows));touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;width:100%;transition:box-shadow var(--motion-duration-feedback) var(--motion-easing-interaction);background-position:-1px -1px;outline:none;position:relative}.bin-grid:focus-visible{box-shadow:0 0 0 2px var(--semantic-focus-ring-default)}.bin-blocked{background:repeating-linear-gradient(135deg, var(--semantic-bg-muted) 0 2px, transparent 2px 6px);position:absolute}.bin-tile{cursor:grab;transition:left var(--motion-duration-feedback) var(--motion-easing-interaction), bottom var(--motion-duration-feedback) var(--motion-easing-interaction), width var(--motion-duration-feedback) var(--motion-easing-interaction), height var(--motion-duration-feedback) var(--motion-easing-interaction);animation:bin-tile-in var(--motion-duration-state) var(--motion-easing-enter);padding:3px;position:absolute}.bin-tile[data-leaving]{pointer-events:none;animation:bin-tile-out var(--motion-duration-exit) var(--motion-easing-exit) forwards}@keyframes bin-tile-in{0%{opacity:0;scale:.9}}@keyframes bin-tile-out{to{opacity:0;scale:.9}}.bin-face{border:1px solid var(--semantic-border-default);border-radius:calc(var(--radius-lg) - 4px);--bin-tint:var(--bin-color,var(--semantic-bg-muted));background:color-mix(in oklab, var(--bin-tint) 45%, var(--semantic-bg-muted));width:100%;height:100%;box-shadow:var(--shadow-raised);transition: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);display:block;position:relative;overflow:hidden}.bin-tile:hover .bin-face,.bin-tile[data-hovered] .bin-face{border-color:var(--semantic-border-solid);background:color-mix(in oklab, var(--bin-tint) 45%, var(--semantic-bg-hover))}.bin-tile[data-selected] .bin-face{background:color-mix(in oklab, var(--bin-tint) 45%, var(--semantic-bg-active));border-color:var(--semantic-text-primary);box-shadow:0 0 0 1px var(--semantic-text-primary), var(--shadow-raised)}.bin-tile[data-bad] .bin-face{border-color:var(--semantic-text-danger);background:var(--semantic-bg-danger-hover)}.bin-tile[data-moving]{z-index:2;cursor:grabbing}.bin-tile[data-moving] .bin-face{box-shadow:0 0 0 1px var(--semantic-text-primary), var(--shadow-overlay)}.bin-tile[data-moving][data-blocked] .bin-face{border-color:var(--semantic-text-danger);box-shadow:0 0 0 1px var(--semantic-text-danger)}.bin-div{background:var(--semantic-border-default);transition:left var(--motion-duration-state) var(--motion-easing-interaction), bottom var(--motion-duration-state) var(--motion-easing-interaction);position:absolute}.bin-div[data-dir=x]{width:1px;top:0;bottom:0}.bin-div[data-dir=z]{height:1px;left:0;right:0}.bin-ledge{background:var(--semantic-border-default);height:18%;max-height:10px;position:absolute;bottom:0;left:0;right:0}.bin-scoop{background:linear-gradient(to bottom, transparent, color-mix(in oklab, var(--semantic-text-secondary) 40%, transparent));height:32%;max-height:18px;position:absolute;bottom:0;left:0;right:0}.bin-tile-label{color:var(--semantic-text-secondary);pointer-events:none;transition:color var(--motion-duration-feedback) var(--motion-easing-interaction);place-items:center;display:grid;position:absolute;inset:0}.bin-tile[data-selected] .bin-tile-label{color:var(--semantic-text-primary)}.bin-tile[data-bad] .bin-tile-label{color:var(--semantic-text-danger)}.bin-handle{z-index:1;position:absolute}.bin-handle[data-edges=l],.bin-handle[data-edges=r]{cursor:ew-resize;width:8px;top:8px;bottom:8px}.bin-handle[data-edges=b],.bin-handle[data-edges=f]{cursor:ns-resize;height:8px;left:8px;right:8px}.bin-handle[data-edges^=l]{left:-1px}.bin-handle[data-edges^=r]{right:-1px}.bin-handle[data-edges$=b]{top:-1px}.bin-handle[data-edges$=f]{bottom:-1px}.bin-handle:is([data-edges=lb],[data-edges=rb],[data-edges=lf],[data-edges=rf]){width:10px;height:10px}.bin-handle:is([data-edges=lb],[data-edges=rf]){cursor:nwse-resize}.bin-handle:is([data-edges=rb],[data-edges=lf]){cursor:nesw-resize}.bin-handle:is([data-edges=l],[data-edges=r],[data-edges=b],[data-edges=f]):after{content:"";background:var(--semantic-text-primary);opacity:0;transition:opacity var(--motion-duration-feedback) var(--motion-easing-interaction);border-radius:1px;margin:auto;position:absolute;inset:0}.bin-handle:is([data-edges=l],[data-edges=r]):after{width:2px;height:14px}.bin-handle:is([data-edges=b],[data-edges=f]):after{width:14px;height:2px}.bin-tile:hover .bin-handle:after,.bin-tile[data-moving] .bin-handle:after{opacity:.7}.bin-draft{border:1px dashed var(--semantic-border-solid);border-radius:calc(var(--radius-lg) - 4px);background:var(--semantic-bg-hover);color:var(--semantic-text-primary);pointer-events:none;animation:motion-fade-in var(--motion-duration-feedback) var(--motion-easing-enter);transition:left var(--motion-duration-feedback) var(--motion-easing-interaction), bottom var(--motion-duration-feedback) var(--motion-easing-interaction), width var(--motion-duration-feedback) var(--motion-easing-interaction), height var(--motion-duration-feedback) var(--motion-easing-interaction), border-color var(--motion-duration-feedback) var(--motion-easing-interaction);place-items:center;display:grid;position:absolute}.bin-draft.is-blocked{border-color:var(--semantic-text-danger);color:var(--semantic-text-danger)}.bin-grid-front{align-items:center;gap:var(--space-2);margin-top:calc(-1 * var(--space-0-5));color:var(--semantic-text-muted);display:flex}.bin-grid-front:before,.bin-grid-front:after{content:"";background:var(--semantic-border-subtle-alt);flex:1;height:1px}.div-box{border:1px solid var(--component-segment-border);border-radius:var(--radius-lg);background-color:var(--component-segment-bg);-webkit-user-select:none;user-select:none;width:100%;position:relative}.div-slot{border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--motion-duration-feedback) var(--motion-easing-interaction);background:0 0;border:0;outline:none;padding:0;display:block;position:absolute}.div-slot[data-row=w]{left:var(--space-1);right:var(--space-1);height:14px;translate:0 50%}.div-slot[data-row=d]{top:var(--space-1);bottom:var(--space-1);width:14px;translate:-50%}.div-wall{top:var(--space-1);bottom:var(--space-1);border-left:4px solid var(--component-segment-border);pointer-events:none;border-radius:2px;width:0;position:absolute;translate:-50%}.div-slot:hover,.div-slot[data-hovered]{background:var(--semantic-bg-hover)}.div-slot:focus-visible{box-shadow:0 0 0 2px var(--semantic-focus-ring-default)}.div-slot-line{transition:background-color var(--motion-duration-feedback) var(--motion-easing-interaction), border-color var(--motion-duration-feedback) var(--motion-easing-interaction);border-radius:1px;margin:auto;position:absolute;inset:0}.div-slot[data-row=w] .div-slot-line{border-top:2px dashed var(--semantic-border-default);height:0}.div-slot[data-row=d] .div-slot-line{border-left:2px dashed var(--semantic-border-default);width:0}.div-slot[data-on] .div-slot-line{border-style:solid;border-color:var(--semantic-text-secondary)}.div-slot:hover .div-slot-line,.div-slot[data-hovered] .div-slot-line{border-color:var(--semantic-text-primary)}.div-slot[data-blocked]{align-items:center;gap:var(--space-2);cursor:default;display:flex}.div-slot[data-blocked]:hover{background:0 0}.div-slot[data-blocked]:before,.div-slot[data-blocked]:after{content:"";flex:1 1 var(--space-4);border-top:2px dashed var(--semantic-text-disabled);opacity:.6}.div-slot-note{min-width:0;font:var(--text-label-xs);color:var(--semantic-text-muted);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;overflow:hidden}.gd-box{border:1px solid var(--component-segment-border);border-radius:var(--radius-lg);background-color:var(--component-segment-bg);-webkit-user-select:none;user-select:none;cursor:crosshair;touch-action:none;width:100%;height:auto;display:block}.gd-box[data-pointing]{cursor:pointer}.gd-hole{fill:var(--semantic-border-default)}.gd-line,.gd-cap{stroke:var(--semantic-border-default);transition:stroke var(--motion-duration-feedback) var(--motion-easing-interaction)}.gd-div[data-on] :is(.gd-line,.gd-cap){stroke:var(--semantic-text-secondary)}.gd-div:is([data-hovered],[data-selected]) :is(.gd-line,.gd-cap){stroke:var(--semantic-text-primary)}.gd-line{stroke-width:4px;stroke-linecap:round;stroke-dasharray:6 6;transition:stroke var(--motion-duration-feedback) var(--motion-easing-interaction), stroke-width var(--motion-duration-feedback) var(--motion-easing-interaction)}.gd-div[data-on] .gd-line{stroke-dasharray:none}.gd-div[data-selected] .gd-line{stroke-width:6px}.gd-cap{stroke-width:2.5px;stroke-linecap:square}.gd-cap[data-cap=round]{stroke-linecap:round}.gd-end-note{color:var(--semantic-text-muted)}.gd-div:not([data-on]) .gd-line{stroke:var(--semantic-text-secondary)}.gd-div[data-bad] .gd-line{stroke:var(--semantic-text-danger)}.gd-div[data-ghost] .gd-line{stroke-width:1.4px;stroke-dasharray:3 2.5}.gd-end-hit{fill:#0000}.gd-end-dot{fill:var(--semantic-bg-primary);stroke:var(--semantic-text-primary);pointer-events:none;transition:fill var(--motion-duration-feedback) var(--motion-easing-interaction)}.gd-end:hover .gd-end-dot{fill:var(--semantic-text-primary)}.gd-snap{fill:none;stroke:var(--semantic-text-brand);pointer-events:none;transition:stroke var(--motion-duration-feedback) var(--motion-easing-interaction)}.gd-snap[data-stop]{stroke:var(--semantic-text-warning)}.gd-over{stroke:var(--semantic-text-warning);opacity:.8;pointer-events:none}.divider-tag{z-index:var(--z-popover);align-items:baseline;gap:var(--space-1-5);padding:var(--space-1) var(--space-2);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-md);background:var(--semantic-bg-floating);box-shadow:var(--shadow-raised);color:var(--semantic-text-secondary);font:var(--text-label-sm);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;transform-origin:0 0;transition:transform var(--motion-duration-feedback) var(--motion-easing-interaction);display:inline-flex;position:fixed}.divider-tag[data-flip]{transform-origin:100% 0;transform:translate(calc(-100% - 28px))}.divider-tag b{font:inherit;color:var(--semantic-text-primary)}.divider-tag>.sys-presence-slot{margin-left:calc(-1 * var(--space-1-5))}.divider-tag em{padding-left:var(--space-1-5);font:inherit;color:var(--semantic-text-warning);font-style:normal}.divider-tag[data-bad] em{color:var(--semantic-text-danger)}.bin-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:300px;max-height:calc(100vh - 140px);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);flex-direction:column;display:flex}.bin-panel[data-leaving]{animation:stage-sink var(--motion-duration-exit) var(--motion-easing-exit) forwards}.bin-panel-head{align-items:center;gap:var(--space-0-5);padding:var(--space-2) var(--space-1) var(--space-2) var(--space-3);display:flex}.bin-panel-title{align-items:baseline;gap:var(--space-1-5);min-width:0;color:var(--semantic-text-secondary);white-space:nowrap;flex:1;display:flex;overflow:hidden}.bin-panel-name{color:var(--semantic-text-primary);text-overflow:ellipsis;overflow:hidden}.bin-panel>.sys-collapse{min-height:0}.bin-panel-fold svg{transition:rotate var(--motion-duration-container) var(--motion-easing-enter)}.bin-panel[data-folded] .bin-panel-fold svg{rotate:180deg}.bin-panel-swap{overflow:clip}.bin-panel-body{gap:var(--space-3);max-height:calc(100vh - 190px);padding:var(--space-3);border-top:1px solid var(--semantic-border-subtle-alt);flex-direction:column;display:flex;overflow:auto}.bin-fields{gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--semantic-border-subtle-alt);flex-direction:column;display:flex}.bin-fields-head{min-height:var(--control-xs);margin-block:calc(-1 * var(--space-1));justify-content:space-between;align-items:center;display:flex}.bin-fields-title{align-items:baseline;gap:var(--space-1-5);color:var(--semantic-text-secondary);display:flex}.bin-fields-title b{font:inherit;color:var(--semantic-text-primary)}.bin-fields-actions{gap:var(--space-0-5);margin-right:calc(-1 * var(--space-1));display:inline-flex}.bin-block{gap:var(--space-1-5);display:grid}.bin-block h3{font:inherit;color:var(--semantic-text-muted);margin:0}.bin-block .sys-field-row{gap:var(--space-2)}.bin-block .sys-switch{min-height:var(--control-xs)}.bin-block .sys-switch [data-slot=label]{font:inherit;color:var(--semantic-text-secondary)}.bin-front-tip{display:block}.bin-color-block{padding-top:var(--space-3)}.bin-color{gap:var(--space-2);flex-direction:column;display:flex}.bin-color-group.sys-button{min-width:0;max-width:calc(100% + var(--space-2));margin-left:calc(-1 * var(--space-2));align-self:flex-start}.bin-color .sys-swatch-picker{grid-template-columns:minmax(0,1fr)}.bin-color .sys-swatch-picker>[data-slot=label]{display:none}.bin-bar-swap{min-width:0}.bin-bar-swap>*{display:block}.bin-bar-group{align-items:center;gap:var(--space-1);min-width:0;display:flex}.bin-bar-slider.sys-slider{flex:0 136px;width:auto;min-width:72px}@media (max-width:520px){.bin-bar-group-button.sys-button{display:none}}.bin-entry{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--control-sm);font:var(--text-label-sm);color:var(--semantic-text-secondary);font-variant-numeric:tabular-nums;transition:color var(--motion-duration-state) var(--motion-easing-interaction);display:flex}.bin-entry[data-bad]{color:var(--semantic-text-danger)}@media (max-width:900px){.bin-panel{width:min(300px, calc(100vw - 2 * var(--space-3)));max-height:50vh}.bin-panel-body{max-height:calc(50vh - 48px)}}