.bag-builder{align-items:start}.bag-builder-preview{border:1px solid var(--color-mist-deep,#ddd);min-width:0;position:relative}.bag-builder-stage{height:clamp(300px,85vw,520px);padding:24px;position:relative}.bag-builder-flat{width:100%;height:100%}.bag-builder-toolbar{border-top:1px solid #e4e4df;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex;position:relative}.bag-builder-toolbar button{border:1px solid #0000;padding:9px 10px;font-size:12px}.bag-builder-toolbar button[aria-pressed=true]{border-color:currentColor;font-weight:600}.bag-builder-toolbar button:hover:not(:disabled){background:#f2f2ed}.bag-builder button:disabled{opacity:.45;cursor:wait}.bag-builder button:focus-visible,.bag-builder summary:focus-visible{outline-offset:3px;outline:2px solid}.bag-builder-section{border-bottom:1px solid #d8dad3;min-width:0}.bag-builder-section summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr) 16px;align-items:center;gap:16px;padding:0 0 20px;list-style:none;display:grid}.bag-builder-section summary::-webkit-details-marker{display:none}.bag-builder-section summary:after{content:"+";text-align:right;font-size:20px}.bag-builder-section[open] summary:after{content:"−"}.bag-builder-section summary>span:nth-child(2){text-align:right}.bag-builder-section input[type=file]::file-selector-button{cursor:pointer;border:1px solid #d8dad3;margin-right:12px;padding:10px 12px}@media (width>=1024px){.bag-builder-preview{position:sticky;top:100px}.bag-builder-stage{height:min(560px,65vh);min-height:360px}}@media (prefers-reduced-motion:reduce){.bag-builder *{transition:none!important}}