.wall-demo{max-width:1560px}.wall-demo .build-intro{padding-bottom:20px}.demo-pill{color:#c2d0b6;border:1px solid #768a66;border-radius:24px;padding:8px 12px;font:11px monospace}.demo-notice{background:#141811e8;border:1px solid #5f665a;border-left:3px solid #8fa87a;border-radius:10px;padding:18px 24px}.demo-notice b{color:#c2d0b6}.demo-notice p{color:#c2c7bf;margin:7px 0 0;font-size:14px}.demo-tools{justify-content:space-between;align-items:end;gap:20px;margin:24px 0;display:flex}.demo-tools label{width:min(480px,75%)}.demo-tools select{margin-top:8px}.demo-steps{grid-template-columns:repeat(8,1fr);gap:8px;margin:0 0 24px;padding:0;list-style:none;display:grid}.demo-steps li{color:#8e948a;border-top:2px solid #31352d;align-items:center;gap:8px;padding:12px 0;font-size:12px;display:flex}.demo-steps li span{background:#1d211a;border-radius:50%;place-items:center;width:24px;height:24px;display:inline-grid}.demo-steps [aria-current]{color:#f4f9f0;border-color:#9de547}.demo-steps [aria-current] span{color:#061710;background:#9de547}.demo-steps .done{color:#c0d1b2;border-color:#5d7348}.demo-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.demo-main,.demo-preview{background:#0f120deb;border:1px solid #3f433b;border-radius:18px;min-width:0;overflow:hidden}.demo-step-label{color:#9de547;background:#191d17;border-bottom:1px solid #3f433b;justify-content:space-between;gap:12px;padding:16px 28px;font:11px monospace;display:flex}.demo-step-label span{color:#a8aea3}.demo-scene{flex-direction:column;gap:18px;min-height:600px;padding:34px;display:flex}.demo-scene h2{letter-spacing:-1.5px;margin:0;font-size:clamp(28px,3vw,42px);line-height:1.06}.demo-scene h3{margin:12px 0}.demo-scene p{color:#c6cac2;margin:0;line-height:1.65}.demo-scene .build-eyebrow{color:#9de547;font-size:11px}.demo-scene small{color:#a8aea3;line-height:1.6}.demo-scene label{gap:8px;font-weight:600;display:grid}.demo-scene button.build-primary{min-height:50px;margin-top:auto}.demo-wallet{background:#161b12;border:1px solid #596252;border-radius:16px;padding:24px}.demo-wallet>span{color:#b2c3a3;font:11px monospace}.demo-wallet small{margin-top:14px;display:block}.demo-art-options{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.demo-art-options button{background:#10130e;padding:3px;overflow:hidden}.demo-art-options button[aria-pressed=true]{border:2px solid #9de547}.demo-art-options img{aspect-ratio:1;object-fit:cover;border-radius:5px;width:100%;display:block}.demo-council{gap:10px;display:grid}.demo-council article{background:#191d17;border:1px solid #3f433b;border-radius:10px;grid-template-columns:1fr auto;gap:7px;padding:15px 18px;display:grid}.demo-council b{color:#9de547}.demo-council span{color:#bfceb3;font:11px monospace}.demo-council p{grid-column:1/-1;font-size:12px}.demo-outcome{background:#102820;border:1px solid #5f7a47;border-left:3px solid #9de547;border-radius:8px;padding:16px;font-size:14px}.demo-outcome.hold{background:#1f231d;border-color:#97824f #97824f #97824f #f4cf7a}.demo-outcome p{margin-top:8px}.demo-auction{background:#191d17;border-radius:12px;grid-template-columns:1fr 1fr;gap:16px;padding:20px;display:grid}.demo-auction small,.demo-auction strong{display:block}.demo-auction strong{color:#f4f9f0;margin-top:7px;font-size:24px}.demo-receipt{margin:0}.demo-receipt>div{border-bottom:1px solid #3f433b;justify-content:space-between;gap:20px;padding:14px 0;display:flex}.demo-receipt dt{color:#a8aea3}.demo-receipt dd{text-align:right;overflow-wrap:anywhere;margin:0}.demo-live-card{align-items:center;gap:20px;display:flex}.demo-live-card img{border-radius:12px;width:130px;max-width:40%}.demo-live-card b{color:#9de547;font-size:24px}.demo-live-card span{color:#a9b89c;font:12px monospace}.demo-preview .omni-sculpture{height:460px;min-height:0}.demo-preview-caption{text-align:center;border-bottom:1px solid #3f433b;padding:20px}.demo-preview-caption b{color:#c4d1b9;font-size:21px}.demo-preview-caption p{color:#a8aea3;font-size:12px}.demo-event-log{padding:20px}.demo-event-log summary{color:#9de547;cursor:pointer}.demo-event-log ol{color:#a8aea3;padding-left:20px;font-size:12px;line-height:1.8}.demo-event-log p{color:#a8aea3;font-size:13px}.demo-place-grid{grid-template-columns:repeat(16,1fr);gap:3px;padding:16px;display:grid}.demo-place-grid button{aspect-ratio:1;border-radius:3px;min-width:0;padding:0;font-size:9px}.demo-place-grid button[aria-pressed=true]{border-color:#9de547}.demo-place-grid img{object-fit:cover;width:100%;height:100%}.demo-fallback{max-width:75%;margin:30px auto;display:block}.demo-footer{color:#a8aea3;border-top:1px solid #3f433b;margin:32px 0;padding:24px 0;font-size:13px;line-height:1.6}.demo-footer b{color:#c4d1b9}.build-demo-invite{margin:0 0 22px}.build-demo-invite a{color:#9de547}:is(.wall-demo button:focus-visible,.wall-demo a:focus-visible,.wall-demo select:focus-visible){outline-offset:4px;outline:2px solid #9de547}@media (max-width:900px){.demo-layout{grid-template-columns:1fr}.demo-preview{order:2}.demo-steps{grid-template-columns:repeat(4,1fr)}.demo-scene{min-height:0;padding:24px}.demo-scene button.build-primary{margin-top:10px}.demo-preview .omni-sculpture{height:400px}}@media (max-width:480px){.demo-pill{display:none}.demo-steps{gap:5px}.demo-steps li{gap:4px;font-size:10px}.demo-steps li span{width:18px;height:18px}.demo-step-label{padding:14px;font-size:9px}.demo-scene{padding:20px}.demo-notice{padding:16px}.demo-live-card b{font-size:18px}.demo-receipt{font-size:13px}.demo-receipt>div{gap:10px}.demo-council article{padding:12px}.demo-tools{gap:12px}.demo-tools button{font-size:12px}.demo-preview .omni-sculpture{height:360px}}.demo-placement-detail{text-align:left;border-bottom:1px solid #343731;align-items:center;gap:16px;margin-bottom:20px;padding:0 0 20px;display:flex}.demo-placement-detail img{object-fit:cover;border:2px solid #a0e15b;border-radius:8px;width:92px;height:92px}.demo-placement-detail strong{color:#a0e15b}.demo-placement-detail small{color:#a9b1a2;line-height:1.5;display:block}.demo-approved-tile{background:#181c16;border:1px solid #3f4639;border-radius:8px;align-items:center;gap:14px;margin:4px 0 18px;padding:12px;display:flex}.demo-approved-tile img{object-fit:cover;border-radius:6px;width:72px;height:72px}.demo-approved-tile div{gap:4px;display:grid}.demo-approved-tile p,.demo-approved-tile small{margin:0;font-size:12px}.demo-approved-tile small{color:var(--muted)}
