:root{--bg:#f4f1ec;--panel:#f9f7f3;--ink:#1a1a18;--muted:#746f67;--line:#ddd6cd;--dark:#3d3b38;--accent:#8a7255;--white:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}button{font:inherit}.configurator-shell{min-height:100vh}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:#faf8f5}.logo{font-family:Georgia,serif;font-size:34px;letter-spacing:.04em}.logo span{font-weight:400}.logo small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.42em;margin-top:6px}.topbar-copy{font-size:12px;letter-spacing:.32em;color:#4f4b46}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:690px}.fabric-panel{padding:28px 22px;border-right:1px solid var(--line);background:#f8f6f2}.panel-heading h2,.model-heading h1{font-family:Georgia,serif;font-weight:400;margin:6px 0}.panel-heading h2{font-size:34px}.panel-heading p,.model-heading p{color:var(--muted);line-height:1.45}.eyebrow{font-size:10px;letter-spacing:.25em;color:#6c665f}.collection-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.collection-tab,.zone-btn,.view-tab,.button{border:1px solid var(--line);background:#fff;padding:10px 13px;border-radius:999px;cursor:pointer;transition:.2s}.collection-tab.active,.zone-btn.active,.view-tab.active{background:var(--dark);color:#fff;border-color:var(--dark)}.fabric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fabric-card{border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.fabric-card img{width:100%;aspect-ratio:1/1;border-radius:8px;object-fit:cover;border:2px solid transparent;display:block}.fabric-card.active img{border-color:#26231f;box-shadow:0 0 0 2px #fff inset}.fabric-card strong{display:block;font-size:12px;margin-top:5px;font-weight:500}.fabric-card small{color:var(--muted);font-size:10px}.stage-panel{padding:28px 30px 18px;min-width:0}.model-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.model-heading h1{font-size:48px}.stage-actions{padding-top:12px}.button-ghost{background:transparent}.zone-selector{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.zone-btn{border-radius:10px;background:#f9f7f3}.zone-btn small{display:block;font-size:9px;color:inherit;opacity:.72;margin-top:3px}.product-stage-wrap{background:#ebe5dc;border-radius:18px;overflow:hidden;border:1px solid #e2dbd2}.product-stage{position:relative;width:100%;aspect-ratio:1100/480;overflow:hidden;background:#e7e0d7}.product-stage>img,.vector-texture-layer{position:absolute;inset:0;width:100%;height:100%;display:block}.product-stage>img{z-index:1;object-fit:contain}.vector-texture-layer{z-index:2;overflow:visible;touch-action:manipulation}.vector-zone-texture{opacity:.99}.vector-zone-detail{opacity:.26;mix-blend-mode:multiply;pointer-events:none}.vector-zone-hit{fill:rgba(0,0,0,.001);stroke:transparent;stroke-width:4;pointer-events:all;cursor:pointer;transition:.16s}.vector-zone.is-active .vector-zone-hit{stroke:rgba(54,49,44,.58);stroke-width:.65;filter:drop-shadow(0 0 1px rgba(255,255,255,.85))}.stage-help{text-align:center;font-size:11px;color:var(--muted);padding:8px 12px 9px;background:#f7f3ed;border-top:1px solid rgba(120,108,94,.12)}.view-tabs{display:flex;justify-content:center;gap:8px;margin:14px 0}.selection-summary{display:flex;gap:10px;flex-wrap:wrap;padding-top:10px}.summary-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;font-size:12px}.summary-chip img{width:34px;height:34px;border-radius:6px;object-fit:cover}.summary-chip span{display:block;color:var(--muted);font-size:10px}.models-strip{border-top:1px solid var(--line);padding:20px 30px 28px;background:#fbfaf8;display:grid;grid-template-columns:190px 1fr;gap:20px}.models-strip-title strong{display:block;margin-top:5px;font-family:Georgia,serif;font-size:20px}.model-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.model-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px;cursor:pointer;text-align:center}.model-card.active{border-color:#302d29;box-shadow:0 0 0 1px #302d29}.model-card img{width:100%;aspect-ratio:2.2/1;object-fit:cover;border-radius:8px}.model-card strong{display:block;margin-top:8px;font-size:12px}.model-card small{color:var(--muted)}.empty{padding:20px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}
@media(max-width:980px){.workspace{grid-template-columns:1fr}.fabric-panel{border-right:0;border-bottom:1px solid var(--line)}.fabric-grid{grid-template-columns:repeat(5,1fr)}.models-strip{grid-template-columns:1fr}.topbar-copy{display:none}}
@media(max-width:640px){.topbar{padding:0 16px;height:82px}.logo{font-size:25px}.workspace .fabric-panel,.stage-panel{padding:20px 15px}.fabric-grid{grid-template-columns:repeat(4,1fr)}.model-heading h1{font-size:38px}.models-strip{padding:18px 15px}.zone-selector{display:grid;grid-template-columns:1fr 1fr}.collection-tabs{overflow:auto;flex-wrap:nowrap}.product-stage-wrap{border-radius:10px}.stage-help{font-size:10px}.vector-zone.is-active .vector-zone-hit{stroke-width:1}}