:root{--ink:#f5f3eb;--muted:#aaa99f;--line:#35382f;--panel:#1a1d18;--panel2:#22261f;--accent:#d9ff4f;--orange:#ff6b2c;--bg:#10120f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#26301b 0,transparent 32%),var(--bg);color:var(--ink);font:15px/1.45 Inter,system-ui,-apple-system,sans-serif}.shell{width:min(760px,100%);margin:auto;padding:20px 16px calc(36px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:4px 0 18px}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--accent)}h1{font-size:30px;line-height:1;margin:7px 0 0;letter-spacing:-.04em}h2{font-size:18px;margin:0}.ghost{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:9px 14px}.preview-wrap{border:1px solid #3b4033;border-radius:22px;overflow:hidden;background:#181b16;box-shadow:0 18px 50px #0007}.wall{height:245px;display:grid;place-items:center;position:relative;overflow:hidden;background-color:#665b4d;background-image:linear-gradient(90deg,#ffffff0b 1px,transparent 1px),linear-gradient(#ffffff0b 1px,transparent 1px);background-size:38px 25px}.wall:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#fff1,transparent 40%,#0004)}.sign-preview{position:relative;z-index:2;max-width:92%;font:900 clamp(26px,8vw,64px)/1 Arial,sans-serif;letter-spacing:.04em;text-align:center;overflow-wrap:anywhere;color:#f8f7f2;text-shadow:3px 3px 0 #4a4f55,6px 6px 16px #0009;transform:perspective(600px) rotateX(-2deg)}.mount{position:absolute;width:11px;height:11px;border-radius:50%;background:#4a4f55;box-shadow:0 2px 4px #0008;z-index:3}.mount-a{left:7%;top:12%}.mount-b{right:7%;bottom:12%}.preview-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;padding:10px 14px}.progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:18px 0}.progress span{text-align:center;border-top:2px solid var(--line);padding-top:7px;color:#777}.progress .active{border-color:var(--accent);color:var(--accent)}.card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;padding:18px;margin:12px 0}.section-title{display:flex;gap:12px;align-items:center;margin-bottom:16px}.section-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent);color:#15170f;font-weight:900}.section-title p{margin:2px 0 0;color:var(--muted);font-size:12px}.field{display:grid;gap:6px;color:var(--muted);font-size:12px}.field input{width:100%;border:1px solid #42463b;border-radius:12px;background:#11130f;color:var(--ink);font:700 17px system-ui;padding:14px;outline:none}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d9ff4f22}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px;background:#11130f;padding:5px;border-radius:12px}.segmented button,.height-grid button{border:0;border-radius:9px;background:transparent;color:var(--muted);padding:11px 5px;font-weight:700}.segmented .active,.height-grid .active{background:var(--accent);color:#111}.height-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.height-grid button{background:#11130f;border:1px solid #34382e}.height-grid small{display:block;font-weight:400}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px}.swatch{border:1px solid #3a3e34;border-radius:12px;background:#11130f;color:var(--muted);padding:8px 5px;font-size:11px}.swatch i{display:block;width:34px;height:34px;margin:0 auto 6px;border-radius:50%;border:2px solid #ffffff44;box-shadow:inset 0 0 0 1px #0004}.swatch.active{border-color:var(--accent);color:var(--ink);box-shadow:0 0 0 2px #d9ff4f22}.facade-choice{width:100%;margin-top:12px;border:1px dashed #646c50;border-radius:12px;background:#151811;color:var(--ink);padding:13px}.facade-choice.active{border-style:solid;border-color:var(--accent);color:var(--accent)}.hidden{display:none!important}#facade-field{margin-top:12px}.summary-card dl{display:grid;grid-template-columns:1fr auto;gap:9px;margin:0}.summary-card dt{color:var(--muted)}.summary-card dd{margin:0;font-weight:700;text-align:right;max-width:330px;overflow-wrap:anywhere}.price-box{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.price-box strong{font-size:18px;color:var(--accent);text-align:right}.fineprint{font-size:11px;color:#85867e}.submit{width:100%;border:0;border-radius:13px;background:linear-gradient(90deg,var(--orange),#ff9440);color:#fff;font-size:17px;font-weight:900;padding:16px;box-shadow:0 10px 30px #ff6b2c33}.submit:disabled{opacity:.55}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);width:min(90%,520px);z-index:10;background:#f5f3eb;color:#12130f;padding:14px 18px;border-radius:13px;text-align:center;font-weight:700;box-shadow:0 12px 40px #0008}@media(max-width:480px){.shell{padding-left:11px;padding-right:11px}.wall{height:205px}.height-grid{grid-template-columns:repeat(2,1fr)}.swatches{grid-template-columns:repeat(4,1fr)}.topbar h1{font-size:25px}.ghost{padding:7px 10px}.summary-card dd{max-width:190px}}