@font-face{font-family:Bangers;src:url(./bangers-latin-DeHY8Ncq.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #12110e;--raise: #1c1914;--raise-2: #262119;--ink: #f4efe6;--muted: #b3a89a;--line: #3a342c;--hot: #ff5a1f;--spark: #ffc857;--danger: #ff6b6b;--sans: system-ui, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(900px 420px at 0% -10%,rgba(255,90,31,.18),transparent 55%),radial-gradient(700px 380px at 100% 0%,rgba(255,200,87,.1),transparent 50%),var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.4}button,textarea,input{font:inherit;color:inherit}.app{min-height:100vh}.header,.layout,.footer{width:min(1120px,100%);margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px 4px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand h1{margin:0;font-family:Bangers,Arial Black,sans-serif;font-size:1.85rem;font-weight:400;letter-spacing:.03em;line-height:1}.brand p{margin:4px 0 0;color:var(--muted);font-size:.85rem}.mark{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:12px;background:var(--hot);color:#1a120c;font-family:Bangers,sans-serif;font-size:1.6rem}.header-actions,.stage-bar{display:flex;flex-wrap:wrap;gap:8px}.btn{appearance:none;border:1px solid var(--line);background:var(--raise-2);min-height:44px;padding:0 14px;border-radius:12px;font-weight:650;cursor:pointer}.btn:hover{background:#342c23}.btn.primary{background:var(--hot);border-color:transparent;color:#1a120c}.btn.primary:hover{background:#ff7a45}.btn.ghost{background:transparent}.btn.tiny{min-height:40px}.btn.tiny.is-on,.plate.is-on{border-color:var(--hot);background:#2a1c14}.btn:focus-visible,.plate:focus-visible,.icon-btn:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--spark);outline-offset:2px}.layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:20px;padding:8px 20px;align-items:start}.stage{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:18px;overflow:hidden;background:#0c0b09;border:1px solid var(--line);box-shadow:0 18px 50px #00000059}.stage canvas{position:absolute;inset:0;width:100%;height:100%}.overlay{touch-action:none;cursor:grab}.overlay:active{cursor:grabbing}.stage-bar{margin-top:10px}.hint,.status,.empty,.footer{color:var(--muted)}.hint,.status{min-height:1.4em;margin:8px 0 0;font-size:.9rem}.status{color:var(--spark)}.panel{display:grid;gap:18px;background:#1c1914eb;border:1px solid var(--line);border-radius:18px;padding:16px}.panel h2{margin:0 0 10px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}.plates{display:grid;gap:8px}.plate{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:6px 8px;text-align:left;border-radius:12px;border:1px solid var(--line);background:transparent;cursor:pointer}.plate b{display:block;font-size:.95rem}.plate small{color:var(--muted)}.swatch{width:42px;height:32px;flex:none;border-radius:8px;border:1px solid rgba(255,255,255,.12)}.swatch-classic{background:radial-gradient(circle at 50% 40%,#5a4638,#0c0b09)}.swatch-split{background:linear-gradient(#1a6ea3 50%,#f06a1a 50%)}.swatch-doors{background:linear-gradient(90deg,#efe2c8 0 18%,#1c6b66 18% 46%,#efe2c8 46% 54%,#d24b24 54% 82%,#efe2c8 82%)}.swatch-ladder{background:linear-gradient(#2a2926 25%,#3e5344 25% 50%,#e0a322 50% 75%,#f6f1e6 75%)}.swatch-sign{background:linear-gradient(#243056,#e07a4c 70%,#e7d3a4 70%)}.lines{list-style:none;margin:0;padding:0;display:grid;gap:8px}.line{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:6px;align-items:start}.line textarea{width:100%;resize:vertical;min-height:64px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#12100d}.line.is-on textarea{border-color:var(--spark)}.icon-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--danger);font-size:1.4rem;line-height:1;cursor:pointer}.icon-btn:hover{background:#3a221f}.tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}.slider,.color{display:flex;align-items:center;gap:8px;min-height:44px;color:var(--muted);font-size:.85rem}.slider input{width:120px;accent-color:var(--hot)}.color input{width:44px;height:32px;padding:0;border:0;background:transparent;cursor:pointer}.empty{margin:0}.footer{padding:4px 20px 16px;font-size:.85rem}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:800px){.layout{grid-template-columns:1fr}.header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.header-actions .btn{flex:1}}@media(max-width:420px){.header,.layout,.footer{padding-left:12px;padding-right:12px}.brand h1{font-size:1.45rem}.brand p{font-size:.8rem}.stage-bar .btn{flex:1 1 calc(50% - 8px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}