@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";html,body{width:100%;height:100%;max-width:100%;margin:0;overflow:hidden;background:#fff}@supports (overflow: clip){html,body{overflow-x:clip}}#box-designer-app{--bg-dark: #10131b;--panel-bg: rgba(27, 32, 48, .94);--panel-border: #3a4560;--text-primary: #f3f6fc;--text-secondary: #aeb8ca;--accent-blue: #203457;--accent-cyan: #78d3ff;--accent-gradient: #78d3ff;--accent-glow: rgba(120, 211, 255, .2);--color-x: #ff9b9b;--color-y: #64e3ae;--color-z: #78d3ff;--input-bg: #101520;--input-border: #3a4560;--input-focus: #78d3ff;--font-main: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Inter", system-ui, -apple-system, sans-serif;--sidebar-width: 360px;--glass-blur: 16px}#box-designer-app,#box-designer-app *{box-sizing:border-box;margin:0;padding:0}#box-designer-app{width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 100% 0,#203457 0,transparent 34%),var(--bg-dark);font-family:var(--font-main);color:var(--text-primary);-webkit-font-smoothing:antialiased}#box-designer-app ::-webkit-scrollbar{width:6px}#box-designer-app ::-webkit-scrollbar-track{background:transparent}#box-designer-app ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}#box-designer-app ::-webkit-scrollbar-thumb:hover{background:#fff3}#box-designer-app .app-container{display:flex;width:100%;height:100%;min-width:0}#box-designer-app .sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;background:var(--panel-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--panel-border);display:flex;flex-direction:column;z-index:10;box-shadow:10px 0 30px #00000080}#box-designer-app .app-header{padding:14px 16px 10px;border-bottom:1px solid var(--panel-border)}#box-designer-app .logo{display:flex;align-items:center;gap:10px}#box-designer-app .logo-icon{font-size:22px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px var(--accent-glow))}#box-designer-app .logo h1{font-family:var(--font-heading);font-weight:700;font-size:19px;letter-spacing:-.5px;background:linear-gradient(to right,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#box-designer-app .subtitle{font-size:10px;color:var(--text-secondary);margin-top:2px;text-transform:none;letter-spacing:.1px;line-height:1.35;font-weight:500}#box-designer-app .controls-wrapper{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}#box-designer-app .control-group{background:#1b2030f0;border:1px solid var(--panel-border);border-radius:17px;padding:10px 12px;transition:all .3s ease;box-shadow:0 17px 42px #00000040}#box-designer-app .control-group:hover{border-color:#ffffff1f}#box-designer-app .control-group h2{font-family:var(--font-heading);font-size:13px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:6px;color:#e2e8f0}#box-designer-app .control-group h2 i{color:var(--accent-cyan)}#box-designer-app .axis-x{color:var(--color-x);font-weight:700}#box-designer-app .axis-y{color:var(--color-y);font-weight:700}#box-designer-app .axis-z{color:var(--color-z);font-weight:700}#box-designer-app .toggle-container{display:flex;flex-direction:column;gap:12px}#box-designer-app .toggle-group{display:flex;justify-content:space-between;align-items:center}#box-designer-app .label-text{font-size:13px;font-weight:500;color:var(--text-secondary)}#box-designer-app .segmented-control{display:flex;background:#101520;border:1px solid var(--panel-border);border-radius:10px;padding:2px;width:160px}#box-designer-app .segment-btn{flex:1;background:transparent;border:none;outline:none;color:var(--text-secondary);font-family:var(--font-main);font-size:12px;font-weight:600;padding:6px 0;border-radius:6px;cursor:pointer;transition:all .2s ease}#box-designer-app .segment-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}#box-designer-app .compact-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;width:100%}#box-designer-app .compact-row:last-child{margin-bottom:0}#box-designer-app .compact-row label{width:80px;font-size:12px;font-weight:500;color:var(--text-secondary);flex-shrink:0}#box-designer-app .compact-row .slider-container{flex:1;display:flex;align-items:center}#box-designer-app .input-with-unit{display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--input-border);border-radius:9px;padding:8px 10px;transition:border-color .2s ease;width:85px;flex-shrink:0;height:36px;box-sizing:border-box}#box-designer-app .input-with-unit:focus-within{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #78d3ff26}#box-designer-app .input-with-unit input{background:transparent;border:none;outline:none;color:#fff;font-family:var(--font-main);font-size:13px;font-weight:600;text-align:right;width:100%;padding-right:4px}#box-designer-app .input-with-unit input::-webkit-outer-spin-button,#box-designer-app .input-with-unit input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#box-designer-app .combobox-container{display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--input-border);border-radius:9px;transition:border-color .2s ease;position:relative;height:36px;box-sizing:border-box;margin-left:auto}#box-designer-app .combobox-container:focus-within{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #78d3ff26}#box-designer-app .combobox-container input{background:transparent;border:none;outline:none;color:#fff;font-family:var(--font-main);font-size:13px;font-weight:600;text-align:right;flex:1;min-width:0;padding:0 4px 0 10px;height:100%}#box-designer-app .combobox-container input::-webkit-outer-spin-button,#box-designer-app .combobox-container input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#box-designer-app .combobox-container .unit-label{font-size:11px;font-weight:600;color:var(--text-secondary);-webkit-user-select:none;user-select:none;padding-right:8px}#box-designer-app .combobox-separator{width:1px;height:18px;background:var(--input-border);flex-shrink:0}#box-designer-app .combobox-arrow{width:32px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;position:relative;flex-shrink:0}#box-designer-app .combobox-arrow i{font-size:10px;pointer-events:none}#box-designer-app .thickness-select-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;padding:0}#box-designer-app .thickness-select-overlay option{background:#1e293b;color:#fff}#box-designer-app .input-with-unit input[type=number],#box-designer-app .combobox-container input[type=number]{-moz-appearance:textfield}#box-designer-app .unit-label{font-size:11px;font-weight:600;color:var(--text-secondary);-webkit-user-select:none;user-select:none}#box-designer-app .slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;transition:background .3s}#box-designer-app .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 10px #00000080,0 0 0 4px #78d3ff26;transition:all .15s ease}#box-designer-app .slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:var(--accent-cyan);box-shadow:0 0 12px var(--accent-cyan),0 0 0 4px #78d3ff59}#box-designer-app .preset-buttons{display:flex;gap:8px;margin-top:8px}#box-designer-app .preset-btn{flex:1;background:#ffffff0d;border:1px solid var(--panel-border);border-radius:6px;color:var(--text-secondary);font-family:var(--font-main);font-size:11px;font-weight:500;padding:6px 0;cursor:pointer;transition:all .2s ease}#box-designer-app .preset-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3}#box-designer-app .preset-btn.active{background:#06b6d41a;border-color:var(--accent-cyan);color:var(--accent-cyan)}#box-designer-app .field-desc{font-size:11px;color:var(--text-secondary);margin-top:4px;line-height:1.4}#box-designer-app .joint-type-selector{margin-bottom:16px}#box-designer-app .joint-option{display:flex;align-items:center;gap:12px;background:#06b6d40f;border:1px solid rgba(6,182,212,.3);border-radius:8px;padding:10px 12px;color:#fff}#box-designer-app .joint-option i{font-size:20px;color:var(--accent-cyan);filter:drop-shadow(0 0 4px var(--accent-glow))}#box-designer-app .joint-option strong{display:block;font-size:13px;font-weight:600}#box-designer-app .joint-option span{display:block;font-size:11px;color:var(--text-secondary)}#box-designer-app .slider-with-icons{display:flex;align-items:center;gap:12px}#box-designer-app .slider-with-icons i{font-size:14px;color:var(--text-secondary);opacity:.7}#box-designer-app .badge{background:var(--input-bg);border:1px solid var(--panel-border);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;color:var(--accent-cyan)}#box-designer-app .check{display:flex;gap:8px;align-items:center;margin-top:10px;color:#dbe2ef;font-size:12px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}#box-designer-app .check input{width:16px;height:16px;accent-color:var(--accent-cyan);cursor:pointer}#box-designer-app .action-group{display:flex;flex-direction:column;gap:10px;border:none;background:transparent;padding:0}#box-designer-app .btn{width:100%;border:none;outline:none;border-radius:12px;padding:14px 20px;font-family:var(--font-main);font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .15s ease}#box-designer-app .btn-primary{background:var(--accent-cyan);color:#062132}#box-designer-app .btn-primary:hover{filter:brightness(1.07);transform:translateY(-1px)}#box-designer-app .btn-secondary{background:#ffffff0d;border:1px solid var(--panel-border);color:var(--text-primary)}#box-designer-app .btn-secondary:hover{filter:brightness(1.15);transform:translateY(-1px);border-color:#fff3}#box-designer-app .sidebar-footer{padding:16px;border-top:1px solid var(--panel-border);text-align:center}#box-designer-app .sidebar-footer p{font-size:11px;color:var(--text-secondary)}#box-designer-app .sidebar-footer i{color:#ef4444}#box-designer-app .viewport-container{flex:1;min-width:0;height:100%;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 12%,rgba(120,211,255,.28) 0,transparent 34%),radial-gradient(circle at 20% 100%,rgba(190,169,132,.22) 0,transparent 42%),linear-gradient(135deg,#fbfaf7,#f1f5f6 52%,#e7edf2);transition:background .35s ease}#box-designer-app .viewport-container.is-night{background:radial-gradient(circle at 100% 0,#203457 0,transparent 34%),#10131b}#box-designer-app #canvas-holder{width:100%;height:100%}#box-designer-app .view-theme-switch{position:absolute;top:20px;left:20px;z-index:30;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid rgba(32,52,87,.14);border-radius:999px;background:#ffffffd6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 28px #23304224;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}#box-designer-app .view-theme-option{width:34px;height:30px;border:0;border-radius:999px;background:transparent;color:#7a8492;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:inherit;transition:color .2s ease,background .2s ease,transform .15s ease,box-shadow .2s ease}#box-designer-app .view-theme-option:hover{color:#203457;transform:translateY(-1px)}#box-designer-app .view-theme-option:focus-visible{outline:2px solid #78d3ff;outline-offset:2px}#box-designer-app .view-theme-option.active[data-view-theme=day]{color:#8a5b16;background:#fff5cf;box-shadow:0 3px 10px #8a5b1629}#box-designer-app .view-theme-option.active[data-view-theme=night]{color:#d8f2ff;background:#203457;box-shadow:0 3px 12px #0000003d}#box-designer-app .viewport-container.is-night .view-theme-switch{border-color:#78d3ff38;background:#1b2030db;box-shadow:0 12px 32px #00000057}#box-designer-app .viewport-container.is-night .view-theme-option{color:#95a3b8}#box-designer-app .viewport-container.is-night .view-theme-option:hover{color:#e8f7ff}#box-designer-app .floating-instructions{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#ffffffd6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(32,52,87,.13);padding:8px 16px;border-radius:10px;font-size:11px;color:#5f6b7a;pointer-events:none;box-shadow:0 12px 30px #23304221;transition:background .25s ease,border-color .25s ease,color .25s ease}#box-designer-app .viewport-container.is-night .floating-instructions{background:#1b2030d9;border-color:var(--panel-border);color:var(--text-secondary);box-shadow:0 17px 42px #00000040}#box-designer-app .box-summary-card{position:absolute;top:20px;right:20px;background:#ffffffdb;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(32,52,87,.13);border-radius:17px;padding:14px 18px;width:320px;box-shadow:0 14px 36px #23304224;pointer-events:auto;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}#box-designer-app .viewport-container.is-night .box-summary-card{background:var(--panel-bg);border-color:var(--panel-border);box-shadow:0 17px 42px #00000040}#box-designer-app .box-summary-card h3{font-family:var(--font-heading);font-size:14px;font-weight:600;margin-bottom:10px;color:#1f2937;letter-spacing:.5px;border-bottom:1px solid rgba(32,52,87,.12);padding-bottom:6px}#box-designer-app .viewport-container.is-night .box-summary-card h3{color:#f3f4f6;border-bottom-color:var(--panel-border)}#box-designer-app .summary-grid{display:grid;grid-template-columns:110px 1fr;row-gap:8px}#box-designer-app .summary-item{display:contents}#box-designer-app .sum-label{color:#667085;font-size:12px}#box-designer-app .sum-val{font-weight:600;color:#182230;font-size:12px;white-space:nowrap}#box-designer-app .viewport-container.is-night .sum-label{color:var(--text-secondary)}#box-designer-app .viewport-container.is-night .sum-val{color:#fff}#box-designer-app .info-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}#box-designer-app .info-popup-overlay.active{opacity:1;pointer-events:auto}#box-designer-app .info-popup-window{background:#111827;border:1px solid var(--panel-border);width:95%;max-width:650px;max-height:85vh;border-radius:20px;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080;transform:scale(.95);transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative}#box-designer-app .info-popup-overlay.active .info-popup-window{transform:scale(1)}#box-designer-app .info-popup-close-btn{position:absolute;top:15px;right:15px;background:#ffffff0d;border:1px solid var(--panel-border);color:var(--text-secondary);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}#box-designer-app .info-popup-close-btn:hover{background:#ffffff26;color:#fff}#box-designer-app .info-popup-content{padding:30px;color:#dbe2ef;font-family:var(--font-main);font-size:14px;line-height:1.6}#box-designer-app .info-popup-header h2{font-family:var(--font-heading);font-size:22px;font-weight:700;color:#fff;margin-bottom:8px}#box-designer-app .info-popup-header p{color:var(--text-secondary);margin-bottom:24px;font-size:14px}#box-designer-app .info-popup-section{margin-bottom:20px}#box-designer-app .info-popup-section h3{font-family:var(--font-heading);font-size:16px;font-weight:600;color:var(--accent-cyan);margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:4px}#box-designer-app .info-popup-section p{margin-bottom:10px}#box-designer-app .info-popup-section ol{padding-left:20px;margin-bottom:10px}#box-designer-app .info-popup-section li{margin-bottom:6px}#box-designer-app .info-popup-warning{background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:12px 16px;border-radius:12px}#box-designer-app .info-popup-warning h3{color:#f87171;border:none;padding:0;margin-bottom:4px}#box-designer-app .info-popup-section a{color:var(--accent-cyan);text-decoration:none;font-weight:600}#box-designer-app .info-popup-section a:hover{text-decoration:underline}#box-designer-app .info-popup-footer{margin-top:30px;border-top:1px solid rgba(255,255,255,.05);padding-top:15px;text-align:center;font-size:12px;color:var(--text-secondary)}#box-designer-app:not(.is-night){--bg-dark: #ffffff;--panel-bg: rgba(255, 255, 255, .98);--panel-border: #ded5d3;--text-primary: #280a0a;--text-secondary: #746563;--accent-blue: #280a0a;--accent-cyan: #280a0a;--accent-gradient: #280a0a;--accent-glow: rgba(40, 10, 10, .14);--color-x: #8f2d2d;--color-y: #71605f;--color-z: #280a0a;--input-bg: #ffffff;--input-border: #d9cfcd;--input-focus: #280a0a;background:#fff;color:#280a0a}#box-designer-app:not(.is-night) .viewport-container{background:radial-gradient(circle at 88% 82%,rgba(40,10,10,.055) 0,transparent 31%),radial-gradient(circle at 18% 92%,rgba(113,95,94,.1) 0,transparent 38%),linear-gradient(180deg,#fff 0% 23%,#fbf9f8 58%,#f1eceb)}#box-designer-app:not(.is-night) .sidebar{background:linear-gradient(180deg,#fff,#fbf9f8 58%,#f5f0ef);border-right-color:#ded5d3;box-shadow:10px 0 30px #280a0a12;-webkit-backdrop-filter:none;backdrop-filter:none}#box-designer-app:not(.is-night) .app-header{background:#fffffff5;border-bottom-color:#e6dedc}#box-designer-app:not(.is-night) .logo-icon{background:#280a0a;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 7px rgba(40,10,10,.14))}#box-designer-app:not(.is-night) .logo h1{background:none;color:#280a0a;-webkit-text-fill-color:#280a0a}#box-designer-app:not(.is-night) .subtitle{color:#756664}#box-designer-app:not(.is-night) .control-group{background:#ffffffeb;border-color:#ded5d3;box-shadow:0 10px 28px #280a0a0e}#box-designer-app:not(.is-night) .control-group:hover{border-color:#b9aaa7;box-shadow:0 13px 31px #280a0a13}#box-designer-app:not(.is-night) .control-group h2{color:#321111}#box-designer-app:not(.is-night) .control-group h2 i{color:#280a0a}#box-designer-app:not(.is-night) .label-text,#box-designer-app:not(.is-night) .compact-row label,#box-designer-app:not(.is-night) .field-desc,#box-designer-app:not(.is-night) .slider-with-icons i,#box-designer-app:not(.is-night) .unit-label,#box-designer-app:not(.is-night) .combobox-container .unit-label{color:#756664}#box-designer-app:not(.is-night) .segmented-control{background:#f2eceb;border-color:#ddd2d0}#box-designer-app:not(.is-night) .segment-btn{color:#6e5f5d}#box-designer-app:not(.is-night) .segment-btn:hover:not(.active){color:#280a0a;background:#280a0a0e}#box-designer-app:not(.is-night) .segment-btn.active{background:#280a0a;color:#fff;box-shadow:0 3px 10px #280a0a33}#box-designer-app:not(.is-night) .input-with-unit,#box-designer-app:not(.is-night) .combobox-container{background:#fff;border-color:#d9cfcd;box-shadow:0 2px 6px #280a0a06}#box-designer-app:not(.is-night) .input-with-unit:focus-within,#box-designer-app:not(.is-night) .combobox-container:focus-within{border-color:#280a0a;box-shadow:0 0 0 3px #280a0a1a}#box-designer-app:not(.is-night) .input-with-unit input,#box-designer-app:not(.is-night) .combobox-container input{color:#280a0a}#box-designer-app:not(.is-night) .combobox-separator{background:#ddd2d0}#box-designer-app:not(.is-night) .combobox-arrow{color:#746563}#box-designer-app:not(.is-night) .thickness-select-overlay option{background:#fff;color:#280a0a}#box-designer-app:not(.is-night) .slider{background:#ddd4d2}#box-designer-app:not(.is-night) .slider::-webkit-slider-thumb{background:#fff;border:2px solid #280a0a;box-shadow:0 2px 7px #280a0a33,0 0 0 4px #280a0a14}#box-designer-app:not(.is-night) .slider::-webkit-slider-thumb:hover{background:#280a0a;box-shadow:0 3px 11px #280a0a42,0 0 0 4px #280a0a1c}#box-designer-app:not(.is-night) .slider::-moz-range-track{height:6px;border-radius:3px;background:#ddd4d2}#box-designer-app:not(.is-night) .slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #280a0a;box-shadow:0 2px 7px #280a0a33}#box-designer-app:not(.is-night) .check{color:#3a2020}#box-designer-app:not(.is-night) .check input{accent-color:#280a0a}#box-designer-app:not(.is-night) .badge{background:#fff;border-color:#d9cfcd;color:#280a0a!important}#box-designer-app:not(.is-night) .preset-btn{background:#fff;border-color:#d9cfcd;color:#746563}#box-designer-app:not(.is-night) .preset-btn:hover{background:#f5efee;border-color:#b9aaa7;color:#280a0a}#box-designer-app:not(.is-night) .preset-btn.active{background:#f2e9e8;border-color:#280a0a;color:#280a0a}#box-designer-app:not(.is-night) .joint-option{background:#f7f1f0;border-color:#d7cac8;color:#280a0a}#box-designer-app:not(.is-night) .joint-option i{color:#280a0a;filter:none}#box-designer-app:not(.is-night) .joint-option span{color:#746563}#box-designer-app:not(.is-night) .btn-primary{background:#280a0a;color:#fff;box-shadow:0 6px 16px #280a0a29}#box-designer-app:not(.is-night) .btn-primary:hover{background:#3a1010;filter:none}#box-designer-app:not(.is-night) .btn-secondary{background:#fff;border-color:#d4c8c6;color:#280a0a}#box-designer-app:not(.is-night) .btn-secondary:hover{background:#f4eeed;border-color:#a99491;color:#280a0a;filter:none}#box-designer-app:not(.is-night) #btn-about{background:#fff!important;border-color:#d4c8c6!important;color:#280a0a!important;box-shadow:0 5px 14px #280a0a0b}#box-designer-app:not(.is-night) #btn-about:hover{background:#f4eeed!important;border-color:#a99491!important}#box-designer-app:not(.is-night) .view-theme-switch{background:#ffffffeb;border-color:#ddd2d0;box-shadow:0 10px 28px #280a0a1a}#box-designer-app:not(.is-night) .view-theme-option{color:#897a78}#box-designer-app:not(.is-night) .view-theme-option:hover{color:#280a0a}#box-designer-app:not(.is-night) .view-theme-option:focus-visible{outline-color:#280a0a}#box-designer-app:not(.is-night) .view-theme-option.active[data-view-theme=day]{color:#fff;background:#280a0a;box-shadow:0 3px 10px #280a0a38}#box-designer-app:not(.is-night) .floating-instructions,#box-designer-app:not(.is-night) .box-summary-card{background:#ffffffe8;border-color:#ddd2d0;box-shadow:0 12px 32px #280a0a17}#box-designer-app:not(.is-night) .floating-instructions{color:#6d5e5c}#box-designer-app:not(.is-night) .box-summary-card h3{color:#280a0a;border-bottom-color:#e2d8d6}#box-designer-app:not(.is-night) .sum-label{color:#756664}#box-designer-app:not(.is-night) .sum-val{color:#280a0a}#box-designer-app:not(.is-night) .info-popup-overlay{background:#280a0a33;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}#box-designer-app:not(.is-night) .info-popup-window{background:#fff;border-color:#ddd2d0;box-shadow:0 26px 70px #280a0a38}#box-designer-app:not(.is-night) .info-popup-close-btn{background:#f7f2f1;border-color:#ddd2d0;color:#5f4f4d}#box-designer-app:not(.is-night) .info-popup-close-btn:hover{background:#280a0a;border-color:#280a0a;color:#fff}#box-designer-app:not(.is-night) .info-popup-content{color:#3d2928}#box-designer-app:not(.is-night) .info-popup-header h2{color:#280a0a}#box-designer-app:not(.is-night) .info-popup-header p{color:#746563}#box-designer-app:not(.is-night) .info-popup-section h3{color:#280a0a;border-bottom-color:#e8dfdd}#box-designer-app:not(.is-night) .info-popup-section a{color:#280a0a;text-decoration-color:#280a0a4d}#box-designer-app:not(.is-night) .info-popup-warning{background:#f7eeee;border-color:#dfcecc}#box-designer-app:not(.is-night) .info-popup-warning h3{color:#651d1d}#box-designer-app:not(.is-night) .info-popup-footer{border-top-color:#e8dfdd;color:#786967}#box-designer-app:not(.is-night) ::-webkit-scrollbar-thumb{background:#280a0a33}#box-designer-app:not(.is-night) ::-webkit-scrollbar-thumb:hover{background:#280a0a52}#box-designer-app{--vp-generator-height: 100dvh;width:100%;max-width:none;height:var(--vp-generator-height);min-height:620px;margin:0;position:relative;overflow:hidden;background:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;color:#f3f6fc;-webkit-font-smoothing:antialiased;isolation:isolate}#box-designer-app .app-container,#box-designer-app .viewport-container,#box-designer-app canvas{width:100%;max-width:100%}#box-designer-app .vp-brand-curtain{position:absolute;top:0;left:50%;z-index:40;transform:translate(-50%);display:flex;align-items:center;gap:12px;min-width:430px;padding:8px 10px 10px;background:#fffffff7;border:1px solid #d9cecc;border-top:0;border-radius:0 0 20px 20px;box-shadow:0 14px 38px #280a0a29;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}#box-designer-app .vp-brand-home{display:flex;align-items:center;gap:9px;min-width:0;color:#280a0a;text-decoration:none}#box-designer-app .vp-brand-logo{width:44px;height:44px;flex:0 0 44px;display:block;object-fit:cover;object-position:center;border-radius:50%;border:1px solid rgba(40,10,10,.32);box-shadow:0 5px 14px #280a0a29;background:#fff}#box-designer-app .vp-brand-copy{display:flex;flex-direction:column;min-width:0;line-height:1.1}#box-designer-app .vp-brand-copy strong{color:#280a0a;font-size:14px;font-weight:800;letter-spacing:-.2px;white-space:nowrap}#box-designer-app .vp-brand-copy small{margin-top:3px;color:#7e6b68;font-size:10px;font-weight:600;letter-spacing:.35px;text-transform:uppercase;white-space:nowrap}#box-designer-app .vp-brand-home:hover .vp-brand-copy strong{text-decoration:underline;text-underline-offset:3px}#box-designer-app .vp-curtain-divider{width:1px;height:30px;flex:0 0 1px;margin:0 1px 0 auto;background:#e6dcda}#box-designer-app .vp-brand-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;margin-left:0;padding:0 15px;border:1px solid #280a0a;border-radius:999px;background:#280a0a;color:#fff;font-size:12px;font-weight:750;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:0 7px 18px #280a0a33;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}#box-designer-app .vp-cta-short{display:none}#box-designer-app .vp-brand-cta:hover{transform:translateY(-1px);background:#431010;box-shadow:0 10px 22px #280a0a42}#box-designer-app .vp-brand-cta.secondary{border-color:#d9cecc;background:#fffaf9;color:#4a2320;box-shadow:none}#box-designer-app .vp-brand-cta.secondary:hover{background:#f7ecea;border-color:#cbb9b6;box-shadow:none}#box-designer-app .vp-brand-cta:focus-visible,#box-designer-app .vp-brand-home:focus-visible{outline:3px solid rgba(101,29,29,.25);outline-offset:3px}@media(max-width:749px){#box-designer-app{min-height:720px}#box-designer-app .vp-brand-curtain{width:calc(100% - 24px);min-width:0;gap:8px;padding:7px 8px 9px;border-radius:0 0 16px 16px}#box-designer-app .vp-brand-logo{width:38px;height:38px;flex-basis:38px}#box-designer-app .vp-brand-copy small{display:none}#box-designer-app .vp-brand-copy strong{font-size:12px}#box-designer-app .vp-curtain-divider{height:26px;margin-right:0}#box-designer-app .vp-brand-cta{flex:1 1 0;min-width:0;min-height:34px;padding:0 8px;font-size:11px}#box-designer-app .vp-brand-cta .vp-cta-long{display:none}#box-designer-app .vp-brand-cta .vp-cta-short{display:inline}#box-designer-app .view-theme-switch{top:72px;left:12px}#box-designer-app .box-summary-card{top:72px;right:12px;width:min(290px,calc(100% - 98px))}}#box-designer-app .mobile-summary-toggle,#box-designer-app .mobile-help-text{display:none}@media(max-width:749px){html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%}#box-designer-app{--sidebar-width: 100%;width:100%;height:var(--vp-generator-height, 100svh);min-height:0!important;overflow:hidden}#box-designer-app .app-container{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden}#box-designer-app .viewport-container{order:1;flex:0 0 42%;width:100%;min-width:0;min-height:250px;height:42%;overflow:hidden;border-bottom:1px solid var(--panel-border)}#box-designer-app #canvas-holder,#box-designer-app #canvas-holder canvas{width:100%!important;height:100%!important;display:block;touch-action:none}#box-designer-app .sidebar{order:2;flex:1 1 auto;width:100%;min-width:0;height:auto;min-height:0;border-right:0;border-top:1px solid var(--panel-border);box-shadow:0 -12px 30px #00000047;overflow:hidden}#box-designer-app .app-header{flex:0 0 auto;padding:10px 12px 8px}#box-designer-app .logo{gap:8px}#box-designer-app .logo-icon{font-size:18px}#box-designer-app .logo h1{font-size:16px;letter-spacing:-.35px}#box-designer-app .subtitle{margin-top:3px;font-size:9.5px;line-height:1.35}#box-designer-app .controls-wrapper{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:9px 10px max(18px,env(safe-area-inset-bottom));gap:8px;scroll-padding-bottom:24px}#box-designer-app .control-group{padding:10px;border-radius:14px;box-shadow:0 8px 22px #0000002e}#box-designer-app .control-group h2{margin-bottom:9px;font-size:12.5px}#box-designer-app .toggle-container{gap:9px}#box-designer-app .label-text,#box-designer-app .compact-row label{font-size:12px}#box-designer-app .segmented-control{width:148px;min-height:38px;border-radius:11px}#box-designer-app .segment-btn{min-height:32px;padding:7px 2px;font-size:11px;touch-action:manipulation}#box-designer-app .compact-row{gap:8px;margin-bottom:9px}#box-designer-app .compact-row label{width:76px;line-height:1.25}#box-designer-app .input-with-unit{width:78px;min-height:39px;height:39px;padding:7px 8px}#box-designer-app .input-with-unit input,#box-designer-app .combobox-container input{font-size:13px}#box-designer-app .combobox-container{min-height:39px;height:39px}#box-designer-app .slider{height:7px}#box-designer-app .slider::-webkit-slider-thumb{width:20px;height:20px}#box-designer-app .slider::-moz-range-thumb{width:18px;height:18px}#box-designer-app .check{min-height:34px;font-size:11.5px;line-height:1.25;touch-action:manipulation}#box-designer-app .check input{width:18px;height:18px;flex:0 0 18px}#box-designer-app .btn{min-height:42px;touch-action:manipulation}#box-designer-app #btn-svg,#box-designer-app #btn-dxf,#box-designer-app #btn-about{min-height:42px;font-size:12px!important}#box-designer-app .vp-brand-curtain{top:0;width:calc(100% - 16px);max-width:430px;min-width:0;gap:7px;padding:6px 7px 8px;border-radius:0 0 15px 15px}#box-designer-app .vp-brand-logo{width:36px;height:36px;flex-basis:36px}#box-designer-app .vp-brand-copy strong{font-size:11.5px}#box-designer-app .vp-brand-copy small{display:none}#box-designer-app .vp-brand-cta{min-height:34px;padding:0 10px;font-size:10.5px}#box-designer-app .vp-brand-cta .vp-cta-long{display:none}#box-designer-app .vp-brand-cta .vp-cta-short{display:inline}#box-designer-app .view-theme-switch{top:58px;left:8px;padding:2px}#box-designer-app .view-theme-option{width:32px;height:29px}#box-designer-app .mobile-summary-toggle{position:absolute;top:58px;right:8px;z-index:36;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:33px;padding:0 10px;border:1px solid rgba(120,211,255,.22);border-radius:999px;background:#1b2030e0;color:#dce9f6;box-shadow:0 8px 20px #00000047;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:700 10.5px/1 var(--font-main);cursor:pointer;touch-action:manipulation}#box-designer-app:not(.is-night) .mobile-summary-toggle{border-color:#ddd2d0;background:#ffffffed;color:#280a0a;box-shadow:0 8px 20px #280a0a1c}#box-designer-app .box-summary-card{top:98px;right:8px;z-index:35;width:min(310px,calc(100% - 16px));padding:12px 14px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}#box-designer-app .box-summary-card.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}#box-designer-app .box-summary-card h3{margin-bottom:8px;font-size:12.5px}#box-designer-app .summary-grid{grid-template-columns:104px minmax(0,1fr);row-gap:6px}#box-designer-app .sum-label,#box-designer-app .sum-val{font-size:10.5px}#box-designer-app .floating-instructions{bottom:7px;max-width:calc(100% - 16px);padding:6px 10px;border-radius:999px;font-size:9.5px;line-height:1.2;white-space:nowrap}#box-designer-app .desktop-help-text{display:none}#box-designer-app .mobile-help-text{display:inline}#box-designer-app .info-popup-overlay{padding:10px;align-items:flex-end}#box-designer-app .info-popup-window{width:100%;max-width:none;max-height:min(88svh,720px);border-radius:20px 20px 10px 10px}#box-designer-app .info-popup-content{padding:24px 18px max(22px,env(safe-area-inset-bottom));font-size:13px}#box-designer-app .info-popup-header h2{padding-right:40px;font-size:19px}}@media(max-width:390px){#box-designer-app .viewport-container{flex-basis:40%;height:40%;min-height:225px}#box-designer-app .vp-brand-copy strong{font-size:10.5px}#box-designer-app .vp-brand-cta{padding:0 9px}#box-designer-app .compact-row label{width:69px;font-size:11px}#box-designer-app .input-with-unit{width:72px}#box-designer-app .segmented-control{width:142px}}@media(max-width:950px)and (max-height:560px)and (orientation:landscape){#box-designer-app{min-height:0!important}#box-designer-app .app-container{flex-direction:row}#box-designer-app .sidebar{order:1;flex:0 0 min(47vw,390px);width:min(47vw,390px);height:100%;border-top:0;border-right:1px solid var(--panel-border);box-shadow:10px 0 30px #0000004d}#box-designer-app .viewport-container{order:2;flex:1 1 auto;width:auto;height:100%;min-height:0;border-bottom:0}#box-designer-app .app-header{padding:8px 10px 7px}#box-designer-app .subtitle{display:none}#box-designer-app .controls-wrapper{padding:7px 8px max(10px,env(safe-area-inset-bottom))}#box-designer-app .vp-brand-curtain{width:calc(100% - 12px)}}[hidden]{display:none!important}.vp-skip-link{position:fixed;top:8px;left:8px;z-index:10000;padding:10px 14px;border-radius:9px;background:#fff;color:#280a0a;font:700 14px/1.2 Inter,system-ui,sans-serif;box-shadow:0 8px 24px #00000040;transform:translateY(-160%);transition:transform .15s ease}.vp-skip-link:focus{transform:translateY(0)}.vp-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}#box-designer-app .seo-meta-line{margin-top:8px;color:var(--text-secondary);font-size:12px}#box-designer-app .seo-trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin-top:10px}#box-designer-app .seo-trust-grid p,#box-designer-app .seo-resource-note{margin:0}#box-designer-app .seo-link-list,#box-designer-app .seo-social-links,#box-designer-app .seo-share-links{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:9px}#box-designer-app .seo-link-list a,#box-designer-app .seo-social-links a,#box-designer-app .seo-share-links a{display:inline-flex;align-items:center;gap:6px}#box-designer-app .info-popup-section address{margin-top:10px;color:inherit;font-style:normal}#box-designer-app .subtitle,#box-designer-app .floating-instructions,#box-designer-app .vp-brand-copy small{font-size:12px}@media(max-width:749px){#box-designer-app .vp-brand-copy strong,#box-designer-app .vp-brand-cta,#box-designer-app .mobile-summary-toggle,#box-designer-app .sum-label,#box-designer-app .sum-val{font-size:12px}#box-designer-app .seo-trust-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/vp-box-designer.css.map */