:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2923;background:#eef2ec;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,input,select,textarea{font:inherit}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #3f6765;outline-offset:2px}.app-shell{--plastic-high: #ffffff;--plastic: #edf0ec;--plastic-mid: #dfe3df;--plastic-low: #b9bfba;--cavity: #cdd2ce;--cavity-dark: #aeb5b0;--graphite: #252b28;--muted: #69716c;--walnut: #9c6033;--walnut-dark: #653719;--green: #20bd75;--green-dark: #0b8750;--screen: #202824;--danger: #a63b35;--contact-shadow: rgba(29, 34, 31, .32);min-height:100vh;overflow:hidden;background:#d7c1a5;color:var(--graphite)}.workspace{position:relative;width:100%;height:100vh;min-height:0}.canvas-stage{position:absolute;inset:0;min-width:0;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 43%),linear-gradient(180deg,#d8c6ae 0 56%,#c78348 56% 100%)}.canvas-stage canvas{position:relative;z-index:2;touch-action:none}.canvas-fallback{position:relative;z-index:2;display:grid;min-height:100%;place-items:center;color:var(--muted)}.room-backdrop{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.room-backdrop:before{position:absolute;right:0;bottom:0;left:0;height:44%;content:"";background:repeating-linear-gradient(90deg,rgba(118,64,25,.2) 0 1px,transparent 1px 88px),linear-gradient(180deg,#d9a36a,#c4773d);transform:perspective(900px) rotateX(58deg);transform-origin:bottom}.room-backdrop:after{position:absolute;top:0;right:0;left:0;height:57%;content:"";background:linear-gradient(180deg,#dbc8af,#cdb598)}.room-window{position:absolute;z-index:2;top:7%;width:clamp(74px,7vw,118px);height:clamp(134px,16vw,190px);border:9px solid rgba(255,255,255,.84);border-bottom-width:13px;background:linear-gradient(90deg,transparent 48%,rgba(255,255,255,.72) 48% 53%,transparent 53%),linear-gradient(180deg,transparent 47%,rgba(255,255,255,.74) 47% 52%,transparent 52%),#dfe9e6;box-shadow:0 14px 18px #4a342124}.room-window-left{left:28%}.room-window-right{right:22%}.room-sofa{position:absolute;z-index:2;bottom:24%;height:clamp(84px,11vw,150px);border-radius:24px 24px 6px 6px;box-shadow:inset 0 20px 22px #ffffff2e,0 18px 28px #522f1e2e}.room-sofa:before,.room-sofa:after{position:absolute;top:18%;bottom:13%;width:14px;content:"";border-radius:7px;background:#4832251f}.room-sofa:before{left:28%}.room-sofa:after{right:28%}.room-sofa-mint{left:-4%;width:28%;background:linear-gradient(180deg,#97ded4,#77c7bd)}.room-sofa-rust{right:-4%;width:44%;background:linear-gradient(180deg,#d88767,#b86348)}.room-table{position:absolute;right:17%;bottom:20%;z-index:3;width:26%;height:clamp(56px,8vw,100px);border-radius:8px;background:linear-gradient(180deg,#dba35f,#b97636);box-shadow:0 22px 32px #4a291533}.room-vase{position:absolute;right:13%;bottom:29%;z-index:4;width:clamp(30px,3vw,48px);height:clamp(70px,8vw,112px);border-radius:18px 18px 10px 10px;background:linear-gradient(90deg,#111,#3a3630 50%,#111)}.control-console{position:absolute;left:50%;bottom:30px;z-index:12;width:min(1420px,calc(100vw - 44px));height:min(44vh,420px);min-height:340px;display:grid;grid-template-rows:64px minmax(0,1fr);border:2px solid rgba(255,255,255,.96);border-radius:28px 28px 34px 34px;background:linear-gradient(145deg,#ffffffdb,#d3d8d4c7);box-shadow:0 2px #fff,0 17px 0 -5px #aab0ab,0 34px 48px var(--contact-shadow),inset 8px 8px 18px #fffffff0,inset -8px -8px 20px #969d976b;transform:translate(-50%) perspective(1500px) rotateX(1.2deg);transform-origin:center bottom;isolation:isolate;-webkit-backdrop-filter:blur(5px) saturate(1.08);backdrop-filter:blur(5px) saturate(1.08)}.control-console:before{position:absolute;inset:7px;z-index:-1;content:"";border:1px solid rgba(255,255,255,.86);border-radius:22px 22px 28px 28px;box-shadow:inset 0 0 0 1px #878e8933;pointer-events:none}.control-console:after{position:absolute;right:24px;bottom:-20px;left:24px;z-index:-2;height:34px;content:"";border:1px solid #a7ada8;border-radius:0 0 32px 32px;background:linear-gradient(180deg,#d1d5d1,#aeb4af 72%,#8f9691);box-shadow:0 16px 26px #1c201d47}.console-rail{position:relative;display:grid;grid-template-columns:168px minmax(190px,1fr) auto;align-items:center;gap:22px;margin:9px 11px 0;padding:8px 14px;border:1px solid rgba(255,255,255,.82);border-left:5px solid var(--walnut);border-radius:18px 18px 7px 7px;background:linear-gradient(115deg,#ffffffc2,#e7efeb8a),#e6ede980;box-shadow:0 5px #979f99b8,0 9px 18px #2b322e2e,inset 0 1px 1px #ffffffeb,inset 0 -1px 1px #656f6833;-webkit-backdrop-filter:blur(18px) saturate(1.24);backdrop-filter:blur(18px) saturate(1.24)}.console-brand{min-width:0;display:grid;align-content:center;padding-left:4px;color:var(--graphite)}.console-brand span{font-size:9px;font-weight:900;letter-spacing:0}.console-brand strong{font-size:19px;line-height:1.05;letter-spacing:0}.console-context{min-width:0;display:grid;gap:2px;color:var(--muted)}.console-context span{font-size:9px;font-weight:800}.console-context strong{color:var(--graphite);font-size:13px;line-height:1.1}.console-status{display:flex;align-items:center;justify-content:flex-end;gap:8px}.status-display{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 11px;border:1px solid #c7cbc7;border-radius:9px;background:linear-gradient(145deg,#fff,#dfe3df);box-shadow:0 5px #aeb4af,0 8px 12px #35241838,inset 1px 1px 1px #fff;color:#49504c;font-size:11px;font-weight:850;white-space:nowrap}.status-display-green{border-color:#08794a;background:linear-gradient(145deg,#38d68b,#149f61);box-shadow:0 5px #087345,0 8px 12px #35241838,inset 1px 1px 1px #ffffff73;color:#fff}.console-body{min-height:0;display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(410px,1.2fr) minmax(280px,.75fr);gap:12px;padding:17px 18px 21px;overflow:hidden}.desktop-panel{min-height:0;border:1px solid rgba(255,255,255,.86);border-radius:14px;background:linear-gradient(145deg,#e1e5e1,#c9ceca);box-shadow:inset 5px 5px 10px #8f96907a,inset -4px -4px 9px #ffffffdb,0 1px #ffffffe6}.desktop-panel{overflow:auto;scrollbar-color:#858c87 transparent;scrollbar-width:thin}.desktop-panel-center{display:grid;grid-template-columns:minmax(168px,.78fr) minmax(214px,1.22fr)}.glass-panel{border-color:#ffffffc7;background:linear-gradient(125deg,#fff9,#dbe7e16b),#e1ebe661;box-shadow:inset 1px 1px 1px #ffffffe6,inset -2px -2px 8px #5b6c6329,0 8px 18px #323d371f;-webkit-backdrop-filter:blur(16px) saturate(1.18);backdrop-filter:blur(16px) saturate(1.18)}.desktop-panel-center .panel-section:first-child{border-right:1px solid rgba(145,152,146,.42)}.panel-section{min-height:0;padding:14px}.desktop-panel-center .panel-section{overflow:auto}.glass-panel .spec-grid div,.glass-panel .empty-state,.output-box{border-color:#ffffffa3;background:#ebf2ee7a;box-shadow:inset 1px 1px 1px #ffffffd1,inset 3px 3px 8px #58685f29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-heading{margin-bottom:12px}.panel-heading h2{margin:0;font-size:16px;line-height:1.15;letter-spacing:0}.compact-heading{margin-bottom:10px}.summary-heading{margin-bottom:12px}.eyebrow{margin:0 0 3px;color:var(--walnut-dark);font-size:9px;font-weight:900;letter-spacing:0;text-transform:uppercase}.module-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.module-card,.swatch,.mini-swatch,.tool-button{border:1px solid #bec4bf;background:linear-gradient(145deg,#fff,#dfe3df);box-shadow:0 5px #aeb4af,0 8px 12px #40464233,inset 1px 1px 1px #fff;color:var(--graphite);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.module-card{position:relative;min-width:0;min-height:142px;display:grid;grid-template-rows:66px auto;gap:8px;padding:9px;border-radius:8px;cursor:pointer;text-align:left}.module-card:hover,.swatch:hover,.mini-swatch:not(:disabled):hover,.tool-button:hover{border-color:#7fae96;transform:translateY(-2px);box-shadow:0 7px #9fa6a1,0 11px 15px #4046423b,inset 1px 1px 1px #fff}.module-card:active,.swatch:active,.mini-swatch:not(:disabled):active,.tool-button:active{transform:translateY(4px);box-shadow:0 1px #9ca39e,0 3px 5px #40464233,inset 3px 3px 6px #838b853d}.module-card-visual{height:66px;display:grid;place-items:end center;overflow:hidden;border:1px solid #bcc2bd;border-radius:6px;background:radial-gradient(ellipse at 50% 86%,rgba(32,189,117,.42),transparent 44%),linear-gradient(180deg,#d8dcd9,#f5f6f4);box-shadow:inset 3px 4px 7px #757d7740,inset -2px -2px 5px #fff}.module-card-visual span{height:34px;max-width:72px;border:1px solid rgba(83,55,33,.18);border-radius:4px 4px 2px 2px;background:linear-gradient(90deg,#ad7b4e,#c79b6b 50%,#a87243);box-shadow:inset 0 -7px #34231621,0 5px 7px #2d312e40}.module-card-copy{min-width:0;display:grid;align-content:start;gap:2px;padding-right:28px}.module-card-copy strong{font-size:12px;line-height:1.12;overflow-wrap:anywhere}.module-card-copy small{color:var(--muted);font-size:9px;line-height:1.2}.icon-button,.tool-button{min-width:34px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.module-card .icon-button{position:absolute;right:9px;bottom:10px}.icon-button-muted{border:1px solid #72c89f;border-radius:50%;background:linear-gradient(145deg,#52dfa0,#19aa68);box-shadow:0 3px #087849,0 5px 8px #205d3f45,inset 1px 1px 1px #ffffff8c;color:#fff}.swatch-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.swatch,.mini-swatch{cursor:pointer}.swatch{min-height:58px;display:grid;gap:5px;justify-items:center;padding:7px 5px;border-radius:8px}.swatch span{width:32px;height:23px;border:1px solid rgba(31,41,35,.2);border-radius:5px;box-shadow:inset 0 2px 2px #fff6,0 2px 3px #292e2a33}.swatch small{color:var(--muted);font-size:10px}.swatch.is-active,.mini-swatch.is-active{border-color:var(--green-dark);background:linear-gradient(145deg,#d8f5e7,#b8dccb);box-shadow:0 2px #80a691,0 4px 7px #4046422e,inset 4px 4px 8px #337f5933;transform:translateY(3px)}.selected-finish{margin-top:14px}.selected-finish p{margin:0 0 9px;color:var(--muted);font-size:11px;font-weight:800}.swatch-row{display:flex;flex-wrap:wrap;gap:8px}.mini-swatch{width:34px;height:34px;padding:5px;border-radius:8px}.mini-swatch span{display:block;width:100%;height:100%;border-radius:4px}.mini-swatch:disabled{cursor:not-allowed;opacity:.42}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 13px}.spec-grid div{min-width:0;display:grid;gap:3px;padding:9px;border:1px solid #aab1ac;border-radius:7px;background:#c4cac5;box-shadow:inset 3px 3px 6px #67706a66,inset -2px -2px 4px #ffffff94}.spec-grid dt{color:#5f6862;font-size:8px;font-weight:900;letter-spacing:0;text-transform:uppercase}.spec-grid dd{margin:0;font-size:11px;font-weight:780;overflow-wrap:anywhere}.control-grid,.summary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tool-button{padding:9px 8px;border-radius:8px;cursor:pointer;font-size:11px;font-weight:850}.tool-button.danger{color:var(--danger)}.tool-button.primary-action{border-color:#108654;background:linear-gradient(145deg,#47dc97,#159f61);box-shadow:0 5px #087345,0 8px 12px #1863403d,inset 1px 1px 1px #ffffff85;color:#fff}.tool-button.primary-action:hover{border-color:#087345;box-shadow:0 7px #07683f,0 11px 15px #18634047,inset 1px 1px 1px #ffffff85}.empty-state,.empty-line{margin:0;color:var(--muted);font-size:12px}.empty-state{min-height:106px;display:grid;place-items:center;border:1px solid #aeb5b0;border-radius:8px;background:#c4cac5;box-shadow:inset 4px 4px 8px #67706a61,inset -2px -2px 5px #ffffff94}.empty-state p{margin:0}.summary-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.summary-metrics div{min-width:0;display:grid;gap:4px;padding:11px;border:2px solid #5b645f;border-radius:7px;background:linear-gradient(180deg,#27312c,#18201c);box-shadow:inset 4px 5px 8px #0d120f,inset -2px -2px 4px #ffffff14,0 2px #f7f8f6;color:#f6fff9;text-shadow:0 0 5px rgba(111,247,174,.2)}.summary-metrics div+div{border-color:#297454;background:linear-gradient(180deg,#1c7050,#124932)}.summary-metrics span{color:#ecfff5b3;font-size:9px}.summary-metrics strong{font-size:14px;line-height:1.2;overflow-wrap:anywhere}.bom-list{display:grid;gap:6px;max-height:92px;margin:13px 0;overflow:auto}.bom-line{display:flex;justify-content:space-between;gap:9px;padding:7px 3px;border-bottom:1px solid rgba(118,126,120,.35);font-size:10px}.bom-line span{overflow-wrap:anywhere}.bom-line strong{white-space:nowrap}.output-box{display:block;width:100%;max-height:82px;margin-top:10px;overflow:auto;padding:9px;border:1px solid #949d97;border-radius:7px;background:#c5cbc6;box-shadow:inset 3px 3px 6px #60696361,inset -2px -2px 4px #ffffff8c;color:#29322e;font-size:9px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.payload-output{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.mobile-sheet{display:none}button:focus-visible,a:focus-visible{position:relative;z-index:4;outline:3px solid #0f9f60;outline-offset:3px}@media(max-width:1180px){.control-console{width:calc(100vw - 26px)}.console-body{grid-template-columns:minmax(230px,.9fr) minmax(300px,1.15fr) minmax(220px,.82fr);gap:9px;padding-inline:12px}.desktop-panel-center{grid-template-columns:1fr}.desktop-panel-center .panel-section:first-child{border-right:0;border-bottom:1px solid rgba(145,152,146,.42)}.console-context{display:none}.console-rail{grid-template-columns:minmax(150px,1fr) auto}.module-list{grid-template-columns:1fr}.module-card{min-height:116px;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto;align-items:center}.module-card-visual{height:70px}}@media(max-width:860px){.control-console{display:none}.workspace,.canvas-stage{height:100vh}.mobile-sheet{position:fixed;right:9px;bottom:18px;left:9px;z-index:18;max-height:min(340px,43vh);display:grid;grid-template-rows:45px 54px minmax(0,1fr);border:2px solid #fff;border-radius:19px 19px 25px 25px;background:linear-gradient(145deg,#f9faf8e0,#cbd0ccc2);-webkit-backdrop-filter:blur(6px) saturate(1.08);backdrop-filter:blur(6px) saturate(1.08);box-shadow:0 10px 0 -2px #aab0ab,0 24px 38px #1b201d59,inset 5px 5px 10px #fff,inset -5px -5px 10px #8f96905c}.mobile-sheet:after{position:absolute;right:18px;bottom:-15px;left:18px;z-index:-1;height:24px;content:"";border-radius:0 0 24px 24px;background:linear-gradient(180deg,#c5cac6,#969d98);box-shadow:0 10px 18px #1c211e4d}.mobile-console-status{display:grid;grid-template-columns:minmax(84px,1fr) auto auto;align-items:center;gap:6px;margin:6px 7px 0;padding:5px 8px;border:1px solid rgba(255,255,255,.82);border-left:4px solid var(--walnut);border-radius:12px 12px 5px 5px;background:linear-gradient(115deg,#ffffffc2,#e0eae580),#e0e9e475;box-shadow:0 4px #979f99b8,inset 0 1px 1px #ffffffdb;color:var(--graphite);font-size:9px;font-weight:850;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2)}.mobile-console-status>div{display:grid;line-height:1}.mobile-console-status>div span{font-size:7px}.mobile-console-status>div strong{font-size:12px}.mobile-console-status>span{min-height:24px;display:inline-flex;align-items:center;padding:3px 6px;border:1px solid rgba(255,255,255,.7);border-radius:6px;background:linear-gradient(145deg,#fff,#d9ddda);box-shadow:0 3px #a6ada7;color:#3f4742;white-space:nowrap}.mobile-console-status .mobile-total{border-color:#138654;background:linear-gradient(145deg,#45dd97,#159c5f);box-shadow:0 3px #087345;color:#fff}.mobile-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:9px 10px 6px}.mobile-tabs button{min-width:0;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid #bbc1bc;border-radius:8px;background:linear-gradient(145deg,#fff,#dce0dc);box-shadow:0 5px #a7ada8,0 7px 8px #32383438,inset 1px 1px 1px #fff;color:#56605a;cursor:pointer;font-size:10px;font-weight:850;transition:transform .12s ease,box-shadow .12s ease}.mobile-tabs button.is-active{border-color:#1a915c;background:linear-gradient(145deg,#d8f5e7,#a9dbbf);box-shadow:0 1px #6d9e84,inset 4px 4px 7px #2d795338;color:var(--green-dark);transform:translateY(4px)}.mobile-sheet-body{min-height:0;margin:6px 10px 11px;overflow:auto;border:1px solid rgba(255,255,255,.68);border-radius:10px 10px 15px 15px;background:linear-gradient(125deg,#ffffff94,#d7e4dd66),#dde8e257;box-shadow:inset 2px 2px 8px #69726c2e,inset -2px -2px 5px #ffffff94;-webkit-backdrop-filter:blur(18px) saturate(1.16);backdrop-filter:blur(18px) saturate(1.16)}.mobile-sheet .panel-section{padding:12px}.mobile-sheet .panel-heading{display:none}.mobile-sheet .module-list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(255px,76%);gap:11px;overflow-x:auto;padding:2px 3px 8px}.mobile-sheet .module-card{min-height:112px;grid-template-columns:78px minmax(0,1fr) 34px;grid-template-rows:auto;align-items:center;padding:10px}.mobile-sheet .module-card-visual{height:78px}.mobile-sheet .module-card-copy{padding-right:0}.mobile-sheet .module-card-copy strong{font-size:13px}.mobile-sheet .module-card-copy small{font-size:10px}.mobile-sheet .module-card .icon-button{position:static}.mobile-sheet .swatch-group{grid-template-columns:repeat(6,minmax(72px,1fr));overflow-x:auto;padding:2px 3px 8px}.mobile-sheet .spec-grid,.mobile-sheet .summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.mobile-console-status{grid-template-columns:minmax(74px,1fr) auto auto}.mobile-tabs button{gap:3px;font-size:9px}.mobile-tabs button svg{width:15px;height:15px}.mobile-sheet .spec-grid,.mobile-sheet .summary-metrics{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.module-card,.swatch,.mini-swatch,.tool-button,.mobile-tabs button{transition:none}}