:root{--shelves-bg:#b9b4ad;--shelves-header:#54524f;--shelves-primary:#6b8575;--shelves-primary-hover:#5a7262;--shelves-canvas:#e6e1da;--shelves-border:#e6e1da;--shelves-text:#54524f;--shelves-text-light:#e6e1da;--shelves-text-muted:#7b7a75;--shelves-tertiary:#77736b;--shelves-shelf:#fee7cd;--shelves-warning:#c17878;--shelves-discount:#8aad9a;--font-display:"futura-pt", "Futura", "Trebuchet MS", Arial, sans-serif;--font-display-bold:"futura-pt-bold", "Futura", "Trebuchet MS", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-display);background:var(--shelves-bg);color:var(--shelves-text);overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{background:var(--shelves-bg);width:100%;height:100dvh;max-height:100dvh;font-family:var(--font-display);flex-direction:column;display:flex;overflow:hidden}.shell-header{background:var(--shelves-header);min-height:50px;color:var(--shelves-text-light);flex-wrap:wrap;align-items:center;gap:8px;padding:0 12px;font-size:.875rem;display:flex}.shell-header h1{font-size:1.25rem;font-family:var(--font-display-bold);white-space:nowrap;color:var(--shelves-text-light);margin:0}.header-controls{white-space:nowrap;color:var(--shelves-text-muted);align-items:center;gap:6px;font-size:.75rem;display:flex}.header-controls select,.header-controls input{border:1px solid var(--shelves-text-muted);background:var(--shelves-header);color:#fff;border-radius:4px;height:26px;padding:0 6px;font-size:.75rem}.header-controls select{min-width:100px}.header-controls input{text-align:center;width:52px}.header-right{white-space:nowrap;align-items:center;gap:8px;margin-left:auto;display:flex}.header-dims{color:var(--shelves-text-muted);font-size:.75rem}.header-dims strong{color:#fff;font-size:1rem}.header-price-label{text-transform:uppercase;letter-spacing:.08em;color:var(--shelves-text-muted);font-size:.625rem}.header-price{color:#fff;font-size:1.25rem;font-weight:700}.shell-body{border-radius:10px;flex:1;min-height:0;margin:8px;display:flex;overflow:hidden;box-shadow:0 4px 24px #0000001f}.control-panel{background:var(--shelves-bg);border-right:1px solid #a8a39c;flex-direction:column;flex-shrink:0;gap:8px;width:290px;min-width:290px;padding:0 8px 8px;display:flex;overflow-y:auto}.panel{border:1px solid var(--shelves-border);background:#fff;border-radius:6px;flex-shrink:0;overflow:hidden;box-shadow:0 1px 3px #0000000f}.panel-heading{border-bottom:1px solid var(--shelves-border);text-transform:uppercase;letter-spacing:.1em;color:var(--shelves-text);font-size:.625rem;font-weight:700;font-family:var(--font-display-bold);background:#f8f8f8;padding:6px 10px}.panel-body{padding:6px}.section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--shelves-text-muted);margin-bottom:4px;font-size:.625rem;font-weight:700}.stepper{grid-template-columns:36px 1fr 36px;align-items:center;gap:6px;display:grid}.stepper button{border:1px solid var(--shelves-border);height:36px;color:var(--shelves-text);background:#fff;border-radius:6px;font-size:1.1rem}.stepper div{flex-direction:column;align-items:center;gap:1px;display:flex}.stepper div strong{font-size:1rem}.stepper div span{color:var(--shelves-text-muted);font-size:.7rem}.stepper-highlight{background:var(--shelves-shelf);border-radius:10px;padding:8px 4px}.stepper-highlight button{background:#fff;border-color:#54524f33}.field{flex-direction:column;gap:3px;margin-top:8px;display:flex}.field span{text-transform:uppercase;letter-spacing:.06em;color:var(--shelves-text-muted);font-size:.625rem;font-weight:700}.field input,.field select{border:1px solid var(--shelves-border);height:32px;color:var(--shelves-text);background:#fff;border-radius:4px;padding:0 8px;font-size:.8rem}.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.picker-tile{background:var(--shelves-shelf);text-align:left;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px;transition:all .15s;display:flex}.picker-tile:hover{border-color:#54524f33;transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.picker-tile.is-active{border-color:var(--shelves-text);box-shadow:0 0 0 2px var(--shelves-text);background:#ffe8c8}.picker-tile strong{font-size:.82rem}.picker-tile span{color:var(--shelves-text-muted);font-size:.7rem}.stack-buttons,.action-grid{gap:6px;display:grid}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-grid button,.stack-buttons button{border:1px solid var(--shelves-border);min-height:32px;color:var(--shelves-text);background:#fff;border-radius:6px;padding:6px 8px;font-size:.75rem}.action-grid button:hover,.stack-buttons button:hover{background:#f7f7f7}.btn-primary{background:var(--shelves-primary)!important;color:#fff!important;border-color:var(--shelves-primary)!important}.btn-primary:hover{background:var(--shelves-primary-hover)!important}.btn-tertiary{background:var(--shelves-tertiary)!important;color:#fff!important;border-color:var(--shelves-tertiary)!important}.btn-share{color:#fff!important;background:#6b8dae!important;border-color:#6b8dae!important}.btn-finalise{color:#3e5d4b!important;background:#fff!important;border:1px solid #6f8979!important}.btn-cart{color:#fff!important;background:#6f8979!important;border-color:#6f8979!important}.summary-list{gap:6px;margin:0;display:grid}.summary-list div{justify-content:space-between;gap:8px;display:flex}.summary-list dt{text-transform:uppercase;letter-spacing:.06em;color:var(--shelves-text-muted);font-size:.7rem}.summary-list dd{margin:0;font-size:.82rem;font-weight:600}.issue-list{color:var(--shelves-warning);margin:8px 0 0;padding-left:16px;font-size:.75rem}.canvas-panel{background:var(--shelves-canvas);flex:1;min-height:0;overflow:hidden}.canvas-shell{background:var(--shelves-canvas);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.canvas-stage{position:relative}.builder-canvas{touch-action:none;max-width:100%;display:block;position:absolute;inset:0}.canvas-overlay{pointer-events:none;position:absolute;inset:0}.upright-marker{background:var(--shelves-shelf);border:.5px solid var(--shelves-text);z-index:1;border-radius:1px;position:absolute}.shelf-bar{border:.5px solid var(--shelves-text);background:var(--shelves-shelf);z-index:2;border-radius:2px;position:absolute}.shelf-bar.is-selected{outline-offset:1px;outline:3px solid gold}.shelf-bar.is-ghost{opacity:.5;background:tan;border-style:dashed}.shelf-bar.is-invalid{opacity:.3;background:#f44}.dim-label{pointer-events:none;z-index:3;justify-content:center;align-items:center;display:flex;position:absolute}.dim-label span{color:var(--shelves-text-muted);white-space:nowrap;background:#e6e1dad9;border-radius:3px;padding:1px 4px;font-size:.58rem;font-weight:600}.dim-line{background:var(--shelves-text-muted);opacity:.35;width:1px;position:absolute}.canvas-hint{color:var(--shelves-text-light);background:#54524fe0;border-radius:999px;padding:6px 12px;font-size:.75rem;font-weight:600;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.mobile-dock{display:none}.mobile-sheet-backdrop{z-index:50;background:#0000004d;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-sheet{background:#fff;border-radius:16px 16px 0 0;width:100%;max-height:70vh;padding:12px 16px 24px;overflow-y:auto;box-shadow:0 -8px 24px #0000001f}.mobile-sheet-handle{background:#d1d5db;border-radius:999px;width:40px;height:5px;margin:0 auto 12px}.desktop-only{display:block}@media (width<=960px){.shell-body{border-radius:8px;margin:4px}.control-panel{display:none}.canvas-panel{border-radius:8px}.mobile-dock{z-index:30;flex-wrap:wrap;justify-content:center;align-items:end;gap:8px;display:flex;position:fixed;bottom:16px;left:8px;right:8px}.mobile-dock button{color:#fff;background:var(--shelves-tertiary);border:none;border-radius:50%;width:48px;height:48px;font-size:.625rem;font-weight:700;box-shadow:0 4px 12px #0003}.mobile-dock button:active{transform:scale(.95)}.mobile-dock .dock-add{background:var(--shelves-primary);width:58px;height:58px;font-size:1.5rem}.mobile-dock .dock-share{background:#6b8dae}}.toast-overlay{z-index:100;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.toast-popup{color:#fff;font-size:1rem;font-weight:700;font-family:var(--font-display-bold);letter-spacing:.04em;background:#54524feb;border-radius:12px;padding:14px 32px;animation:.25s ease-out toast-in;box-shadow:0 8px 32px #00000040}@keyframes toast-in{0%{opacity:0;transform:scale(.85)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}