:root{--bg:#0f1115;--panel:#181b22;--text:#e8eaef;--muted:#9aa1ad;--accent:#00c389;--danger:#ff6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.topbar{background:var(--panel);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.logo{color:var(--accent);font-size:1.25rem}.who{color:var(--muted);align-items:center;gap:8px;display:flex}.content{max-width:420px;margin:32px auto;padding:0 16px}.auth,.demo{background:var(--panel);border-radius:8px;flex-direction:column;gap:10px;margin-bottom:16px;padding:16px;display:flex}h2,h3{margin:0}input{color:var(--text);background:#0f1115;border:1px solid #2c313c;border-radius:6px;padding:10px;font-size:1rem}button{background:var(--accent);color:#06281d;cursor:pointer;border:0;border-radius:6px;padding:8px 14px;font-weight:600}button[type=button]{color:var(--text);background:#2c313c}.row{flex-wrap:wrap;gap:8px;display:flex}.error{color:var(--danger);min-height:1em;margin:0}.hint,.status{color:var(--muted);font-size:.875rem}.status{text-align:center}a{color:var(--accent)}a.logo{text-decoration:none}a.button{background:var(--accent);color:#06281d;border-radius:6px;padding:6px 12px;font-weight:600;text-decoration:none}.content{max-width:880px}.panel{background:var(--panel);border-radius:8px;flex-direction:column;gap:10px;margin-bottom:16px;padding:16px;display:flex}textarea{color:var(--text);font:inherit;background:#0f1115;border:1px solid #2c313c;border-radius:6px;padding:10px}.list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.card{background:var(--panel);color:var(--text);border-radius:8px;flex-direction:column;gap:6px;padding:14px;text-decoration:none;display:flex}.card:hover{outline:1px solid var(--accent)}.card-top,.detail-head{align-items:center;gap:8px;display:flex}.detail-head h2{margin:0}.badge{color:var(--muted);white-space:nowrap;background:#2c313c;border-radius:999px;padding:2px 8px;font-size:.75rem}.badge.live{background:var(--danger);color:#fff}.player-box{aspect-ratio:16/9;background:#000;border-radius:8px;margin:12px 0;overflow:hidden}.player-box:empty{display:none}.description{white-space:pre-wrap}button.danger{color:var(--danger);background:#3a1d1d}button:disabled{opacity:.5;cursor:wait}.publish code{word-break:break-all;background:#0f1115;border-radius:6px;padding:8px;font-size:.8rem;display:block}.detail-head,.card-top{min-width:0}.detail-head h2,.card strong,.description,.hint{overflow-wrap:anywhere;min-width:0}[hidden]{display:none!important}.preview{background:#000;border-radius:8px;width:100%;max-height:360px}.pub-state{color:var(--muted);align-self:center}.pub-state.live{color:var(--danger)}.warn{color:#ffb74d;margin:0}.warn:empty{display:none}label.check{align-items:center;gap:6px;display:flex}.studio-mode{border-bottom:1px solid #2c313c;flex-direction:column;gap:6px;padding-bottom:10px;display:flex}.studio-mode h4{margin:0}select{color:var(--text);background:#0f1115;border:1px solid #2c313c;border-radius:6px;padding:8px}.preview.mirror{transform:scaleX(-1)}@media (width<=600px){.content{margin:16px auto}button,a.button,select{min-height:44px}.row>button,.row>select{flex:auto}.topbar{flex-wrap:wrap;gap:8px}}