:root{color-scheme:dark;--gold:#d4af37;--muted:#a69e8b;--line:#383126;--panel:#151412}*{box-sizing:border-box}body{margin:0;background:#090909;color:#f5f1e7;font:15px system-ui,sans-serif}header{height:84px;padding:0 4vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#f5f1e7;font-size:23px;font-weight:750;display:flex;align-items:center;gap:12px}.brand span{border:1px solid var(--gold);color:var(--gold);padding:7px 12px;border-radius:10px}.brand small{color:var(--muted);font-size:10px;letter-spacing:2px;margin-left:14px}main{max-width:1600px;margin:auto;padding:40px 4vw}h1{font-size:36px;line-height:1.15;margin:10px 0 14px;font-weight:650}h2{font-size:22px;margin:0 0 18px}h3{font-size:14px;margin:12px 0}p{line-height:1.6;color:var(--muted)}.eyebrow{color:var(--gold);letter-spacing:2px;font-size:11px;font-weight:700}.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:26px}.login{max-width:480px;margin:6vh auto}label{display:block;color:#c7c0af;font-size:13px;margin:12px 0}input{display:block;width:100%;background:#0b0b0b;border:1px solid #494033;border-radius:9px;padding:12px;color:#f5f1e7;margin-top:7px;font:inherit}input:focus{outline:2px solid var(--gold);outline-offset:2px}button{background:#262219;border:1px solid #55482d;border-radius:10px;color:#e9dcb6;font:600 13px system-ui;padding:12px 17px;cursor:pointer}button:hover{border-color:var(--gold);background:#322a1b}button:disabled{opacity:.45;cursor:wait}.primary{background:var(--gold);color:#100e06;border-color:var(--gold)}.primary:hover{background:#ebc957;color:#100e06}.danger{color:#efa494}form>.primary{width:100%;margin-top:16px}.intro,.editorHead,.publish{display:flex;align-items:center;justify-content:space-between;gap:20px}.intro{margin-bottom:32px}.layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px}.stack{display:grid;gap:8px;margin:20px 0}.user,.scene{width:100%;text-align:left}.user small{display:block;color:var(--muted);font-weight:400;overflow-wrap:anywhere;margin-top:4px}.selected{border-color:var(--gold);background:#302817;color:#f4db91}.chips,.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.chips button{width:auto}.canvasLayout{display:grid;grid-template-columns:minmax(240px,1fr) 265px;gap:24px}.preview{background:#0c0c0c;border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center;min-width:0}.preview canvas{max-width:100%;max-height:620px;width:auto;height:auto;background-color:#282725;background-image:linear-gradient(45deg,#3a3833 25%,transparent 25%),linear-gradient(-45deg,#3a3833 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#3a3833 75%),linear-gradient(-45deg,transparent 75%,#3a3833 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.preview p{font-size:12px}.upload{border:1px dashed #66522d;padding:12px;border-radius:9px;color:#e7d09a}.upload input{padding:3px;border:0;background:transparent;font-size:11px}.tools>button{margin:5px 4px 5px 0}.fieldRow{display:flex;gap:10px}.fieldRow>*{flex:1;min-width:0}.help{padding:14px;background:#201b12;border-radius:10px;font-size:12px}.help p{margin-bottom:0}.publish{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.publish p{font-size:12px;max-width:450px}#message{position:sticky;bottom:16px;max-width:650px;margin:20px auto 0;padding:14px 20px;background:#2b2415;border:1px solid var(--gold);border-radius:12px;display:none}#message.visible{display:block}dialog{border:1px solid var(--line);border-radius:20px;background:#151412;color:#f5f1e7;width:min(450px,90vw);padding:26px}dialog::backdrop{background:#000b}footer{padding:30px;text-align:center;color:#776d56;font-size:12px}#versionStatus{color:#b5a577;font-size:12px;margin-top:14px}[hidden]{display:none!important}@media(max-width:1000px){.layout{grid-template-columns:1fr}.canvasLayout{grid-template-columns:1fr}.tools{max-width:100%}.intro,.publish{align-items:flex-start;flex-direction:column}.brand small{display:none}.preview canvas{max-height:520px}.card{padding:20px}h1{font-size:30px}}

select,textarea{display:block;width:100%;background:#0b0b0b;border:1px solid #494033;border-radius:9px;padding:10px;color:#f5f1e7;margin-top:7px;font:inherit}select:focus,textarea:focus{outline:2px solid var(--gold)}.editorActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.editorActions label{margin:0;min-width:150px}.editorActions .compact{padding:8px;font-size:11px}.editorActions button{font-size:11px;padding:10px}.rotationThumb{width:48px;height:48px;object-fit:contain}.preview canvas{touch-action:none;cursor:crosshair}#layers{max-height:300px;overflow:auto}.tools>label{font-size:12px}.help{margin-top:15px}input[type=range]{padding:0;height:24px;accent-color:var(--gold)}

.preview{align-self:start;position:sticky;top:16px}@media(max-width:1000px){.preview{position:static}}