:root{--bg:#090b0c;--panel:#111416;--panel2:#171b1e;--line:#2a3034;--text:#f2eee6;--muted:#8f989c;--amber:#e7a84b;--amber2:#ffd079;--danger:#e25b52;--radius:14px;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#283036 0,transparent 40%),var(--bg)}button,input,textarea{font:inherit}button{color:inherit}.hidden{display:none!important}
.home{min-height:100vh;display:grid;place-items:center;padding:28px}.home-inner{width:min(560px,100%);text-align:center}.brand{font-size:clamp(42px,7vw,88px);letter-spacing:-.06em;margin:0 0 46px}.brand b{color:var(--amber);font-weight:800}.tag{color:var(--muted);font-size:18px;margin:12px 0 46px}.mode-grid{display:grid;grid-template-columns:1fr;gap:14px}.mode-card{min-height:132px;text-align:left;border:1px solid var(--line);background:linear-gradient(145deg,#181c1f,#0d0f11);border-radius:18px;padding:20px 24px;cursor:pointer;transition:.2s transform,.2s border}.mode-card:hover{transform:translateY(-4px);border-color:#555e62}.mode-no{display:block;color:var(--amber);font:700 12px monospace;letter-spacing:.14em}.mode-card strong{display:block;font-size:28px;margin:18px 0 8px}.mode-card small{color:var(--muted);line-height:1.45}
.modal-wrap{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:20;padding:20px}.modal{width:min(460px,100%);background:#14181a;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 30px 90px #000}.modal h2{margin-top:0}.field{display:grid;gap:8px;margin:16px 0}.field label{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}input,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#0b0d0e;color:var(--text);padding:12px;outline:none}input:focus,textarea:focus{border-color:var(--amber)}textarea{resize:vertical;min-height:92px}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.btn{border:1px solid var(--line);background:#20262a;border-radius:10px;padding:11px 16px;cursor:pointer}.btn.primary{background:var(--amber);border-color:var(--amber);color:#17110a;font-weight:800}.btn.danger{color:#ff918a}.error{color:#ff918a;min-height:20px}
.creator{height:100vh;display:grid;grid-template-rows:48px minmax(0,1fr);overflow:hidden}.menubar{display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);background:#0d1011;position:relative}.menu-btn{border:0;background:transparent;padding:14px 12px;cursor:pointer}.menu-pop{position:absolute;top:42px;left:14px;width:210px;background:#181c1f;border:1px solid var(--line);border-radius:10px;padding:6px;z-index:10}.menu-pop button{width:100%;text-align:left;border:0;background:transparent;padding:10px;border-radius:7px}.menu-pop button:hover{background:#272d31}.creator-grid{min-width:0;min-height:0;display:grid;grid-template-columns:280px 310px minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}.column{min-width:0;min-height:0;border-right:1px solid var(--line);background:#0d1011;overflow:auto}.column-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#111416;z-index:2}.column-head h2{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0}.quest-card{border-bottom:1px solid var(--line)}.quest-title{display:flex;align-items:center;gap:10px;padding:15px 16px;cursor:pointer}.quest-title.active{background:#1c2225}.quest-dot{width:8px;height:8px;border-radius:50%;background:var(--amber)}.quest-form{padding:0 16px 18px}.quest-form .field{margin:11px 0}.quest-form input,.quest-form textarea{padding:9px}.quest-form textarea{min-height:72px}.event-item{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);cursor:pointer}.event-item.active{background:#2a2419;border-left:3px solid var(--amber)}.thumb{width:42px;height:32px;object-fit:cover;background:#050606;border-radius:4px}.event-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-name-input{border:0;background:transparent;padding:5px}.preview{position:relative;min-width:0;min-height:0;background:#050606;overflow:hidden}.preview-media{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.preview-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--muted)}.drop{border:1px dashed #525b60;border-radius:14px;padding:34px;text-align:center;margin:18px 0}.drop.drag{border-color:var(--amber);background:#e7a84b12}
.control-shell{min-height:100vh;background:#000;display:grid;place-items:center}.control{width:min(100vw,75vh);min-height:100vh;background:#101315;padding:18px}.control-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.control-head h1{font-size:22px;margin:0}.select-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:16px}.scene-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:stretch;border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:10px;background:#171b1e;min-height:94px}.scene-preview{width:100%;height:100%;min-height:92px;object-fit:cover;background:#050606}.scene-desc{padding:12px;display:flex;align-items:center;overflow-wrap:anywhere}.hold-btn{position:relative;border:0;border-left:1px solid var(--line);background:#252b2f;overflow:hidden;cursor:pointer;font-weight:800}.hold-btn::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--hold,0%);background:#3b454b;transition:width .05s linear}.hold-btn.active::before{width:100%;background:#a9752f}.hold-btn span{position:relative}.status{font:11px monospace;color:var(--muted)}
.control-shell{touch-action:manipulation}.control,.control *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.control input,.control textarea{user-select:text}
.viewer{position:fixed;inset:0;background:#000;color:#fff;overflow:hidden}.join{height:100%;display:grid;place-items:center;padding:24px}.join-card{width:min(440px,100%);text-align:center}.join-card h1{font-size:44px;letter-spacing:-.05em}.loader{width:min(560px,86vw);text-align:center}.loadbar{height:8px;background:#1c2022;border-radius:99px;overflow:hidden;margin:18px 0}.loadbar i{display:block;height:100%;width:var(--progress);background:var(--amber);transition:width .15s}.screen-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}.screen-media.contain{object-fit:contain}.screen-media.fading-out{opacity:0}.screen-media.visible{opacity:1;transition-duration:.6s}.screen-status{position:absolute;right:18px;bottom:16px;font:11px monospace;color:#ffffff55;z-index:2}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#252b2f;border:1px solid #4a5358;border-radius:10px;padding:11px 16px;z-index:50}
.upload-progress{margin:14px 0;color:var(--muted)}.upload-label{color:var(--text);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-bar{height:7px;background:#252b2f;border-radius:99px;overflow:hidden;margin:8px 0}.upload-bar i{display:block;height:100%;background:var(--amber);transition:width .35s ease-out}.upload-progress small{font:11px monospace}
.video-loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:10px;color:#f2eee6;font-size:12px;background:#0a0c0dcc;border:1px solid #3b4246;border-radius:12px;padding:14px 18px;pointer-events:none;min-width:230px;z-index:2}.video-loader .upload-bar{width:100%;margin:0}.video-loader .upload-bar>i{width:0;height:100%;border:0;border-radius:99px;background:var(--amber);animation:none;transition:width .35s ease-out}
@media(max-width:800px){.mode-grid{grid-template-columns:1fr}.mode-card{min-height:150px}.mode-card strong{margin-top:28px}.creator-grid{grid-template-columns:210px 240px minmax(360px,1fr)}}