*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;min-width:320px;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202124;background:#f4f1eb}.webgl{position:fixed;top:0;left:0;outline:none}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;display:flex;align-items:stretch;padding:24px}.floating-price{position:fixed;top:24px;right:24px;z-index:3;pointer-events:none;display:grid;gap:3px;min-width:190px;padding:14px 16px;border:1px solid rgba(38,32,24,.12);border-radius:8px;background:#fffdf8f2;box-shadow:0 18px 45px #26201824;text-align:right;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.floating-price span{color:#6a645b;font-size:.72rem;font-weight:800;text-transform:uppercase}.floating-price strong{color:#6f4f27;font-size:1.35rem;line-height:1.1}.config-panel{width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;pointer-events:auto;align-self:flex-start;background:#fffdf8f0;border:1px solid rgba(38,32,24,.12);border-radius:8px;box-shadow:0 24px 60px #26201829;padding:22px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:thin}.brand-row{display:grid;gap:6px;margin-bottom:22px}.eyebrow{color:#795f3e;font-size:.74rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{font-size:1.45rem;line-height:1.1;font-weight:800}.control-stack{display:grid;gap:18px}.control{display:grid;gap:10px;font-weight:700}.control span{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.92rem}.control strong{color:#6f5637;font-size:.86rem}input,select{font:inherit}input[type=range]{width:100%;accent-color:#7d5d36}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-grid label{display:grid;gap:7px;color:#4b463f;font-size:.83rem;font-weight:700}select,output{width:100%;min-height:40px;border:1px solid #d8d0c3;border-radius:6px;background:#fffaf2;color:#202124;padding:0 10px}output{display:flex;align-items:center}.finish-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0}.finish-picker legend{grid-column:1 / -1;margin-bottom:2px;color:#4b463f;font-size:.83rem;font-weight:800}.finish-picker label,.toggle-row{display:flex;align-items:center;gap:9px;min-height:38px;color:#252525;font-size:.88rem;font-weight:700}.finish-picker span{width:18px;height:18px;flex:0 0 18px;border:1px solid rgba(0,0,0,.18);border-radius:50%;background:var(--swatch)}.finish-picker input,.toggle-row input{accent-color:#7d5d36}.summary{display:grid;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid rgba(38,32,24,.12)}.summary div{display:flex;justify-content:space-between;gap:12px}.summary dt{color:#6a645b;font-size:.78rem;font-weight:800}.summary dd{text-align:right;font-size:.82rem;font-weight:800}.summary .price-row{align-items:center;margin-top:4px;padding-top:12px;border-top:1px solid rgba(38,32,24,.12)}.summary .price-row dt{color:#202124;font-size:.88rem}.summary .price-row dd{color:#6f4f27;font-size:1.25rem}@media(max-width:720px){.app-shell{align-items:flex-end;padding:10px}.config-panel{width:100%;max-height:min(56vh,520px);align-self:flex-end;padding:14px;border-radius:8px 8px 0 0}.floating-price{top:12px;right:12px;min-width:150px;padding:11px 13px}.floating-price strong{font-size:1.05rem}h1{font-size:1.18rem}.brand-row{margin-bottom:14px}.control-stack{gap:14px}select,output{min-height:44px}.summary{margin-top:16px;padding-top:12px}}@media(max-width:460px){.app-shell{padding:8px 8px 0}.config-panel{width:calc(100vw - 16px);max-height:58vh;padding:12px}.floating-price{top:8px;right:8px;min-width:132px;padding:9px 11px}.floating-price span{font-size:.64rem}.floating-price strong{font-size:.96rem}.eyebrow{font-size:.68rem}h1{max-width:58%;font-size:1.04rem}.control span,.field-grid label,.finish-picker label,.toggle-row{font-size:.8rem}.field-grid,.finish-picker,.summary{gap:8px}.summary dt{font-size:.72rem}.summary dd{font-size:.76rem}.summary .price-row dd{font-size:1.08rem}}@media(max-width:360px){.field-grid,.finish-picker{grid-template-columns:1fr}h1{max-width:none}.floating-price{min-width:124px}}