.rd-demo{border:1px solid var(--line);background:var(--surface-card);padding:28px}.rd-room-tabs{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:4px;gap:4px;margin-bottom:16px}.rd-room-tab{border:none;background:transparent;color:var(--ink-4);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:8px 18px;border-radius:999px;cursor:pointer}.rd-room-tab.is-active{background:var(--ink);color:var(--bg)}.rd-instruction{font-size:14px;color:var(--ink-3);margin:0 0 24px;max-width:520px}.rd-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:28px}@media (max-width: 780px){.rd-layout{grid-template-columns:1fr}}.rd-stage-wrap{display:flex;flex-direction:column;gap:16px}.rd-stage{--rd-wall: #3a3a38;position:relative;aspect-ratio:4 / 3;border:1px solid var(--line);overflow:hidden;transition:border-color .2s ease}.rd-stage.is-drag-over{border-color:var(--accent)}.rd-wall{position:absolute;inset:0 0 30%;background:var(--rd-wall);transition:background .5s ease}.rd-floor{position:absolute;inset:70% 0 0;background:#a98a63;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 2px,transparent 2px 34px)}.rd-window{position:absolute;top:10%;right:8%;width:20%;height:40%;background:#e9f1f0;border:3px solid #2A2118}.rd-window span{position:absolute;background:#2a2118}.rd-window span:first-child{top:50%;left:0;width:100%;height:3px}.rd-window span:last-child{left:50%;top:0;height:100%;width:3px}.rd-accessory-layer,.rd-placed-layer{position:absolute;inset:0}.rd-accessory{position:absolute;transition:opacity .5s ease}.rd-accessory svg{display:block;width:100%;height:auto}.rd-drop-hint{position:absolute;top:12px;left:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#2a2118;background:#ffffffb3;padding:6px 10px;border:1px solid rgba(42,33,24,.3);pointer-events:none;transition:opacity .2s ease}.rd-drop-hint.is-hidden{opacity:0}.rd-placed-piece{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;width:84px;transform:translate(-50%,-50%);transition:opacity .3s ease;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}.rd-placed-piece svg{width:100%;height:auto;display:block}.rd-placed-piece span{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:#0009;padding:2px 6px}.rd-tray{display:flex;gap:12px;flex-wrap:wrap}.rd-chip{display:flex;flex-direction:column;align-items:center;gap:6px;width:92px;padding:8px;border:1px solid var(--line);background:var(--bg);cursor:grab;touch-action:none;user-select:none;transition:opacity .2s ease,border-color .2s ease}.rd-chip:hover{border-color:var(--line-strong)}.rd-chip svg{width:100%;height:48px;display:block}.rd-chip span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}.rd-chip.is-placed{opacity:.25;cursor:default;pointer-events:none}.rd-ghost{position:fixed;z-index:999;top:0;left:0;width:92px;padding:8px;border:1px solid var(--accent);background:var(--bg);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;transform:translate(-50%,-50%)}.rd-ghost svg{width:100%;height:48px;display:block}.rd-ghost span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}.rd-panel{display:flex;flex-direction:column;border:1px solid var(--line);padding:20px;background:var(--bg)}.rd-panel-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 16px}.rd-style-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.rd-style-chip{border:1px solid var(--line);background:transparent;color:var(--ink-3);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.rd-style-chip:disabled{opacity:.3;cursor:not-allowed}.rd-style-chip:not(:disabled):hover{border-color:var(--line-strong);color:var(--ink)}.rd-style-chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--ink)}.rd-rationale{flex:1;min-height:120px}.rd-rationale-empty{font-size:13px;color:var(--ink-4);margin:0}.rd-rationale-text{font-size:14.5px;line-height:1.6;color:var(--ink-2);margin:0}.rd-reset-btn{margin-top:16px;border:1px solid var(--line);background:transparent;color:var(--ink-4);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:10px 16px;cursor:pointer;align-self:flex-start}.rd-reset-btn:hover{border-color:var(--line-strong);color:var(--ink)}