:root{--bg: #f4f3f0;--card: #ffffff;--border: #ddd9d2;--text: #222;--text-muted: #777;--accent: #222;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}h1{font-size:18px;font-weight:600;margin:0}h3{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 8px}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--card);border-radius:6px;padding:6px 12px}button:hover{background:#efece6}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{opacity:.9}input[type=password],input[type=number]{font:inherit;padding:6px 8px;border:1px solid var(--border);border-radius:6px}input[type=color]{width:40px;height:28px;padding:2px;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer}#background-hex{font-family:monospace;color:var(--text-muted)}#login-screen[hidden]{display:none}#login-screen{height:100vh;display:flex;align-items:center;justify-content:center}#login-form{display:flex;flex-direction:column;gap:10px;width:260px;background:var(--card);padding:24px;border-radius:10px;border:1px solid var(--border)}.error{color:#b3261e;font-size:13px;margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:var(--card);border-bottom:1px solid var(--border)}#app-body{display:flex;height:calc(100vh - 53px)}#scene-list{width:280px;overflow-y:auto;border-right:1px solid var(--border);padding:12px}.group-label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:16px 0 6px}.group-label:first-child{margin-top:0}.scene-item{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:6px;border:1px solid transparent;background:none;margin-bottom:2px}.scene-item:hover{background:var(--card)}.scene-item.active{background:var(--card);border-color:var(--border)}.scene-item .name{font-weight:500}.scene-item .meta{display:block;font-size:12px;color:var(--text-muted)}#detail-panel{flex:1;overflow-y:auto;padding:20px}.empty-hint{color:var(--text-muted)}.detail-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.detail-header h2{margin:0;font-size:20px}.action-row{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:1fr 420px;gap:24px;align-items:start}.form-section{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:14px;margin-bottom:14px}.checkbox{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer}.range-row{padding:6px 0}.range-inputs[hidden]{display:none}.range-inputs{display:flex;align-items:center;gap:8px;margin:6px 0 0 24px}.range-inputs input{width:80px}.readonly-info{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:14px;font-size:13px;color:var(--text-muted);margin-bottom:14px}.readonly-info strong{color:var(--text)}iframe.preview-frame{width:100%;height:420px;border:1px solid var(--border);border-radius:8px;background:#000}pre.iframe-code{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:10px;font-size:12px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.status-message{font-size:13px;margin:8px 0}.status-message.ok{color:#1a7a1a}.status-message.error{color:#b3261e}