: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:6px 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}.shell-header-title-link{color:inherit;text-decoration:none}.shell-header-title-link:hover{text-decoration:underline}.header-material-menu{position:relative}.header-material-pill{color:#fff;background:#6f8979;border:2px solid #86b39b;border-radius:999px;align-items:center;gap:8px;min-width:190px;height:26px;padding:0 12px;font-size:11px;font-weight:600;display:flex}.header-material-swatch{border:1px solid #0000001a;border-radius:999px;flex-shrink:0;width:16px;height:16px}.header-material-label{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.header-material-chevron{margin-left:auto;font-size:10px}.header-material-dropdown{z-index:40;background:#fff;border:1px solid #00000026;border-radius:12px;min-width:220px;max-width:min(280px,100vw - 1.5rem);padding:4px 0;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #0000001f}.header-material-option-row{align-items:center;width:100%;min-width:0;display:flex}.header-material-option-row:hover{background:#f5f5f5}.header-material-option{color:#222;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:8px;min-width:0;padding:6px 12px;font-size:11px;display:flex}.header-material-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.header-material-swatch-link{color:#6b8dae;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:6px 10px;font-size:11px;font-weight:600;text-decoration:underline}.header-material-swatch-link:hover{color:#4a6d8a}.material-swatch-lightbox{z-index:90;background:#0000008c;position:fixed;inset:0}.material-swatch-lightbox--desktop{justify-content:center;align-items:center;padding:16px;display:flex}@media (width>=768px){.material-swatch-lightbox--desktop{padding:32px}}.material-swatch-lightbox--mobile{flex-direction:column;padding:16px 12px 24px;display:flex;overflow-y:auto}.material-swatch-desktop-row{align-items:center;gap:8px;max-width:min(98vw,1280px);display:flex}@media (width>=768px){.material-swatch-desktop-row{gap:16px}}.material-swatch-desktop-stage{min-width:0;position:relative}.material-swatch-mobile-stack{flex-direction:column;width:100%;max-width:32rem;min-height:0;margin:0 auto;display:flex}.material-swatch-mobile-image-wrap{justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.material-swatch-close{color:#222;background:#fffffff2;border:none;border-radius:999px;font-size:1.25rem;line-height:1;box-shadow:0 4px 12px #0003}.material-swatch-close--desktop{z-index:2;width:36px;height:36px;position:absolute;top:8px;right:8px}.material-swatch-close--mobile{align-self:flex-end;width:40px;height:40px;margin-bottom:12px}.material-swatch-image{object-fit:contain;border-radius:12px;display:block;box-shadow:0 16px 48px #0000003d}.material-swatch-image--desktop{width:auto;max-width:min(88vw,1100px);height:auto;max-height:min(90vh,900px)}.material-swatch-image--mobile{width:100%;max-width:100%;max-height:min(48vh,420px)}.material-swatch-nav-row{justify-content:center;gap:24px;margin-top:12px;display:flex}.material-swatch-nav{color:#333;background:#fffffff2;border:1px solid #0000000d;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;box-shadow:0 4px 12px #00000026}.material-swatch-nav:hover{background:#fff}.material-swatch-nav-icon{width:20px;height:20px}.material-swatch-caption{color:#fff}.material-swatch-caption--desktop{z-index:2;background:#0009;border-radius:8px;max-width:calc(100% - 1.5rem);padding:8px 12px;position:absolute;bottom:12px;left:12px;box-shadow:0 2px 8px #0000001f}.material-swatch-caption--mobile{background:#000000a6;border-radius:12px;width:100%;margin-top:12px;padding:12px 16px;box-shadow:0 2px 8px #0000001f}.material-swatch-caption-title{margin:0;font-size:.875rem;font-weight:600;line-height:1.35}.material-swatch-caption--desktop .material-swatch-caption-title{white-space:nowrap}.material-swatch-caption-text{color:#fffffff2;margin:4px 0 0;font-size:.875rem;font-weight:400;line-height:1.45}.material-swatch-caption--desktop .material-swatch-caption-text{white-space:nowrap}.header-material-check{flex-shrink:0;width:12px;font-size:12px}.header-promo{color:var(--shelves-text-light);margin:0;font-size:.75rem;display:none}.header-promo strong{color:var(--shelves-discount)}.header-summary{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:6px;margin-left:auto;display:flex}.header-summary-label{text-transform:uppercase;letter-spacing:.08em;color:var(--shelves-text-muted);font-size:10px;font-weight:600;line-height:1}.header-summary-dims{color:#fff;font-size:1rem;font-weight:700;line-height:1}.header-summary-price-label{margin-left:2px}.header-summary-price{color:#fff;font-size:1.25rem;font-weight:700;line-height:1}@media (width>=1024px){.header-promo{display:block}}.shell-body{border-radius:10px;flex:1;align-items:stretch;gap:8px;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;margin-top:-1px;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 2px #0000000f}.panel-heading{border-bottom:1px solid var(--shelves-border);text-transform:uppercase;letter-spacing:.08em;color:var(--shelves-text);font-size:10px;font-weight:700;font-family:var(--font-display-bold);background:#f8f8f8;padding:6px 10px}.panel-body{padding:6px}.panel-actions{flex-direction:column;gap:6px;display:flex}.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-label{text-align:center;color:var(--shelves-text);white-space:nowrap;font-size:.9rem;font-weight:700}.stepper-highlight{background:var(--shelves-shelf);border-radius:10px;padding:4px}.stepper-highlight button{background:#fff;border-color:#54524f33}.sidebar-height{margin-top:10px}.sidebar-height label{text-transform:uppercase;letter-spacing:.06em;color:var(--shelves-text-muted);margin-bottom:4px;font-size:.625rem;font-weight:700;display:block}.sidebar-height select{background:#fff;border:1px solid #54524f33;border-radius:10px;width:100%;height:32px;padding:0 8px;font-size:.8rem;font-weight:600}.notch-option{cursor:pointer;align-items:center;gap:8px;margin:0;display:flex}.notch-option input{flex-shrink:0;width:16px;height:16px;margin:0}.notch-option-label{color:var(--shelves-text);font-size:.8rem;font-weight:500;line-height:1.3}.notch-fields-label{margin-top:10px}.notch-dimensions{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.notch-dimensions label{text-transform:uppercase;letter-spacing:.06em;color:var(--shelves-text-muted);flex-direction:column;gap:4px;font-size:.625rem;font-weight:700;display:flex}.notch-dimensions input{border:1px solid var(--shelves-border);height:32px;color:var(--shelves-text);text-transform:none;letter-spacing:normal;border-radius:8px;padding:0 8px;font-size:.8rem;font-weight:600}.panel-note{color:var(--shelves-text-muted);margin:8px 0 0;font-size:.7rem;line-height:1.4}.panel-capacity{border:1px solid #8f6c4f47;box-shadow:inset 0 1px #ffffff8c}.panel-capacity .panel-heading{letter-spacing:.1em;background:#f3ede6}.capacity-headline{background:linear-gradient(180deg, #f7f0e8 0%, var(--shelves-shelf) 100%);border:1px solid #8f6c4f26;border-radius:10px;flex-direction:column;gap:4px;margin-bottom:8px;padding:8px 10px;display:flex}.capacity-headline-total{color:var(--shelves-text);margin:0;font-size:.8125rem;font-weight:600;line-height:1.35}.capacity-headline-total .capacity-headline-value{font-size:1.125rem;font-weight:700}.capacity-headline-value{color:var(--shelves-text);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1;transition:color .2s}.capacity-headline-value.is-pulse-up,.capacity-book-count.is-pulse-up{color:#4a6741;animation:.55s capacity-tick-up}.capacity-headline-value.is-pulse-down,.capacity-book-count.is-pulse-down{color:#8f5c45;animation:.55s capacity-tick-down}@keyframes capacity-tick-up{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes capacity-tick-down{0%{transform:scale(1)}40%{transform:scale(.94)}to{transform:scale(1)}}.capacity-snapshot{flex-wrap:wrap;gap:4px 8px;margin:2px 0 0;padding:0;list-style:none;display:flex}.capacity-snapshot li{color:var(--shelves-text);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600}.capacity-book-count{color:var(--shelves-text);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:6px;font-size:.8125rem;font-weight:700;display:inline-flex}.capacity-book-count-metres{color:var(--shelves-text-muted);font-size:.68rem;font-weight:600}.mobile-capacity-count{background:#ffffffbf;border:1px solid #8f6c4f33;border-radius:999px;margin-left:auto;padding:4px 8px}.capacity-headline-label{display:none}.capacity-linear-metres{color:var(--shelves-text);font-size:.75rem;font-weight:700}.capacity-by-type{margin:8px 0 4px}.capacity-details{margin-top:8px}.capacity-details summary{min-height:30px;color:var(--shelves-text);cursor:pointer;background:#f8f5f0;border:1px solid #54524f24;border-radius:8px;justify-content:space-between;align-items:center;padding:0 8px;font-size:.75rem;font-weight:700;display:flex}.capacity-details summary:after{content:"+";color:var(--shelves-text-muted);margin-left:8px;font-size:1rem;line-height:1}.capacity-details[open] summary:after{content:"−"}.capacity-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.capacity-list li{border-bottom:1px solid #54524f14;justify-content:space-between;align-items:baseline;gap:8px;padding:5px 0;display:flex}.capacity-list li:last-child{border-bottom:none}.capacity-list-label{color:var(--shelves-text);flex-direction:column;gap:1px;font-size:.75rem;font-weight:500;line-height:1.3;display:flex}.capacity-list-hint{color:var(--shelves-text-muted);font-size:.65rem;font-weight:400;line-height:1.25}.capacity-list-value{color:var(--shelves-text);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem;font-weight:700}.capacity-list li.is-too-short .capacity-list-label,.capacity-list li.is-too-short .capacity-list-value{color:var(--shelves-text-muted)}.capacity-empty{margin:0}.capacity-footnote{margin-top:6px;font-size:.65rem}.btn-internal{width:100%;min-height:28px;color:var(--shelves-text-muted);border:1px dashed var(--shelves-border);background:#f0eeea;font-size:.7rem}.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:12px;flex-direction:column;align-items:flex-start;min-height:78px;padding:8px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.picker-tile:hover{border-color:#54524f26;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-glyph{justify-content:flex-start;align-items:center;width:100%;min-height:26px;margin-bottom:4px;display:flex}.picker-tile-bar{background:#54524f59;border-radius:999px;height:6px}.picker-tile strong{color:var(--shelves-text);font-size:.75rem;font-weight:600}.picker-tile-meta{color:var(--shelves-text-muted);margin-top:4px;font-size:10px;line-height:1.25}.picker-tile.is-active .picker-tile-meta{color:var(--shelves-text)}.action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.action-row button,.action-row-full button,.btn-action{text-align:center;cursor:pointer;border:none;border-radius:6px;width:100%;height:32px;padding:0 8px;font-size:12px;font-weight:600;line-height:32px}.action-row .btn-action{min-width:0}.action-row-full,.action-row-full .btn-action{width:100%}.btn-action-clear{border:1px solid var(--shelves-tertiary);box-shadow:inset 0 0 0 1px var(--shelves-tertiary);color:var(--shelves-tertiary);background:#fff}.btn-action-undo{background:var(--shelves-tertiary);color:#fff}.presets-wrap{min-width:0;position:relative}.presets-select{background:var(--shelves-primary);color:#fff;appearance:none;cursor:pointer;border:none;border-radius:6px;width:100%;height:32px;padding:0 24px 0 8px;font-size:12px;font-weight:600;line-height:32px}.presets-chevron{pointer-events:none;color:#fff;font-size:10px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.btn-export-pdf{background:var(--shelves-header);color:#fff}.btn-share{color:#fff;background:#6b8dae;width:100%}.btn-cart{color:#fff;background:#6f8979;border:none;border-radius:6px;width:100%;height:36px;font-size:12px;font-weight:600}.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-width:0;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}.marquee-box{pointer-events:none;z-index:4;background:#0078d70f;border:1px solid #0078d7;position:absolute}.marquee-box.is-crossing{background:#00b0500d;border-style:dashed;border-color:#00b050}.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}.canvas-hint-touch{display:none}@media (pointer:coarse){.canvas-hint-desktop{display:none}.canvas-hint-touch{display:inline}}.overlength-modal-backdrop{z-index:80;background:#54524f57;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.overlength-modal{width:min(420px,100%);color:var(--shelves-text);background:#fff;border-radius:16px;padding:18px;box-shadow:0 16px 48px #0000003d}.overlength-modal h2{font-size:1.15rem;font-family:var(--font-display-bold);margin:0 0 8px}.overlength-modal p{margin:0 0 10px;font-size:.875rem;line-height:1.45}.overlength-modal-check{color:var(--shelves-text-muted);align-items:center;gap:8px;margin:12px 0;font-size:.8rem;display:flex}.overlength-modal-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mobile-dock,.mobile-dock-wrap{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}.mobile-config-bar{display:none}@media (width<=960px){.shell-header{flex-flow:wrap;align-items:center;gap:6px 8px;min-height:0;padding:6px 8px}.shell-header h1{flex:auto;min-width:6rem;font-size:.95rem}.header-material-menu{flex:0 auto;min-width:0;margin-left:auto}.header-material-pill{width:auto;min-width:0;max-width:9.5rem;height:24px;padding:0 8px;font-size:10px}.header-material-dropdown{left:auto;right:0}.header-summary{flex:100%;justify-content:space-between;gap:8px;margin-left:0}.header-summary-label{display:none}.header-summary-dims,.header-summary-price{font-size:.85rem}.header-summary-price-label{margin-left:0}.mobile-config-bar{border:1px solid var(--shelves-border);background:#f0ebe4;border-radius:8px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px 16px;margin:0 4px;padding:6px 8px;display:flex}.mobile-config-group{align-items:center;gap:8px;min-width:0;display:flex}.mobile-config-label{text-transform:uppercase;letter-spacing:.06em;color:var(--shelves-text-muted);white-space:nowrap;font-size:.65rem;font-weight:700}.mobile-config-stepper{align-items:center;gap:6px;display:flex}.mobile-config-stepper button{border:1px solid var(--shelves-border);background:#fff;border-radius:8px;width:36px;height:36px;font-size:1.1rem;font-weight:700}.mobile-config-stepper strong{text-align:center;min-width:1.5rem;font-size:1rem}.mobile-config-select{border:1px solid var(--shelves-border);border-radius:8px;max-width:9rem;min-height:36px;padding:4px 8px;font-size:.85rem}.shell-body{border-radius:8px;margin:4px}.control-panel{display:none}.canvas-panel{border-radius:8px;padding-bottom:112px}.canvas-shell{position:relative}.canvas-hint{text-align:center;z-index:5;max-width:none;font-size:.68rem;line-height:1.35;inset:auto 8px 8px;transform:none}.mobile-dock-wrap{z-index:30;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:12px;left:4px;right:4px}.mobile-dock-capacity{background:#ffffffeb;border:1px solid #8f6c4f33;border-radius:999px;padding:4px 10px;font-size:.72rem;box-shadow:0 2px 8px #00000014}.mobile-dock-capacity .capacity-book-count-metres{font-size:.62rem}.mobile-dock{flex-wrap:nowrap;justify-content:center;align-items:end;gap:6px;width:100%;display:flex;position:static;bottom:auto;left:auto;right:auto}.mobile-dock button{color:#fff;background:var(--shelves-tertiary);border:none;border-radius:50%;width:44px;height:44px;font-size:.625rem;font-weight:700;box-shadow:0 4px 12px #0003}.mobile-dock button:active{transform:scale(.95)}.mobile-dock .dock-add,.mobile-dock .dock-done{background:var(--shelves-primary);width:52px;height:52px;font-size:1rem}.mobile-dock .dock-add{font-size:1.5rem}.mobile-dock .dock-done{letter-spacing:.02em;font-size:.65rem}.mobile-dock .dock-clear{background:#9a6b4f;font-size:.58rem}.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)}}.live-preview-panel{flex-direction:column;flex-shrink:0;align-self:stretch;height:100%;min-height:0;display:flex;position:relative}.live-preview-resize-handle{z-index:10;cursor:col-resize;width:8px;height:100%;position:absolute;top:0;left:-4px}.live-preview-resize-line{background:#a8a39c;width:1px;height:100%;margin:0 auto;transition:background .15s}.live-preview-resize-handle:hover .live-preview-resize-line{background:var(--shelves-accent,#6b8dae)}.live-preview-frame{border:1px solid var(--shelves-border);background:#fff;border-radius:6px;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:0 1px 4px #00000014}.live-preview-empty{width:100%;height:100%;color:var(--shelves-text-muted,#6b6560);text-align:center;background:#f5f1e8;justify-content:center;align-items:center;padding:1rem;font-size:.68rem;line-height:1.45;display:flex}.live-preview-badge{pointer-events:none;z-index:2;color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#0000004d;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600;position:absolute;top:8px;left:8px}.live-preview-badge--overlay{background:#00000059;padding:4px 8px;font-size:10px;top:12px;left:12px}.live-preview-expand-btn{z-index:2;color:#fff;cursor:pointer;background:#0000004d;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex;position:absolute;top:8px;left:8px}.live-preview-expand-btn:hover:not(:disabled){background:#0000008c}.live-preview-expand-btn:disabled{opacity:.3;cursor:default}.live-preview-expand-btn--overlay{width:32px;height:32px;top:12px;left:12px}.live-preview-overlay{z-index:80;background:#0006;flex-direction:column;padding:1rem;display:flex;position:fixed;inset:0}.live-preview-overlay-inner{background:#fff;border-radius:8px;width:100%;max-width:72rem;height:100%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 16px 48px #00000040}.preview-canvas{width:100%;height:100%}.btn-action.btn-view-3d{color:var(--shelves-text);background:#f5f1e8;border-color:#c8baa0}.mobile-dock .dock-3d{color:var(--shelves-text);background:#f5f1e8;font-weight:700}.preview-page-loading,.preview-page--error{background:var(--shelves-bg);min-height:100dvh;color:var(--shelves-text);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex}.preview-page--error h1{margin:0 0 .75rem;font-size:1.5rem}.preview-page--error p{max-width:28rem;color:var(--shelves-text-muted);margin:0 0 1.25rem;font-size:.875rem;line-height:1.5}.preview-page-back-link{background:var(--shelves-primary,#2a2624);color:#fff;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-block}.preview-page{background:var(--shelves-bg);height:100dvh;color:var(--shelves-text);flex-direction:column;display:flex}.preview-page-header{border-bottom:1px solid var(--shelves-border);padding-top:max(.5rem, env(safe-area-inset-top));background:#fff;flex-shrink:0;box-shadow:0 1px 4px #0000000f}.preview-page-header-inner{flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.preview-page-header-inner--mobile{padding:.625rem .75rem}.preview-page-title-block h1{margin:0;font-size:1.125rem}.preview-page-title-block p{color:var(--shelves-text-muted);margin:.15rem 0 0;font-size:.75rem}.preview-page-material{font-weight:500}.preview-page-actions{flex-wrap:wrap;gap:.5rem;margin-left:auto;display:flex}.preview-page-btn{cursor:pointer;border:none;border-radius:6px;padding:.5rem .75rem;font-size:.75rem;font-weight:600;text-decoration:none}.preview-page-btn--secondary{border:1px solid var(--shelves-border);color:var(--shelves-text);background:#fff}.preview-page-btn--share{color:#fff;background:#6b8dae}.preview-page-main{flex:1;min-height:0}.preview-page-main--mobile{padding-bottom:calc(4.25rem + env(safe-area-inset-bottom))}.preview-page-mobile-dock{z-index:30;padding:.5rem .5rem max(.75rem, env(safe-area-inset-bottom));pointer-events:none;justify-content:center;gap:.375rem;display:flex;position:fixed;bottom:0;left:0;right:0}.preview-page-dock-btn{pointer-events:auto;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:.625rem;font-weight:700;transition:transform .1s;display:flex;box-shadow:0 4px 12px #00000026}.preview-page-dock-btn:active{transform:scale(.95)}.preview-page-dock-btn--secondary{border:1px solid var(--shelves-border);color:var(--shelves-text);background:#fff;text-decoration:none}.preview-page-dock-btn--share{color:#fff;background:#6b8dae}.collapsible-block{transition:grid-template-rows .2s ease-out;display:grid}.collapsible-block--collapsed{grid-template-rows:0fr}.collapsible-block--expanded{grid-template-rows:1fr}.collapsible-block-inner{overflow:hidden}.panel-actions-terminal{flex-direction:column;gap:6px;padding-top:2px;display:flex}.btn-browse-presets{flex:1}.preset-gallery-backdrop{z-index:50;background:#0006;padding:1rem 1rem 1rem 302px;position:fixed;inset:0;overflow-y:auto}.preset-gallery-modal{border:1px solid var(--shelves-border);background:#fff;border-radius:12px;flex-direction:column;max-width:56rem;max-height:calc(100vh - 2rem);margin:0 auto;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000002e}.preset-gallery-header{border-bottom:1px solid var(--shelves-border);flex-shrink:0;padding:1rem 1.25rem}.preset-gallery-header h2{font-family:var(--font-display-bold);color:var(--shelves-text);margin:0;font-size:1.05rem}.preset-gallery-header p{color:var(--shelves-text-muted);margin:.35rem 0 0;font-size:.82rem}.preset-gallery-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-height:0;padding:1.25rem;display:grid;overflow-y:auto}@media (width>=900px){.preset-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.preset-gallery-card{border:1px solid var(--shelves-border);text-align:left;cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.preset-gallery-card:hover{border-color:var(--shelves-tertiary);transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.preset-gallery-thumb{aspect-ratio:4/3;background:var(--shelves-canvas);overflow:hidden}.preset-gallery-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .15s}.preset-gallery-card:hover .preset-gallery-thumb img{transform:scale(1.02)}.preset-gallery-card-body{flex-direction:column;gap:.15rem;min-height:4.5rem;padding:.75rem;display:flex}.preset-gallery-card-title{color:var(--shelves-text);font-size:.82rem;font-weight:700}.preset-gallery-card-tagline{color:var(--shelves-text-muted);font-size:.72rem}.preset-gallery-card-meta{color:var(--shelves-text-muted);flex-direction:column;gap:.1rem;margin-top:.25rem;font-size:.68rem;display:flex}.preset-gallery-card-price{color:var(--shelves-text);font-weight:600}.preset-gallery-footer{border-top:1px solid var(--shelves-border);flex-shrink:0;padding:1rem 1.25rem}.preset-gallery-blank{border:1px solid var(--shelves-border);width:100%;color:var(--shelves-text);cursor:pointer;background:#f8f8f8;border-radius:6px;padding:.65rem 1rem;font-size:.82rem;font-weight:600}.preset-gallery-blank:hover{background:#f0f0f0}.placement-coachmark{z-index:12;background:var(--shelves-header);color:#fff;white-space:nowrap;pointer-events:none;border-radius:8px;padding:.45rem .85rem;font-size:.72rem;font-weight:600;animation:.4s ease-out forwards coachmark-fade;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0000002e}@keyframes coachmark-fade{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}