:root{--gold: #f5a800;--charcoal: #555555;--near-black: #1a1a1a;--white: #ffffff;--panel-bg: #ffffff;--line: #e6e6e6;--muted: #8a8a8a;--bg: #f2f2f2;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 6px 20px rgba(0, 0, 0, .06)}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Montserrat,Helvetica Neue,Arial,sans-serif;color:var(--near-black);background:var(--bg);-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.start-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#1a1a1a8c;display:flex;align-items:center;justify-content:center;padding:20px}.start-card{background:#fff;border-radius:14px;padding:26px 30px 24px;max-width:640px;width:100%;box-shadow:0 20px 60px #0000004d;max-height:92vh;overflow-y:auto}.start-brand{font-size:18px;letter-spacing:1px}.start-brand span{font-weight:300;color:#555}.start-card h2{margin:10px 0 4px;font-size:24px}.start-card>p{color:var(--charcoal);font-size:13px;margin:0 0 8px}.start-card h3{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--charcoal);margin:18px 0 8px}.start-swatches{grid-template-columns:repeat(6,1fr)}.start-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.btn.ghost-dark{background:#ececec;color:var(--near-black)}.btn.ghost-dark:hover{background:#e0e0e0}#topbar{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 18px;background:var(--near-black);color:var(--white);flex:0 0 auto;z-index:10}.brand{display:flex;align-items:baseline;gap:8px}.brand-mark{font-weight:800;letter-spacing:1px;font-size:20px}.brand-sub{font-weight:300;font-size:20px;color:#d9d9d9}.brand-tool{margin-left:14px;padding-left:14px;border-left:2px solid var(--gold);font-weight:500;font-size:13px;letter-spacing:.5px;color:var(--gold);text-transform:uppercase}.topbar-actions{display:flex;gap:8px}.topbar-select{border:none;border-radius:7px;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;background:#ffffff1a;color:var(--white)}.topbar-select option{color:var(--near-black)}.btn{border:none;border-radius:7px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:transform .05s ease,background .15s ease,opacity .15s ease}.btn:active{transform:translateY(1px)}.btn.ghost{background:#ffffff1a;color:var(--white)}.btn.ghost:hover{background:#fff3}.btn.gold{background:var(--gold);color:var(--near-black)}.btn.gold:hover{filter:brightness(1.05)}#workspace{display:flex;flex:1 1 auto;min-height:0}.panel{width:288px;flex:0 0 288px;background:var(--panel-bg);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}#inspector{border-right:none;border-left:1px solid var(--line);overflow-y:auto}.panel-header{padding:16px 16px 10px;border-bottom:1px solid var(--line)}.panel-header h2{margin:0;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.panel-hint{margin:4px 0 0;font-size:11px;color:var(--muted)}.tabs{display:flex;flex-wrap:wrap;gap:4px;padding:10px 12px;border-bottom:1px solid var(--line)}.tab{border:1px solid var(--line);background:#fff;color:var(--charcoal);border-radius:999px;padding:5px 11px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.tab:hover{border-color:var(--gold)}.tab.active{background:var(--near-black);color:#fff;border-color:var(--near-black)}.cat-search{margin:10px 12px 0;padding:8px 11px;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:13px;width:calc(100% - 24px);box-sizing:border-box}.cat-search:focus{outline:none;border-color:var(--gold)}.supplier-filter{display:flex;gap:6px;padding:10px 12px 0}.sup-pill{flex:1;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 8px;font-size:11px;font-weight:700;cursor:pointer;color:var(--charcoal);text-align:center}.sup-pill:hover{border-color:var(--gold)}.sup-pill.active{background:var(--gold);color:var(--near-black);border-color:var(--gold)}.cat-grid{padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;overflow-y:auto}.cat-card{position:relative;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 8px 8px;cursor:pointer;text-align:center;transition:border-color .12s ease,transform .06s ease,box-shadow .12s ease}.cat-sup{position:absolute;top:6px;left:6px;font-size:8px;font-weight:700;padding:2px 5px;border-radius:4px;color:#fff;letter-spacing:.3px}.cat-sup.reece{background:#0a4d8c}.cat-sup.tradelink{background:#b23023}.cat-brand{font-size:10px;font-weight:600;color:var(--charcoal);margin-top:6px}.cat-card:hover{border-color:var(--gold);box-shadow:var(--shadow);transform:translateY(-1px)}.cat-thumb{width:100%;height:72px;display:block;border-radius:6px;background:#fff;object-fit:contain}.cat-name{margin-top:7px;font-size:11px;font-weight:600;color:var(--near-black)}#viewport{position:relative;flex:1 1 auto;min-width:0;background:linear-gradient(180deg,#eef1f4,#dfe3e8)}#canvas-host{position:absolute;top:0;right:0;bottom:0;left:0}#plan-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#eef1f4;touch-action:none}.vc-wide{width:auto;padding:0 12px;font-size:12px;font-weight:700}#canvas-host canvas{display:block;width:100%;height:100%}#view-controls{position:absolute;top:14px;left:14px;display:flex;gap:6px}.vc{width:38px;height:38px;border:1px solid var(--line);background:#ffffffeb;border-radius:8px;font-size:16px;cursor:pointer;box-shadow:var(--shadow)}.vc:hover{border-color:var(--gold)}#object-toolbar{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#1a1a1af0;color:#fff;padding:8px 12px;border-radius:10px;box-shadow:var(--shadow)}#object-name{font-size:12px;font-weight:600;margin-right:4px}.obj-btn{border:none;background:#ffffff24;color:#fff;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.obj-btn:hover{background:#ffffff42}.obj-btn.danger:hover{background:#c0392b}#empty-hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);pointer-events:none}.empty-card{background:#fffffff2;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;padding:12px 16px;max-width:460px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:3px}.empty-card strong{font-size:13px}.empty-card span{font-size:12px;color:var(--charcoal)}.hidden{display:none!important}.insp-section{padding:14px 16px;border-bottom:1px solid var(--line)}.insp-section h3{margin:0 0 10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--charcoal)}.range-row{display:block;margin-bottom:12px}.range-row span{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:5px}.range-row em{font-style:normal;color:var(--gold);font-weight:700}.shape-row{display:flex;gap:6px;margin-bottom:12px}.shape-btn{flex:1;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 8px;font-size:12px;font-weight:600;cursor:pointer;color:var(--charcoal);font-family:inherit}.shape-btn:hover{border-color:var(--gold)}.shape-btn.active{background:var(--near-black);color:#fff;border-color:var(--near-black)}.room-area{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--charcoal);padding-top:4px;border-top:1px dashed var(--line)}.room-area strong{color:var(--near-black)}input[type=range]{width:100%;accent-color:var(--gold)}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.swatch{aspect-ratio:1;border-radius:8px;border:2px solid transparent;cursor:pointer;overflow:hidden;position:relative;box-shadow:inset 0 0 0 1px #00000014}.swatch canvas,.swatch img{width:100%;height:100%;object-fit:cover;display:block}.swatch.active{border-color:var(--gold)}.swatch .swatch-name{position:absolute;bottom:0;left:0;right:0;font-size:8px;text-align:center;background:#0000008c;color:#fff;padding:1px 0;line-height:1.2}.items-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.item-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:12px;cursor:pointer}.item-row:hover{border-color:var(--gold)}.item-row.selected{border-color:var(--gold);background:#fff9ec}.item-row .rm{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;line-height:1}.item-row .rm:hover{color:#c0392b}.items-empty{font-size:12px;color:var(--muted)}.item-row .price{color:var(--charcoal);font-size:11px;font-variant-numeric:tabular-nums;margin-left:auto;padding-right:6px}.cat-code{font-size:9px;color:var(--muted);margin-top:2px;letter-spacing:.3px}.metal-swatches{display:flex;gap:12px;flex-wrap:wrap}.metal-swatch{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;width:52px}.metal-dot{width:34px;height:34px;border-radius:50%;border:2px solid transparent;box-shadow:inset 0 0 0 1px #00000026}.metal-swatch.active .metal-dot{border-color:var(--gold)}.metal-label{font-size:9px;color:var(--charcoal);text-align:center;line-height:1.15}.quote-box{margin-top:14px;border-top:1px dashed var(--line);padding-top:12px}.quote-total{display:flex;justify-content:space-between;align-items:baseline}.quote-total span{font-size:12px;font-weight:600;color:var(--charcoal)}.quote-total strong{font-size:19px;color:var(--near-black);font-variant-numeric:tabular-nums}.quote-sub{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:4px}.quote-sub span:last-child{font-variant-numeric:tabular-nums}.quote-note{font-size:10px;color:var(--muted);margin:6px 0 10px;line-height:1.4}.cat-price{margin-top:4px;font-size:12px;font-weight:700;color:var(--near-black);font-variant-numeric:tabular-nums}.quote-actions{display:flex;gap:6px}.btn-mini{flex:1;border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px 6px;font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;color:var(--near-black)}.btn-mini:hover{border-color:var(--gold)}.client-only,body.client-mode .internal-only{display:none!important}body.client-mode .client-only{display:inline-flex!important}#statusbar{height:30px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--near-black);color:#cfcfcf;font-size:11px}#status-msg{color:var(--gold);font-weight:600}.cat-grid::-webkit-scrollbar,#inspector::-webkit-scrollbar{width:8px}.cat-grid::-webkit-scrollbar-thumb,#inspector::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:4px}.build-box{margin-top:14px;padding:12px;border:1px solid var(--line,#e3e3e3);border-radius:8px;background:#fbf8f2}.build-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.build-head span{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#7a6a4a;font-weight:600}.build-head strong{font-size:22px;letter-spacing:-.5px}.build-sub{display:flex;justify-content:space-between;font-size:11.5px;color:#666;margin-top:5px}.build-warn{margin-top:9px;padding:8px 10px;background:#fff6d6;border-left:3px solid #b58900;font-size:11px;line-height:1.45;border-radius:3px}.build-detail{margin-top:10px}.build-detail summary{cursor:pointer;font-size:11.5px;color:#555;-webkit-user-select:none;user-select:none}.bl-group{display:flex;justify-content:space-between;font-weight:700;font-size:11.5px;margin:9px 0 3px;padding-top:6px;border-top:1px solid #e8e0cf}.bl-row{display:flex;justify-content:space-between;font-size:11px;color:#666;padding:2px 0 2px 8px;gap:8px}.bl-row span:first-child{display:flex;flex-direction:column}.bl-row small{color:#999;font-size:9.5px}.bl-row.assumed{color:#8a5a10}.build-opts{margin-top:11px;display:flex;flex-direction:column;gap:7px}.build-opts .opt{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;gap:8px}.build-opts .opt.checkbox{justify-content:flex-start;gap:7px}.build-opts select,.build-opts input[type=number]{font-size:11.5px;padding:3px 5px;max-width:150px}.build-opts .opt-note{margin:2px 0 0;font-size:10.5px;line-height:1.35;color:#7a7a7a;font-style:italic}.btn-mini.primary{background:#e9a13b;color:#fff;border-color:#e9a13b}.rates-panel{margin-top:12px;padding:12px;border:1px solid var(--line,#e3e3e3);border-radius:8px;background:#fff}.rates-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.rates-hint{font-size:10.5px;color:#777;line-height:1.45;margin:0 0 9px}.rate-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid #f0f0f0;font-size:11.5px}.rate-row span{display:flex;flex-direction:column}.rate-row small{color:#999;font-size:9.5px}.rate-row input{width:78px;font-size:11.5px;padding:3px 5px;text-align:right}.rate-row.assumed{background:#fffdf2}.assumed-tag{background:#fff0c2;color:#8a5a10;font-size:8.5px;text-transform:uppercase;letter-spacing:.5px;padding:1px 4px;border-radius:3px;font-weight:700}.browse-tiles{margin-top:9px;width:100%;background:#fff;border:1.5px solid var(--gold);color:#7a5600;font-family:inherit;font-weight:600;font-size:11.5px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:.15s}.browse-tiles:hover{background:var(--gold);color:#1a1a1a}.tile-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#14141699;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tile-modal.hidden{display:none}.tile-modal-card{background:#fff;width:min(1080px,100%);max-height:92vh;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000059}.tile-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 14px;border-bottom:1px solid var(--line)}.tile-modal-head h2{margin:0;font-size:20px;font-weight:800;letter-spacing:-.2px}.tile-modal-sub{margin:4px 0 0;font-size:12px;color:var(--muted);line-height:1.4}#tile-count{color:var(--gold);font-weight:700}.tile-close{background:var(--gold);border:none;color:#1a1a1a;font-family:inherit;font-weight:700;font-size:13px;padding:8px 18px;border-radius:8px;cursor:pointer}.tile-close:hover{filter:brightness(.94)}.tile-filters{padding:14px 24px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:11px;background:#fafafa}.tf-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tf-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:700;min-width:78px}.tf-row{display:flex;gap:7px;flex-wrap:wrap}.tf-chip{border:1.5px solid var(--line);background:#fff;color:#444;font-family:inherit;font-size:12px;font-weight:600;padding:6px 13px;border-radius:20px;cursor:pointer;transition:.13s}.tf-chip:hover{border-color:var(--gold)}.tf-chip.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.tf-target .tf-chip.active{background:var(--gold);color:#1a1a1a;border-color:var(--gold)}.tile-grid{padding:20px 24px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:16px;align-content:flex-start}.tile-card{position:relative;width:168px;height:250px;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;background:#fff;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column}.tile-card:hover{border-color:var(--gold);box-shadow:0 8px 22px #0000001f}.tile-card.current{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.tile-card img{width:100%;height:150px;flex:0 0 150px;object-fit:cover;display:block;background:#eee}.tile-card-body{padding:9px 11px 11px;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:4px}.tile-card-name{font-size:12.5px;font-weight:700;line-height:1.25;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-card-meta{display:flex;align-items:center;gap:6px;margin:0;flex-wrap:wrap}.tile-card-price{margin-top:auto}.tile-size-badge{background:#f0f0f0;color:#333;font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px}.tile-finish{font-size:10.5px;color:var(--muted)}.tile-card-price{font-size:13px;font-weight:800;color:#1a7a3a}.tile-current-tag{position:absolute;top:8px;left:8px;background:var(--gold);color:#1a1a1a;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:20px}.tile-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:40px 0;font-size:13px}.tile-modal-foot{margin:0;padding:12px 24px;border-top:1px solid var(--line);font-size:10.5px;color:var(--muted);line-height:1.45;background:#fafafa}.wiz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;background:#18181ab8;display:flex;align-items:center;justify-content:center;padding:22px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.wiz-overlay.hidden{display:none}.wiz-card{background:#fff;width:min(560px,100%);max-height:92vh;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 70px #0006}.wiz-top{display:flex;justify-content:space-between;align-items:center;padding:18px 24px 12px}.wiz-brand{font-size:17px;letter-spacing:.5px}.wiz-brand strong{font-weight:800}.wiz-brand span{font-weight:300;color:var(--charcoal)}.wiz-skip{background:none;border:none;color:var(--muted);font-family:inherit;font-size:12px;cursor:pointer;text-decoration:underline}.wiz-skip:hover{color:#1a1a1a}.wiz-progress{height:5px;background:#eee;margin:0 24px;border-radius:3px;overflow:hidden}.wiz-progress-bar{height:100%;background:var(--gold);width:0;transition:width .3s ease}.wiz-body{padding:22px 24px 6px;overflow-y:auto}.wiz-q{margin:0 0 5px;font-size:23px;font-weight:800;letter-spacing:-.4px;line-height:1.15}.wiz-hint{margin:0 0 16px;font-size:13px;color:var(--muted);line-height:1.45}.wiz-opts{display:flex;flex-direction:column;gap:10px;margin-top:6px}.wiz-opt{text-align:left;background:#faf8f3;border:1.5px solid #ece7dc;border-radius:12px;padding:15px 18px;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;gap:3px;transition:.14s}.wiz-opt:hover{border-color:var(--gold);background:#fffbf0}.wiz-opt.active{border-color:var(--gold);background:#fff6df;box-shadow:inset 0 0 0 1px var(--gold)}.wiz-opt-label{font-size:15.5px;font-weight:700;color:#1a1a1a}.wiz-opt-sub{font-size:12px;color:var(--muted)}.wiz-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 24px 20px}.wiz-back{background:none;border:none;color:#555;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:6px 4px}.wiz-back:hover{color:#1a1a1a}.wiz-count{font-size:11.5px;color:var(--muted);letter-spacing:.3px}.wiz-tiles .wiz-sub{margin:14px 0 8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#444}.wiz-tiles .swatches{grid-template-columns:repeat(6,1fr)}.wiz-finish{width:100%;margin-top:18px;padding:13px;font-size:15px;border-radius:10px}@media (max-width:600px){.wiz-tiles .swatches{grid-template-columns:repeat(4,1fr)}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.wiz-q{font-size:20px}}.wb-send-btn{width:100%;margin-top:9px;padding:11px;font-size:13.5px;border-radius:9px}.draw-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;background:#14141699;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.draw-card{background:#fff;width:min(760px,100%);max-height:94vh;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000059}.draw-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px 14px;border-bottom:1px solid var(--line)}.draw-head h2{margin:0;font-size:19px;font-weight:800}.draw-sub{margin:4px 0 0;font-size:12px;color:var(--muted);line-height:1.4;max-width:430px}.draw-actions{display:flex;gap:8px;flex-shrink:0}.draw-canvas-wrap{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:18px;background:#fafafa;min-height:0}.draw-canvas{background:#fff;border:1px solid var(--line);border-radius:6px;touch-action:none;cursor:crosshair}.draw-foot{margin:0;padding:11px 22px;border-top:1px solid var(--line);font-size:11.5px;color:var(--muted);background:#fafafa}.draw-dims{color:var(--gold);font-weight:700;margin-left:6px}