:root{color-scheme:light;--ink:#253132;--muted:#5e6b6d;--line:#dce1e1;--accent:#976c3e;--paper:#fff;--soft:#f3f5f5;font:16px/1.45 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:#e8eced}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);border-radius:7px;padding:.6rem .7rem;font-size:.875rem;line-height:1.25;transition:background .15s,border-color .15s}button:hover{background:#edf1f1;border-color:#a7b3b4}button:focus-visible,input:focus-visible,select:focus-visible,#viewport:focus-visible{outline:3px solid #b78c5a;outline-offset:3px}button:disabled{opacity:.5;cursor:default}button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}[hidden]{display:none!important}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.6rem;background:var(--ink);color:white;gap:1rem;min-height:91px}.brand{font-size:.75rem;letter-spacing:.18em;color:#d3ba99;display:block;margin-bottom:.2rem}.project{display:flex;align-items:baseline;gap:1rem}.project h1{font:normal 1.7rem/1.15 Georgia,"Times New Roman",serif;margin:0;letter-spacing:-.02em}.project>span{font-size:.875rem;color:#c4ced0}.header-actions{display:flex;align-items:center;gap:1rem}.variants{display:flex;border:1px solid #627072;padding:3px;border-radius:8px;gap:3px}.variants button{background:transparent;border-color:transparent;color:#dbe0e1;font-weight:650;padding:.5rem .75rem}.variants button span{font-size:.875rem;margin-left:.3rem;font-weight:400}.variants button[aria-pressed=true]{color:var(--ink);background:#f2e6d4;border-color:#f2e6d4}.header button.quiet{background:transparent;color:#e2e7e8;border-color:#617071}.header button.quiet:hover{background:#3c4849}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:calc(100dvh - 91px)}.stage{position:relative;min-height:600px;height:calc(100dvh - 91px);overflow:hidden;background:radial-gradient(ellipse at 48% 35%,#f6f7f7,#dde3e4)}#viewport{width:100%;height:100%;touch-action:none}canvas{display:block;width:100%;height:100%}.view-bar{position:absolute;top:1.25rem;left:1.25rem;display:flex;gap:4px;padding:4px;border:1px solid #d1d9da;background:#ffffffed;border-radius:9px;z-index:2;box-shadow:0 4px 14px #25313208}.view-bar button{border-color:transparent;background:transparent;padding:.55rem .9rem}.view-bar button[aria-pressed=true]{background:var(--ink)}.stage-legend{position:absolute;left:1.25rem;bottom:1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1rem;max-width:calc(100% - 6rem);font-size:.8125rem;color:#526366;pointer-events:none}.view-label{background:var(--ink);color:#f6e6d0;border-radius:5px;padding:.35rem .7rem;font-size:.875rem;letter-spacing:.015em}.fit{position:absolute;right:1.25rem;bottom:1.25rem;padding:.7rem;box-shadow:0 3px 12px #2531320d}.fit svg{width:22px;height:22px;display:block}.panel{background:var(--paper);border-left:1px solid #cdd5d5;padding:1.5rem 1.25rem;height:calc(100dvh - 91px);overflow-y:auto;scrollbar-width:thin}.eyebrow{font-size:.75rem;letter-spacing:.15em;color:#81735f}.panel h2{font:normal 1.55rem/1.2 Georgia,"Times New Roman",serif;margin:.35rem 0 .75rem}.panel-head p{font-size:.875rem;color:var(--muted);margin:0 0 1.25rem;line-height:1.6}.categories{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:1.15rem}.categories button{padding:.65rem .5rem}.field{display:flex;flex-direction:column;gap:.4rem;font-size:.875rem;margin-bottom:1rem}.field>span{font-weight:550}.field select,.field input[type=number]{min-width:0;width:100%;padding:.65rem .65rem;background:var(--soft);border:1px solid var(--line);color:var(--ink);border-radius:6px;font-size:.875rem}select{cursor:pointer}.selection{padding:1rem;background:#f8f9f9;border:1px solid var(--line);border-radius:10px}.selected-title{border-bottom:1px solid var(--line);padding-bottom:.8rem;margin-bottom:1rem}.selected-title>span{font-size:.75rem;letter-spacing:.1em;color:var(--accent)}h3{font-size:1rem;font-weight:600;margin:.25rem 0 0;line-height:1.4}.range-head{display:flex;justify-content:space-between;align-items:baseline;gap:.7rem;margin:.8rem 0 .4rem;font-size:.875rem}.range-head label{font-weight:500}.range-head output{font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap;font-weight:650}input[type=range]{width:100%;margin:.4rem 0;accent-color:var(--accent);cursor:pointer;min-height:22px}.range-ends{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;margin-bottom:.85rem}.pair{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pair button{padding:.65rem .4rem;font-size:.875rem}.primary{background:var(--ink);color:white;border-color:var(--ink)}.primary:hover{background:#435354;color:#fff}.hint{font-size:.8125rem;color:var(--muted);line-height:1.55;margin:.5rem 0 .8rem}.reset-part{width:100%;padding:.7rem 0 .2rem;background:none;border:none;color:#6f6a60;font-size:.8125rem;margin-top:.65rem;text-decoration:underline;text-underline-offset:3px}.reset-part:hover{background:none;color:var(--ink)}.display-options{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--line)}.display-options h3{margin:0 0 .75rem}.display-options .pair{margin-bottom:1rem}.horizontal{gap:.4rem}.check{display:flex;align-items:center;gap:.7rem;font-size:.875rem;cursor:pointer;padding:.4rem 0}.check input{width:17px;height:17px;accent-color:var(--ink);margin:0}.source-note{font-size:.75rem;color:#657174;line-height:1.7;border-top:1px solid var(--line);padding-top:1rem;margin:1.35rem 0 0}.position-fields{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.position-fields .field{margin:0}.drag-tip{display:flex;gap:.6rem;align-items:center;font-size:.875rem;margin:.1rem 0 .9rem;color:var(--muted)}.drag-tip svg{flex:none;width:25px;height:25px}.nudge{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:.7rem 0}.loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3;background:#e8edeeed;color:#546163}.loading p{font-size:1rem}.spinner{width:27px;height:27px;border:2px solid #c9d4d6;border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}.loading.error{padding:2rem;text-align:center}.loading.error p{max-width:400px}.toast{position:absolute;left:50%;top:5.5rem;transform:translateX(-50%);padding:.7rem 1rem;background:#253132f2;color:#fff;border-radius:7px;max-width:min(80%,500px);z-index:4;font-size:.875rem;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}.stage.dragging canvas{cursor:grabbing!important}.stage canvas{cursor:grab}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1450px){.workspace{grid-template-columns:minmax(0,1fr) 370px}.panel{padding:1.7rem 1.5rem}}@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 305px}.header{padding:1rem}.project{gap:.6rem;flex-wrap:wrap}.header-actions{gap:.5rem}.variants button span{display:none}.stage-legend>span:last-child{display:none}.panel{padding:1.2rem 1rem}.view-bar{top:1rem;left:1rem}.view-bar button{padding:.55rem .65rem}}@media(max-width:650px){.header{flex-wrap:wrap;min-height:0;gap:.8rem}.brand{font-size:.75rem}.project h1{font-size:1.5rem}.project>span{font-size:.8125rem}.header-actions{width:100%;justify-content:space-between}.variants button span{display:inline}.workspace{display:block;min-height:0}.stage{height:58dvh;min-height:365px}.panel{border-left:0;border-top:1px solid #cdd5d5;height:auto;padding:1.3rem 1rem}.panel-head{max-width:500px}.categories{grid-template-columns:repeat(4,1fr)}.categories button{font-size:.875rem;padding:.6rem .2rem}.stage-legend{left:1rem;bottom:.9rem;gap:.5rem;max-width:calc(100% - 4.7rem)}.stage-legend>span{font-size:.75rem}.fit{right:.8rem;bottom:.9rem}.view-bar{top:.75rem;left:.75rem}.toast{top:4.5rem}.panel-head p{font-size:.875rem;margin-bottom:1rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.spinner{animation:none}}

.design-review{border:1px solid #d5bea0;background:#faf6ee;border-radius:10px;padding:12px;margin:0 0 16px;font-size:12px;line-height:1.55}.design-review summary{cursor:pointer;font-weight:650;font-size:13px;color:#674b29}.design-review ol{padding-left:19px}.design-review li{margin:12px 0}.design-review button{font:inherit;font-weight:650;text-decoration:underline;background:none;border:0;padding:0;color:#674b29;cursor:pointer}.motion-note{padding:10px;border-left:3px solid #a15c35;background:#fbefe6;color:#713f23;font-size:12px;line-height:1.5}#zone-note{margin-top:10px}

.inventory-actions{margin:0 0 14px}.inventory-panel{margin:0 0 16px;border:1px solid #bac8c8;border-radius:10px;padding:12px}.inventory-panel summary{font-size:14px;font-weight:650;cursor:pointer}.capacity-note{background:#fff0dc;border-left:3px solid #a7773f;padding:10px;font-size:13px;line-height:1.5}#inventory-list{padding:0;list-style:none;max-height:480px;overflow-y:auto;margin:12px 0 0}#inventory-list li{margin-bottom:8px}#inventory-list button{display:grid;width:100%;text-align:left;gap:5px;padding:10px;border:1px solid #ccd3d2;border-radius:7px;background:#fff;color:#283434;cursor:pointer;font-size:14px}#inventory-list button strong{font-weight:650}#inventory-list button span{font-size:13px}#inventory-list button small{font-size:12px;color:#596565;line-height:1.45}#inventory-list button.shortage{border-left:4px solid #b87837}#inventory-list button.reservation{border-left:4px solid #6a9197}#inventory-list button[aria-pressed=true]{background:#e5efed;border-color:#376c65}#inventory-detail{color:#376c65}

.object-tooltip{position:absolute;z-index:5;width:max-content;max-width:min(320px,calc(100% - 20px));padding:12px 14px;background:#253132f5;color:#f4f6f5;border:1px solid #697676;border-radius:9px;box-shadow:0 7px 24px #15212233;pointer-events:none;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.object-tooltip strong{display:block;font-size:15px;color:#f2dbb9}.object-tooltip p{margin:5px 0 7px}.object-tooltip span{display:block;color:#cfdbd9;font-size:13px}

.xray-note{position:absolute;top:4.8rem;left:1.25rem;z-index:2;margin:0;max-width:calc(100% - 2.5rem);padding:.45rem .7rem;background:#e9f0ed;color:#36504d;border:1px solid #cad8d2;border-radius:6px;font-size:.75rem;pointer-events:none}.view-bar{max-width:calc(100% - 2rem);flex-wrap:wrap}.view-bar #xray{border-left:1px solid #d1d9da}.view-bar #xray[aria-pressed=true]{background:#45665c;border-color:#45665c}@media(max-width:650px){.view-bar button{padding:.5rem .55rem;font-size:.78rem}.xray-note{top:4.4rem;left:1rem;max-width:calc(100% - 2rem)}}

.shoe-demo{display:block;width:100%;padding:.65rem .8rem;margin:-.1rem 0 1rem;border:1px solid #9baeaa;border-radius:7px;background:#edf3f0;color:#304d44;font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}.shoe-demo:hover{background:#dce8e2}