:root{--color-ink: #07060a;--color-ink-soft: #100c18;--color-panel: rgba(16, 12, 24, .78);--color-bone: #f4f1ea;--color-mute: #9aa3b2;--color-cyan: #66fcf1;--color-teal: #45a29e;--color-acid: #d6ff3f;--color-scam: #ff2d55;--color-grape: #8b5cff;--mx: 50%;--my: 28%;--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-display);color:var(--color-bone);background:var(--color-ink)}.shell{min-height:100vh;display:grid;grid-template-rows:auto auto auto 1fr;background:radial-gradient(circle at var(--mx) var(--my),rgba(102,252,241,.14),transparent 36%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),var(--color-ink);background-size:auto,44px 44px,44px 44px,auto}.masthead{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-end;padding:1.3rem 1.6rem .7rem}.kicker{margin:0;color:var(--color-cyan);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem}h1,h2,h3{margin:.15rem 0 .45rem;font-weight:600}h1{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.03em}.lede{margin:0;color:var(--color-mute);max-width:28rem}.pills{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.pills span{border:1px solid rgba(102,252,241,.28);background:#080a0e8c;border-radius:999px;padding:.28rem .7rem;font-size:.75rem;color:var(--color-cyan)}.ticker{overflow:hidden;border-block:1px solid rgba(102,252,241,.12);background:#00000047}.ticker-track{display:flex;width:max-content;gap:2.4rem;padding:.45rem 0;animation:marquee 28s linear infinite;color:var(--color-teal);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.banner{margin:.8rem 1.6rem 0;padding:.85rem 1rem;background:var(--color-panel);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(102,252,241,.2);border-radius:16px}.fx-layer{position:relative}.fx-layer:before{content:"";position:absolute;inset:-1px;border-radius:16px;pointer-events:none;box-shadow:0 0 34px #8b5cff29}.stage{display:grid;grid-template-columns:250px minmax(0,1fr);gap:1rem;padding:1rem 1.6rem 1.4rem;min-height:0}.library,.folio,.console,.presets{background:var(--color-panel);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border:1px solid rgba(244,241,234,.08);border-radius:18px}.library{padding:1rem;display:flex;flex-direction:column;gap:1rem}.desk{display:grid;grid-template-rows:auto auto 1fr;gap:.8rem;min-width:0}.desk-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);gap:.8rem;min-height:0}.panel{display:grid;gap:.45rem}.label{margin:0;font-size:.7rem;color:var(--color-cyan);text-transform:uppercase;letter-spacing:.1em}.song-stack,.draft-stack{display:grid;gap:.4rem}.song-card{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:left}.song-card em{font-style:normal;color:var(--color-mute);font-size:.75rem}.presets{padding:.85rem 1rem}.preset-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.preset-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:.65rem}.preset{display:grid;gap:.2rem;text-align:left;padding:.7rem .75rem;background:linear-gradient(#0b0c10,#0b0c10) padding-box,linear-gradient(115deg,#ff2d55,#d6ff3f,#00e0ff,#8b5cff) border-box;border:1px solid transparent;background-size:100% 100%,220% 220%;animation:holo-idle 9s linear infinite}.preset span{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-acid)}@keyframes holo-idle{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}.tabs{display:flex;gap:.4rem}.folio,.console{padding:1rem;overflow:auto}.meta-row,.toggles,.actions,.row{display:flex;flex-wrap:wrap;gap:.7rem}.meta-row label,.toggles label,.stack{display:grid;gap:.28rem;flex:1}.editor-frame{display:grid;grid-template-columns:150px minmax(0,1fr);gap:.75rem;margin:.8rem 0}.section-map{display:grid;align-content:start;gap:.4rem}.section-chip{display:flex;justify-content:space-between;gap:.4rem;padding:.45rem .5rem;border-radius:10px;background:#00000059;border:1px solid rgba(102,252,241,.16);font-size:.78rem}.live-count{margin:.3rem 0 0;color:var(--color-mute);font-size:.75rem}button,input,select,textarea{font:inherit;color:inherit;background:#0b0c10;border:1px solid rgba(102,252,241,.28);border-radius:12px}button{padding:.5rem .75rem;cursor:pointer}button.active,button[aria-selected=true]{background:#66fcf129;color:var(--color-cyan)}button.ghost{background:transparent}button.primary{background:#66fcf1;color:#07060a;border-color:#66fcf1;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}input,select{width:100%;padding:.45rem .55rem}textarea{min-height:360px;width:100%;padding:.85rem;font-family:var(--font-mono);line-height:1.55;resize:vertical}fieldset{border:1px solid rgba(102,252,241,.18);border-radius:12px;width:100%}.warn{color:#ff8fab}.note{color:var(--color-teal);font-size:.84rem}.chips{color:var(--color-cyan);font-size:.82rem}.claim{color:var(--color-teal)}.console-head{display:flex;justify-content:space-between;align-items:baseline}.console-head p{margin:0;color:var(--color-mute);font-size:.8rem}.empty-console{padding:1.2rem 0;color:var(--color-mute)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.7rem 0 1rem}.stat-card{padding:.7rem .75rem;border-radius:14px;background:#00000057;border:1px solid rgba(102,252,241,.12)}.stat-card.wide{grid-column:1 / -1}.stat-card p{margin:0;color:var(--color-mute);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.stat-card strong{display:block;font-size:1.45rem;letter-spacing:-.03em;margin:.15rem 0}.stat-card small,.wpl small{color:var(--color-teal)}.wpl{margin:0 0 1rem}.wpl-bars{display:flex;align-items:flex-end;gap:3px;height:56px;margin:.45rem 0}.wpl-bars span{flex:1;background:linear-gradient(180deg,var(--color-cyan),var(--color-grape));border-radius:4px 4px 0 0;min-width:4px}.gram-list{list-style:none;padding:0}.gram-list li{font-family:var(--font-mono);font-size:.8rem;margin:.25rem 0}.gram-list code{color:var(--color-acid)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.86rem}th,td{border-bottom:1px solid rgba(197,198,199,.12);padding:.4rem .25rem;text-align:left}small{color:var(--color-mute)}.diff{list-style:none;padding:0;font-family:var(--font-mono);font-size:.84rem}.diff .add{color:#2fd57a}.diff .remove{color:#ff2d55}@keyframes pulse-glow{0%,to{box-shadow:0 0 #66fcf133}50%{box-shadow:0 0 28px 4px #66fcf159}}.pulse-glow{animation:pulse-glow 2.2s ease-in-out infinite}@media(max-width:1180px){.stage,.desk-body,.editor-frame,.preset-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}