:root{--bg: #0c0b0a;--bg-1: #14110f;--bg-2: #1c1815;--bg-3: #23201c;--line: rgba(245,238,225,.1);--line-soft: rgba(245,238,225,.06);--line-hard: rgba(245,238,225,.18);--ink: #f4ece0;--ink-2: #d9cfbf;--muted: #9b9286;--muted-2: #6a6258;--accent: #d97757;--accent-2: #e89a7e;--brass: #c9a36a;--brass-2: #e0c08a;--oxblood: #3a1414;--oxblood-2: #5b1e1e;--plum: #2a1a2e;--moss: #6b8b6e;--good: #87a98a;--cream: #efe6d6}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:200;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 0.95  0 0 0 0 0.85  0 0 0 0.7 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}input,textarea,select{font:inherit}::selection{background:var(--accent);color:#0c0b0a}.serif{font-family:Fraunces,Georgia,serif;font-optical-sizing:auto;letter-spacing:-.01em}.mono{font-family:JetBrains Mono,ui-monospace,monospace;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--muted)}.mono-num{font-family:JetBrains Mono,ui-monospace,monospace;letter-spacing:.02em;font-variant-numeric:tabular-nums}.container{max-width:1240px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:7px;font-size:13.5px;font-weight:600;background:var(--accent);color:#1a0907;transition:all .15s}.btn:hover{background:var(--accent-2)}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line-hard);font-weight:500}.btn.ghost:hover{border-color:var(--brass)}.btn.small{padding:7px 13px;font-size:12px;border-radius:6px}.field{width:100%;padding:12px 14px;border-radius:8px;font-size:14px;background:var(--bg-1);border:1px solid var(--line);color:var(--ink);outline:none}.field:focus{border-color:var(--accent)}.field::placeholder{color:var(--muted-2)}label.lbl{display:block;margin:0 0 6px}.card{background:var(--bg-1);border:1px solid var(--line);border-radius:10px}.spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(0,0,0,.25);border-top-color:currentColor;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.appbar{position:sticky;top:0;z-index:60;height:58px;display:flex;align-items:center;background:#0c0b0ae0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.appbar-inner{flex:1;display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1240px;margin:0 auto;padding:0 24px}.logo{display:flex;align-items:baseline;gap:7px;color:var(--ink)}.logo b{font-family:Fraunces,Georgia,serif;font-weight:400;font-size:19px;letter-spacing:-.02em}.logo i{font-style:normal;font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.room-tile{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--bg-1);transition:all .2s;display:block}.room-tile:hover{border-color:var(--brass);transform:translateY(-2px)}.room-tile .ph{aspect-ratio:4/3;background:var(--bg-2);overflow:hidden}.room-tile .ph img{width:100%;height:100%;object-fit:cover}.room-tile .meta{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.editor{display:grid;grid-template-rows:58px 1fr;height:100dvh}.workbench{display:grid;grid-template-columns:1fr 320px;min-height:0}.stage-wrap{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg)}.stage{position:relative;max-width:100%;max-height:100%;border-radius:8px;overflow:hidden;box-shadow:0 24px 80px #0000008c;user-select:none;-webkit-user-select:none}.stage img.bgphoto{width:100%;height:100%;object-fit:contain;pointer-events:none}.rail{border-left:1px solid var(--line);background:var(--bg-1);overflow-y:auto;min-height:0}.placed{position:absolute;touch-action:none;cursor:grab}.placed:active{cursor:grabbing}.placed img{width:100%;height:auto;pointer-events:none;filter:drop-shadow(0 10px 24px rgba(0,0,0,.45))}.placed.selected{outline:1.5px dashed var(--brass);outline-offset:4px}.resize-handle{position:absolute;right:-9px;bottom:-9px;width:16px;height:16px;border-radius:4px;background:var(--accent);border:2px solid var(--cream);cursor:nwse-resize;box-shadow:0 3px 10px #00000080;touch-action:none}.resize-handle:hover{background:var(--accent-2)}select.field{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 19px) 50%,calc(100% - 14px) 50%;background-size:5px 5px;background-repeat:no-repeat}.pin-dot{position:absolute;width:22px;height:22px;border-radius:50%;transform:translate(-50%,-50%);background:#0c0b0ad9;border:1.5px solid var(--cream);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:9.5px;color:var(--cream);box-shadow:0 4px 14px #00000080;cursor:pointer;transition:all .15s}.pin-dot:hover{background:var(--accent);border-color:var(--accent);color:#1a0907}.pin-dot.dead{opacity:.75}.scrim{position:fixed;inset:0;z-index:90;background:#080706a8;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;max-width:440px;max-height:90dvh;overflow-y:auto;background:var(--bg-1);border:1px solid var(--line-hard);border-radius:12px;padding:22px}.pcard-hero{position:relative;box-shadow:0 30px 90px #00000080;border-radius:10px}.pcard-hero img.bgphoto{width:100%;height:auto;border-radius:10px}.popover{position:absolute;z-index:20;width:230px;padding:12px;border-radius:10px;background:#100d0bf7;border:1px solid var(--line-hard);box-shadow:0 20px 50px #0009}@media (max-width: 820px){.workbench{grid-template-columns:1fr}.rail{border-left:0;border-top:1px solid var(--line);max-height:44dvh}.editor{grid-template-rows:58px minmax(0,1fr)}.stage-wrap{padding:10px}}