*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f0ece6;--surface: #ffffff;--border: #e0dbd3;--text: #1c1c1c;--text-muted: #88837c;--text-light: #b0aba4;--accent: #e8623a;--accent-dark: #d05230;--accent-fg: #ffffff;--dark: #1c1c1c;--radius: 10px;--radius-sm: 6px;--shadow: 0 2px 10px rgba(0,0,0,.08)}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:13px;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:44px;background:var(--dark);color:#fff;flex-shrink:0;z-index:10}.app-logo{font-weight:700;font-size:14px;letter-spacing:.3px}.app-tagline{font-size:10.5px;opacity:.35;letter-spacing:.5px}.app-body{display:grid;grid-template-columns:1fr 340px;flex:1;overflow:hidden}.preview-area{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#dedbd4}.iso-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;overflow:hidden}.cabinet-iso-svg{display:block;max-width:100%;max-height:calc(100vh - 180px)}.price-bar{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:10px 20px;background:#1c1c1cb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-shrink:0}.price-bar-share{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;padding:5px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background .15s}.price-bar-share:hover{background:#fff3}.price-bar-hint{font-size:12px;color:#ffffff80;text-decoration:underline;cursor:pointer}.price-bar-hint:hover{color:#ffffffbf}.price-bar-total{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.3px}.controls-area{background:var(--surface);border-left:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column}.controls-scroll{overflow-y:auto;flex:1;padding:16px 18px;display:flex;flex-direction:column;gap:0}.controls-scroll::-webkit-scrollbar{width:4px}.controls-scroll::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.ctrl-section{padding:14px 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.ctrl-section:last-child{border-bottom:none}.ctrl-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.3px;color:var(--text-light)}.slider-group{display:flex;flex-direction:column;gap:5px}.slider-header{display:flex;justify-content:space-between;align-items:center}.slider-label{font-size:12.5px;font-weight:600;color:#444}.slider-value-box{display:flex;align-items:center;gap:4px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 7px}.slider-value-box input[type=number]{width:54px;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--text);outline:none;text-align:right;-moz-appearance:textfield}.slider-value-box input[type=number]::-webkit-inner-spin-button,.slider-value-box input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.slider-unit{font-size:10px;color:var(--text-light)}.range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--pct, 50%),#ddd var(--pct, 50%),#ddd 100%);outline:none;cursor:pointer}.range-input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 1px 4px #0000002e;cursor:pointer;transition:transform .1s}.range-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--accent);cursor:pointer}.slider-bounds{display:flex;justify-content:space-between;font-size:9.5px;color:var(--text-light);margin-top:-3px}.slider-error{color:#c0392b;font-weight:600}.slider-value-box.error{border-color:#c0392b;background:#fdecea}.slider-value-box.error input{color:#c0392b}.ctrl-row{display:flex;gap:10px}.counter{display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.counter button{width:26px;height:26px;border:none;background:var(--bg);color:#555;font-size:15px;cursor:pointer;transition:background .1s;display:flex;align-items:center;justify-content:center}.counter button:hover:not(:disabled){background:#e8e4de}.counter button:disabled{opacity:.35;cursor:default}.counter span{width:28px;text-align:center;font-size:13px;font-weight:600;border-left:1px solid var(--border);border-right:1px solid var(--border);line-height:26px}.btn-ghost-sm{align-self:flex-start;padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;font-size:11.5px;color:var(--text-muted);cursor:pointer;transition:all .15s}.btn-ghost-sm:hover{background:var(--bg);color:var(--text)}.swatch-picker{display:flex;flex-direction:column;gap:6px}.swatch-row{display:flex;flex-wrap:wrap;gap:7px}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s;box-shadow:0 1px 4px #00000026;padding:0}.swatch:hover{transform:scale(1.1)}.swatch-active{border-color:var(--accent)!important;transform:scale(1.12);box-shadow:0 0 0 3px #e8623a33}.swatch-label{font-size:11px;color:var(--text-muted);min-height:14px}.hw-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.hw-label{font-size:12px;font-weight:600;color:#555;min-width:52px}.toggle-group{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.toggle-btn{padding:5px 10px;border:none;background:transparent;font-size:11.5px;color:var(--text-muted);cursor:pointer;transition:all .15s;white-space:nowrap}.toggle-btn+.toggle-btn{border-left:1px solid var(--border)}.toggle-btn.active{background:var(--dark);color:#fff}.price-section{gap:10px}.price-rows{display:flex;flex-direction:column;gap:7px}.price-row{display:flex;justify-content:space-between}.price-row-label{color:var(--text-muted);font-size:12.5px}.price-row-value{font-weight:500;font-size:12.5px}.price-total{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--dark);padding-top:10px}.price-total span:first-child{font-weight:600}.price-total span:last-child{font-size:18px;font-weight:700}.price-note{font-size:10px;color:var(--text-light);line-height:1.5}.btn-primary{width:100%;padding:11px;background:var(--accent);color:var(--accent-fg);border:none;border-radius:24px;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s;letter-spacing:.2px}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{width:100%;padding:9px;background:var(--dark);color:#fff;border:none;border-radius:24px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s}.btn-secondary:hover{background:#333}.tool-legend{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 12px;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:24px;border:1px solid rgba(255,255,255,.6);box-shadow:0 1px 6px #00000014}.legend-label{font-size:10.5px;color:var(--text-muted);margin-right:2px}.tool-btn{padding:4px 12px;border:1px solid var(--border);border-radius:20px;font-size:12px;cursor:pointer;background:#fff;color:#555;transition:all .15s}.tool-btn:hover{border-color:#aaa;color:var(--text)}.tool-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.field-group{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.field-label{font-size:11.5px;font-weight:600;color:#555}.field-input{padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;background:var(--surface-2);outline:none;transition:border-color .15s;width:100%;font-family:inherit}.field-input:focus{border-color:#999;background:#fff}.field-input--error{border-color:#c0392b!important;background:#fdecea}.field-textarea{resize:vertical;min-height:64px}.field-error{font-size:10.5px;color:#c0392b}.order-price-summary{display:flex;justify-content:space-between;align-items:baseline;background:var(--bg);border-radius:5px;padding:8px 12px;margin-bottom:10px;font-size:13px}.order-price-value{font-size:17px;font-weight:800}.order-error{background:#fdecea;border:1px solid #f5c6cb;border-radius:5px;padding:8px 12px;font-size:12px;color:#c0392b;margin-bottom:10px}.order-note{font-size:10px;color:var(--text-light);margin-top:6px;text-align:center}.order-success{text-align:center;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:8px}.order-success-icon{width:48px;height:48px;border-radius:50%;background:#27ae60;color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.order-success h3{font-size:15px;font-weight:700}.order-success p{font-size:12.5px;color:var(--text-muted)}.view-tabs{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;flex-shrink:0;background:#1c1c1c0d;border-bottom:1px solid rgba(0,0,0,.05)}.view-switch{display:flex;background:#ffffffbf;border:1px solid var(--border);border-radius:20px;overflow:hidden}.view-tab{padding:6px 15px;border:none;background:transparent;font-size:12.5px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s}.view-tab+.view-tab{border-left:1px solid var(--border)}.view-tab.active{background:var(--dark);color:#fff}.ar-launch{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border:none;border-radius:20px;background:var(--accent);color:#fff;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:var(--shadow);transition:background .15s}.ar-launch:hover{background:var(--accent-dark)}.edit-hint{font-size:11px;color:var(--text-muted);line-height:1.5;background:var(--bg);border-radius:6px;padding:8px 10px;margin-bottom:6px}.edit-hint b{color:var(--text)}.cabinet-3d{position:relative;flex:1;min-height:0}.cabinet-3d canvas{display:block;touch-action:none}.loading-3d{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;min-height:320px}.view-hint{position:absolute;left:50%;bottom:10px;transform:translate(-50%);font-size:10.5px;color:var(--text-muted);background:#ffffffd1;padding:4px 11px;border-radius:12px;pointer-events:none;white-space:nowrap}.ar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#11151a;display:flex;flex-direction:column}.ar-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;color:#fff;flex-shrink:0}.ar-title{font-size:13px;font-weight:700;letter-spacing:.3px}.ar-close{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;font-size:16px;cursor:pointer;line-height:1}.ar-close:hover{background:#fff3}.ar-overlay model-viewer{position:relative;flex:1;width:100%;background:linear-gradient(#f4f6f8,#dfe4ea)}.ar-msg{margin:auto;color:#fff;text-align:center;font-size:14px;line-height:1.6;padding:20px}.ar-place-btn{position:absolute;bottom:18px;left:50%;transform:translate(-50%);padding:12px 22px;border:none;border-radius:26px;background:var(--accent);color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #0000004d;white-space:nowrap}.ar-foot{padding:10px 16px;color:#fff9;font-size:11px;text-align:center;flex-shrink:0}@media (max-width: 860px){.cabinet-3d{min-height:340px}.app{height:auto;overflow:auto}.app-body{grid-template-columns:1fr;height:auto}.preview-area{order:1;min-height:320px}.controls-area{order:2;overflow:visible;border-left:none;border-top:1px solid var(--border)}.controls-scroll{overflow:visible;padding:14px}.iso-wrapper{padding:8px}.cabinet-iso-svg{width:100%;height:auto}.tool-legend{overflow-x:auto;flex-wrap:nowrap}.price-bar{flex-wrap:wrap;gap:8px;padding:8px 14px}.price-bar-total{font-size:17px}.ctrl-row{flex-wrap:wrap}}