:root { color-scheme: dark; --bg:#07080d; --ink:#f6eddd; --muted:#b4a898; --line:rgba(255,255,255,.13); --panel:rgba(16,17,24,.74); --accent:#f0b35b; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
  *{box-sizing:border-box} body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);overflow:hidden} button,input{font:inherit} button{cursor:pointer;color:inherit}
  .stage{position:relative;min-height:100vh;isolation:isolate;background:url('/assets/images/night-city-window.png') center/cover no-repeat fixed}
  .titlebar{display:none}
  .dock{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);width:min(640px,calc(100% - 28px));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.12);color:#111;backdrop-filter:blur(28px) saturate(140%);box-shadow:0 24px 90px rgba(0,0,0,.28)}.play,.settings{border:0;background:transparent;width:44px;height:44px;border-radius:50%;font-size:22px;line-height:1;display:grid;place-items:center;color:#111}.play{font-size:24px;padding-left:2px}.settings{width:54px;height:54px;font-size:28px}.play:hover,.settings:hover{background:rgba(255,255,255,.18)}.dock-info{min-width:0}.dock-info strong{display:block;font-size:15px}.dock-info span{display:block;color:rgba(17,17,17,.58);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
  .sheet{position:fixed;right:20px;top:20px;bottom:106px;width:min(520px,calc(100% - 40px));padding:20px;border:1px solid var(--line);border-radius:28px;background:rgba(13,14,20,.84);backdrop-filter:blur(26px);box-shadow:0 30px 120px rgba(0,0,0,.48);transform:translateX(calc(100% + 32px));transition:transform .28s ease;overflow:auto}.sheet.open{transform:translateX(0)}.sheet-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.sheet-head p{margin:0 0 6px;color:var(--muted)}.sheet-head h2{margin:0;font-size:30px;letter-spacing:-.05em}.sheet-head button,.actions button,.scene-item button{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.06);padding:10px 14px}.field{margin-top:18px}.field label{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:8px}.field input[type=text],.field input:not([type]){width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.06);color:var(--ink);padding:13px 14px}.range-field input{width:100%;accent-color:var(--accent)}
  .sound-list{display:grid;gap:10px;margin-top:18px}.sound-row{display:grid;grid-template-columns:128px 1fr 48px;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}.sound-row.active{border-color:rgba(240,179,91,.62);background:rgba(240,179,91,.12)}.sound-toggle{border:0;background:transparent;text-align:left;padding:0}.sound-toggle span{margin-right:8px}.sound-row input{accent-color:var(--accent);min-width:0}.sound-row b{color:var(--muted);font-size:13px;text-align:right}
  .actions{display:flex;gap:10px;margin-top:18px}.actions .primary{background:var(--accent);color:#1d1205;border-color:transparent}.saved{margin-top:22px}.saved h3{margin:0 0 10px}.scene-list{display:flex;flex-wrap:wrap;gap:10px}.scene-item{position:relative}.scene-item .load{min-height:44px;padding:12px 18px;text-align:left;background:rgba(255,255,255,.10)}.scene-tools{position:absolute;left:0;top:calc(100% + 6px);z-index:4;display:none;gap:6px;padding:6px;border:1px solid var(--line);border-radius:999px;background:rgba(13,14,20,.92);backdrop-filter:blur(18px);box-shadow:0 12px 36px rgba(0,0,0,.35);white-space:nowrap}.scene-item:hover .scene-tools,.scene-item:focus-within .scene-tools,.scene-item.show-tools .scene-tools{display:flex}.scene-tools button{padding:8px 10px;font-size:13px}.empty{color:var(--muted);margin:0}
  @media(max-width:720px){body{overflow:auto}.stage{background-position:left center;background-attachment:scroll}.titlebar h1{font-size:54px}.sheet{left:14px;right:14px;top:auto;bottom:92px;width:auto;max-height:70vh}.sound-row{grid-template-columns:112px 1fr 42px}.scene-item{grid-template-columns:1fr 1fr}.actions{flex-direction:column}.dock{bottom:14px}.play{width:42px;height:42px}.settings{width:50px;height:50px}}