:root{
  --bg:#07111d;
  --bg-2:#0d1b2e;
  --panel:rgba(13,21,35,.84);
  --panel-strong:rgba(17,28,44,.92);
  --line:rgba(120,164,230,.28);
  --line-strong:rgba(160,205,255,.5);
  --text:#eef5ff;
  --muted:#a9bddf;
  --glow:#71c7ff;
  --blue:#4a89ff;
  --purple:#aa77ff;
  --rose:#ff7588;
  --green:#7ef3cb;
}
*{box-sizing:border-box}
body{
  margin:0;
  color:var(--text);
  font-family:"Space Grotesk","Outfit",Segoe UI,Tahoma,Geneva,Verdana,sans-serif;
  background:
    radial-gradient(920px 520px at 12% -12%, rgba(61,129,255,.26), transparent 58%),
    radial-gradient(820px 520px at 88% 0%, rgba(155,98,255,.18), transparent 56%),
    linear-gradient(180deg,#060d18,#0c1626 48%,#09111d 100%);
}
body.theme-signal{
  background:
    radial-gradient(900px 520px at 12% -12%, rgba(0,245,190,.22), transparent 58%),
    radial-gradient(760px 500px at 88% 0%, rgba(80,180,255,.16), transparent 56%),
    linear-gradient(180deg,#061214,#0b2126 48%,#09161c 100%);
}
body.theme-ember{
  background:
    radial-gradient(900px 520px at 12% -12%, rgba(255,146,72,.24), transparent 58%),
    radial-gradient(760px 500px at 88% 0%, rgba(255,80,120,.18), transparent 56%),
    linear-gradient(180deg,#170b0a,#24120f 48%,#170d0d 100%);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  background:
    linear-gradient(180deg,rgba(3,8,15,.42),rgba(3,8,15,.28) 35%,rgba(3,8,15,.46)),
    url('/static/images/woman-waking-up12.jpg') center/cover no-repeat;
  opacity:.96;
  z-index:-2;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  background:repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 6px);
  opacity:.25;
  pointer-events:none;
  z-index:-1;
}
button,input,select,textarea{font:inherit}
button{
  border:1px solid rgba(187,220,255,.28);
  background:linear-gradient(180deg,rgba(69,108,179,.96),rgba(33,60,103,.96));
  color:#fff;
  border-radius:14px;
  padding:10px 14px;
  cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease, border-color .16s ease;
}
button:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 0 20px rgba(113,199,255,.22)}
button:active{transform:translateY(0)}
button.ghost{background:linear-gradient(180deg,rgba(250,252,255,.94),rgba(220,232,247,.92));color:#123b72}
label{display:grid;gap:6px;color:var(--muted);font-size:13px}
input,select,textarea{
  width:100%;
  border-radius:12px;
  border:1px solid rgba(160,205,255,.24);
  background:rgba(9,17,28,.72);
  color:var(--text);
  padding:10px 12px;
  outline:none;
}
textarea{min-height:120px;resize:vertical}

body.studio-api-locked{
  overflow:hidden;
}
.studio-page{
  position:relative;
}
.studio-access-gate{
  position:sticky;
  top:18px;
  z-index:40;
  display:flex;
  justify-content:center;
  padding:18px 0 8px;
}
.studio-access-gate[hidden]{
  display:none !important;
}
.studio-access-card{
  width:min(720px, calc(100vw - 40px));
  padding:22px 24px;
  border:1px solid rgba(160,205,255,.28);
  border-radius:24px;
  background:linear-gradient(180deg, rgba(7,17,29,.95), rgba(9,21,36,.92));
  box-shadow:0 24px 80px rgba(2,10,21,.42), 0 0 30px rgba(113,199,255,.14);
  backdrop-filter:blur(16px);
}
.studio-access-card h2{
  margin:10px 0 8px;
  font-size:clamp(28px, 4vw, 40px);
}
.studio-access-card p{
  margin:0 0 12px;
  color:var(--text);
}
.studio-access-meta{
  color:var(--green);
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.studio-access-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}
.studio-access-actions button{
  min-width:170px;
}
body.studio-api-locked .studio-page > :not(.studio-access-gate){
  filter:blur(5px) saturate(.84);
  opacity:.3;
  pointer-events:none;
  user-select:none;
}
.studio-command-deck{
  display:grid;
  gap:18px;
  margin-top:18px;
  background:
    linear-gradient(135deg, rgba(12,29,48,.94), rgba(8,18,31,.92)),
    radial-gradient(circle at top right, rgba(113,199,255,.18), transparent 35%);
  border:1px solid rgba(145,208,255,.22);
}
.studio-command-copy h2{
  margin:10px 0 8px;
  font-size:clamp(28px, 4vw, 42px);
}
.studio-command-copy p{
  margin:0;
  color:var(--text);
  max-width:960px;
}
.studio-command-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.studio-command-grid{
  display:grid;
  gap:14px;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
}
.studio-api-masthead{
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(0, .9fr);
  gap:18px;
  margin-bottom:14px;
  background:
    radial-gradient(circle at top right, rgba(126,243,203,.12), transparent 36%),
    linear-gradient(135deg, rgba(9,21,36,.96), rgba(11,28,47,.92));
  border:1px solid rgba(126,243,203,.2);
}
.studio-api-column h2{
  margin:10px 0 8px;
  font-size:clamp(28px, 4vw, 44px);
}
.studio-api-column p{
  margin:0;
  color:var(--text);
  line-height:1.6;
  max-width:780px;
}
.studio-api-grid{
  display:grid;
  gap:12px;
  grid-template-columns:repeat(2, minmax(0, 1fr));
}
.studio-api-grid article{
  display:grid;
  gap:8px;
  padding:16px;
  border-radius:18px;
  background:rgba(7,17,29,.62);
  border:1px solid rgba(126,243,203,.16);
}
.studio-api-grid span{
  color:var(--green);
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.studio-api-grid strong{
  font-size:15px;
  line-height:1.4;
}
.studio-website-voice{
  display:grid;
  gap:18px;
  margin-bottom:14px;
  background:
    radial-gradient(circle at bottom left, rgba(113,199,255,.14), transparent 36%),
    linear-gradient(135deg, rgba(9,21,36,.96), rgba(13,33,58,.92));
  border:1px solid rgba(113,199,255,.2);
}
.studio-voice-mode-grid{
  display:grid;
  gap:12px;
  grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));
}
.voice-mode-card{
  display:grid;
  gap:8px;
  padding:16px;
  border-radius:18px;
  background:rgba(7,17,29,.62);
  border:1px solid rgba(113,199,255,.16);
}
.voice-mode-card span{
  color:var(--green);
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.voice-mode-card strong{
  font-size:15px;
  line-height:1.45;
}
.command-card{
  display:grid;
  gap:8px;
  padding:18px;
  border-radius:18px;
  background:rgba(7,17,29,.62);
  border:1px solid rgba(160,205,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.command-card strong{
  font-size:18px;
}
.command-card span{
  color:var(--muted);
  line-height:1.45;
}
.command-label{
  color:var(--green);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.studio-page{max-width:1400px;margin:0 auto;padding:18px 18px 120px;position:relative}
.studio-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.studio-top h1{margin:0 0 8px;font-size:clamp(28px,4vw,40px);letter-spacing:.02em}
.studio-top p{margin:0;color:var(--muted);max-width:760px;line-height:1.5}
.competition-world-studio .studio-top h1{text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 18px rgba(113,199,255,.32)}
.badge-wrap{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.badge{border:1px solid rgba(170,210,255,.28);background:rgba(19,31,49,.78);padding:8px 12px;border-radius:999px;font-size:12px;color:#e5f0ff}
.competition-world-studio .studio-world-banner{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.competition-world-studio .studio-world-copy h2{margin:6px 0 8px;font-size:22px}
.competition-world-studio .studio-world-copy p{margin:0;color:var(--muted);max-width:760px;line-height:1.55}
.competition-world-studio .studio-world-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.competition-world-studio .studio-world-pills span{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:linear-gradient(180deg, rgba(255,255,255,.13), rgba(104,135,188,.18));border:1px solid rgba(132,180,247,.24);color:#eaf4ff;font-size:12px;letter-spacing:.05em}
@media (max-width: 920px){
  .studio-api-masthead{
    grid-template-columns:1fr;
  }
}
.studio-jake-orb{
  position:fixed;
  top:24px;
  right:26px;
  width:50px;
  height:50px;
  border-radius:50%;
  z-index:35;
  border:1px solid rgba(255,180,255,.78);
  background:radial-gradient(circle at 34% 30%, rgba(255,222,255,.98), rgba(199,126,255,.82), rgba(46,18,89,.92));
  box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 26px rgba(186,112,255,.6),0 0 50px rgba(96,41,188,.34);
  animation:jakePulse 1.55s ease-in-out infinite;
}
@keyframes jakePulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.16);box-shadow:0 0 0 1px rgba(255,255,255,.16),0 0 32px rgba(204,130,255,.72),0 0 66px rgba(109,61,231,.42)}
}
.studio-utility-bar{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.studio-utility-bar button{background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(147,176,220,.12));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.theme-arrow{
  min-width:46px;
  padding:10px 0;
  background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(97,130,188,.12));
}
.studio-main-bar{
  position:sticky;
  top:10px;
  z-index:32;
  display:flex;
  justify-content:flex-start;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 14px;
  padding:10px 12px;
  border-radius:18px;
  border:1px solid rgba(132,180,247,.2);
  background:rgba(7,13,22,.72);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 14px 28px rgba(0,0,0,.22);
}
.competition-world-studio .studio-utility-bar,
.competition-world-studio .studio-main-bar{box-shadow:0 18px 34px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.04)}
.studio-main-bar button{background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(104,135,188,.18))}
.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.card{
  background:linear-gradient(180deg,rgba(18,29,47,.88),rgba(8,14,24,.88));
  border:1px solid var(--line);
  box-shadow:0 22px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  border-radius:24px;
  padding:16px;
  position:relative;
  overflow:hidden;
}
.card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 35%,transparent 65%,rgba(112,184,255,.04));pointer-events:none}
.card.wide{grid-column:1/-1}
.competition-world-studio .board-stage-card,
.competition-world-studio .studio-hero-card,
.competition-world-studio .profile-launch-card{border-color:rgba(133,196,255,.26)}
@media (max-width: 980px){
  .studio-api-masthead{
    grid-template-columns:1fr;
  }
  .studio-api-grid{
    grid-template-columns:1fr;
  }
}
.studio-hero-card,
.profile-launch-card,
.math-card,
.board-stage-card,
.studio-guidance-card{scroll-margin-top:190px}
.profile-launch-button{
  width:100%;
  display:block;
  padding:0;
  background:transparent;
  border:none;
  text-align:left;
}
.profile-mini.overlay{margin-bottom:14px}
.stage-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.stage-board-controls{display:none}
.compact-settings{
  margin-bottom:14px;
}
.board-stage-card{
  overflow:visible;
}
.board-hidden-actions{
  display:none;
}
.timeline-track.selected-track{
  border-color:rgba(113,199,255,.62);
  box-shadow:0 0 0 1px rgba(113,199,255,.32), 0 24px 36px rgba(0,0,0,.22);
}
.timeline-track-title-button{
  border:none;
  background:transparent;
  padding:0;
  color:#dce9ff;
  font-weight:700;
  letter-spacing:.04em;
  cursor:pointer;
}
.timeline-track.selected-track .timeline-track-title-button{
  color:#9ad9ff;
  text-shadow:0 0 14px rgba(113,199,255,.34);
}
.motherboard-card{padding:18px 18px 16px}
.motherboard-head,.timeline-topline,.profile-mini,.timeline-track-head,.timeline-top-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.motherboard-head h2,.card h2{margin:0 0 8px;font-size:18px}
.status{color:var(--muted);font-size:13px;line-height:1.45}
.motherboard-actions,.controls,.row,.timeline-lane-actions,.transport-controls,.launch-actions{display:flex;gap:8px;flex-wrap:wrap}
.motherboard-grid,.fx-grid,.profile-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.motherboard-plus-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.profile-mini{margin-bottom:10px}
.profile-avatar{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(113,199,255,.35),rgba(170,119,255,.42));font-weight:700;letter-spacing:.08em}
.profile-avatar.has-image{
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  color:transparent;
}
.profile-name{font-weight:700;font-size:15px}
.profile-stats{margin-top:10px}
.profile-stat{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(173,201,255,.14)}
.profile-stat strong{display:block;font-size:18px;color:#fff}
.transport-inline,.placement-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.transport-inline{grid-template-columns:1fr}
.transport-inline .placement-inline{max-width:420px}
.record-main-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,rgba(150,16,40,.98),rgba(91,9,24,.98));border-color:rgba(255,140,157,.45)}
.record-dot{width:12px;height:12px;border-radius:50%;background:#ff2f4f;box-shadow:0 0 12px rgba(255,47,79,.85)}
.record-main-btn.is-recording .record-dot{animation:recordPulse .72s ease-in-out infinite}
.record-main-btn.is-recording{box-shadow:0 0 0 2px rgba(255,122,142,.48),0 0 28px rgba(255,73,106,.48)}
@keyframes recordPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}
.fx-grid input[type="range"],.motherboard-grid input[type="range"]{padding:0}
.board-meter{position:relative;height:12px;border-radius:999px;background:rgba(3,8,15,.72);border:1px solid rgba(136,176,230,.25);overflow:hidden;margin-top:10px}
.board-meter span{display:block;height:100%;width:22%;background:linear-gradient(90deg,#61d0ff,#7ef3cb,#f4ff8e);box-shadow:0 0 14px rgba(126,243,203,.4);transition:width .18s ease}
.result-list{margin:8px 0 0;padding-left:18px;color:var(--muted)}
.timeline-transport{position:sticky;top:12px;z-index:20;margin-bottom:10px;padding:10px 12px;border-radius:16px;background:rgba(6,11,18,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(132,180,247,.18);box-shadow:0 12px 26px rgba(0,0,0,.22)}
.timeline-top-actions{margin-bottom:12px}
.timeline-import-label{min-width:220px;flex:1 1 260px}
.timeline-import-label input{margin-top:6px}
.timeline-clip-bank{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}
.timeline-clip-bank:empty{display:none}
.clip-chip{border-radius:999px;padding:9px 13px;background:linear-gradient(180deg,rgba(26,48,78,.98),rgba(18,31,53,.98));border:1px solid rgba(132,180,247,.28);font-size:12px}
.clip-chip.selected{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 20px rgba(113,199,255,.22);background:linear-gradient(180deg,rgba(82,150,255,.98),rgba(39,92,188,.98))}
.clip-chip.empty{opacity:.84;background:linear-gradient(180deg,rgba(33,44,61,.92),rgba(16,23,34,.94))}
.timeline-lane-actions{margin:8px 0 12px}
.timeline-tracks{display:grid;gap:12px}
.timeline-track{border-radius:20px;border:1px solid rgba(136,176,230,.24);background:linear-gradient(180deg,rgba(10,19,32,.88),rgba(5,10,18,.95));padding:12px;position:relative}
.timeline-track.hidden-track{display:none}
.timeline-track-head{margin-bottom:10px}
.timeline-track-title{font-size:13px;font-weight:700;letter-spacing:.04em;color:#dce9ff}
.timeline-track-type{font-size:11px;color:#88b3ff;opacity:.55}
.timeline-track-body{position:relative;min-height:118px;border-radius:18px;border:1px solid rgba(97,140,209,.22);overflow:auto;background:
  linear-gradient(180deg,rgba(11,20,34,.95),rgba(7,12,22,.98)),
  repeating-linear-gradient(90deg,rgba(135,176,236,.14) 0 1px,transparent 1px 54px),
  repeating-linear-gradient(0deg,rgba(135,176,236,.08) 0 1px,transparent 1px 26px)}
.timeline-track-body::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(113,199,255,.08),transparent 22%,transparent 78%,rgba(170,119,255,.08));pointer-events:none}
.timeline-track-body::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(167,196,230,.14);pointer-events:none}
.timeline-clip{position:absolute;top:18px;height:78px;border-radius:18px;border:1px solid rgba(255,255,255,.16);padding:8px 12px;display:flex;align-items:flex-end;justify-content:flex-start;color:#fff;overflow:hidden;box-shadow:0 18px 30px rgba(0,0,0,.28)}
.timeline-clip.mp3{background:linear-gradient(180deg,rgba(47,104,205,.98),rgba(20,51,95,.98))}
.timeline-clip.recorded{background:linear-gradient(180deg,rgba(171,42,76,.98),rgba(86,18,38,.98))}
.timeline-clip.instrument{background:linear-gradient(180deg,rgba(122,72,204,.98),rgba(55,30,105,.98))}
.timeline-clip.selected{outline:2px solid rgba(120,190,255,.95);box-shadow:0 0 0 3px rgba(72,148,255,.36),0 20px 36px rgba(0,0,0,.36)}
.timeline-clip-live{position:absolute;inset:0;pointer-events:none}
.clip-handle{
  position:absolute;
  top:8px;
  width:18px;
  height:34px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.28);
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(96,130,188,.12));
  display:grid;
  place-items:center;
  color:#fff;
  font-size:12px;
  font-weight:700;
  z-index:2;
  cursor:ew-resize;
}
.clip-handle.left{left:8px}
.clip-handle.right{right:8px}
.clip-handle::before{content:"↕"}
.timeline-clip.selected .timeline-clip-label{padding:0 22px}
.timeline-waveform{position:absolute;inset:10px 10px 24px 10px;display:flex;align-items:center;gap:2px;pointer-events:none}
.wave-bar{
  --wave-height:42%;
  --wave-intensity:.45;
  position:relative;
  flex:1 1 auto;
  min-width:2px;
  height:calc(var(--wave-height) * .5);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(205,227,255,.4));
  opacity:calc(.55 + (var(--wave-intensity) * .45));
  box-shadow:0 0 12px rgba(160,214,255,.14);
}
.wave-bar::before,
.wave-bar::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:100%;
  border-radius:999px;
  background:inherit;
}
.wave-bar::before{bottom:100%;margin-bottom:1px}
.wave-bar::after{top:100%;margin-top:1px}
.timeline-clip.recorded .wave-bar{
  background:linear-gradient(180deg,rgba(255,233,238,.98),rgba(255,122,146,.42));
  box-shadow:0 0 14px rgba(255,122,146,.18);
}
.timeline-clip.instrument .wave-bar{
  background:linear-gradient(180deg,rgba(242,235,255,.98),rgba(195,150,255,.42));
  box-shadow:0 0 14px rgba(195,150,255,.18);
}
.timeline-clip-label{position:relative;z-index:1;width:100%;display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.55)}
.timeline-clip-label .clip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}
.timeline-clip-label .clip-meta{opacity:.92;font-weight:700}
.timeline-empty{padding:20px;color:var(--muted)}
.undo-history{display:grid;gap:8px;max-height:220px;overflow:auto}
.undo-item{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(173,201,255,.14);color:var(--muted)}
.undo-item strong{color:#fff}
.studio-footer{position:sticky;bottom:8px;z-index:10;margin-top:18px;padding:12px 14px;border-radius:16px;background:rgba(6,11,18,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;gap:14px;flex-wrap:wrap;justify-content:center;border:1px solid rgba(132,180,247,.18)}
.studio-footer a{color:#dce9ff;text-decoration:none;font-size:13px}
.studio-footer a:hover{text-decoration:underline}
@media (max-width:980px){
  .studio-grid,.motherboard-grid,.fx-grid,.profile-stats{grid-template-columns:1fr}
  .studio-utility-bar{justify-content:flex-start}
  .studio-jake-orb{top:auto;bottom:96px;right:18px}
}
@media (max-width:720px){
  .studio-page{padding:14px 12px 120px}
  .timeline-top-actions,.timeline-lane-actions,.motherboard-actions,.motherboard-plus-row,.controls,.row,.badge-wrap{display:grid;grid-template-columns:1fr}
  .transport-inline,.placement-inline{grid-template-columns:1fr}
  .timeline-clip{height:70px}
  .studio-top h1{font-size:30px}
}
.recent-boards{margin-top:12px;border:1px solid rgba(132,180,247,.18);border-radius:16px;background:rgba(255,255,255,.03);padding:10px 12px}
.recent-boards summary{cursor:pointer;color:#dce9ff;font-weight:700}
.recent-boards-list{display:grid;gap:8px;margin-top:10px}
.recent-board-item{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(173,201,255,.14);color:var(--muted)}
.recent-board-item strong{color:#fff}
.gig-editor-shell[hidden]{display:none}
.gig-editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.gig-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gig-panel{border:1px solid rgba(132,180,247,.18);border-radius:18px;padding:14px;background:rgba(255,255,255,.03)}
.gig-panel h3{margin:0 0 10px}
.gig-edit-tools{margin-bottom:12px}
.gig-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gig-preview-window{position:relative;min-height:320px;border-radius:18px;border:1px solid rgba(132,180,247,.18);background:linear-gradient(180deg,rgba(6,12,22,.96),rgba(10,20,36,.94));display:grid;place-items:center;overflow:hidden}
.gig-preview-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%, rgba(113,199,255,.24), transparent 42%), radial-gradient(circle at 55% 68%, rgba(170,119,255,.18), transparent 35%)}
.gig-preview-copy{position:relative;z-index:1;max-width:420px;text-align:center;color:#dce9ff;line-height:1.5;padding:20px}
@media (max-width:980px){.gig-editor-grid,.gig-stats-grid{grid-template-columns:1fr}}
.giga-close-btn{min-width:58px;font-weight:700}
.studio-page.gig-active .studio-grid > .card:not(.motherboard-card):not(.gig-editor-shell):not(:has(#timelineTracks)){opacity:.52;filter:saturate(.78)}
.gig-live-tools button{background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(104,135,188,.18))}
#recentSessionSelect{min-width:240px}
.sticky-editor-bar{
  position:fixed;
  left:18px;
  right:18px;
  top:78px;
  width:auto;
  z-index:48;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:space-between;
  padding:10px 12px;
  border-radius:18px;
  border:1px solid rgba(132,180,247,.22);
  background:rgba(7,13,22,.84);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 18px 36px rgba(0,0,0,.28);
}
.sticky-editor-bar[hidden]{display:none}
.sticky-editor-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sticky-editor-bar button{padding:9px 12px}
.sticky-editor-bar button[aria-label]{min-width:54px;font-weight:700}
.sticky-file-trigger{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:14px;
  border:1px solid rgba(187,220,255,.28);
  background:linear-gradient(180deg,rgba(69,108,179,.96),rgba(33,60,103,.96));
  color:#fff;
  cursor:pointer;
}
.sticky-file-trigger input{display:none}
.sticky-record-core{
  width:14px;
  height:14px;
  display:inline-block;
  border-radius:50%;
  background:#ff314f;
  box-shadow:0 0 0 2px rgba(255,255,255,.18),0 0 14px rgba(255,49,79,.55);
}
.gig-mp4-upload{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:14px;
  border:1px solid rgba(187,220,255,.28);
  background:linear-gradient(180deg,rgba(69,108,179,.96),rgba(33,60,103,.96));
  color:#fff;
  cursor:pointer;
}
.gig-mp4-upload input{
  display:none;
}
.sticky-gig-bar{top:144px}
.studio-page.sticky-editor-live .board-stage-card,
.studio-page.sticky-editor-live #gigEditorShell{scroll-margin-top:170px}
@media (max-width:720px){
  .sticky-editor-bar{top:66px;width:calc(100vw - 18px);padding:8px}
  .sticky-gig-bar{top:150px}
  .sticky-editor-group{width:100%}
}
.timeline-track-lane{position:relative;min-height:118px;min-width:100%;}
.timeline-track-body.drag-over{box-shadow:inset 0 0 0 2px rgba(113,199,255,.65)}
.studio-profile-overlay,
.studio-guide-overlay,
.studio-purchase-overlay{
  position:fixed;
  inset:0;
  z-index:70;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(4,10,17,.66);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.studio-profile-overlay[hidden],
.studio-guide-overlay[hidden],
.studio-purchase-overlay[hidden]{
  display:none !important;
}
.studio-profile-modal,
.studio-guide-modal{
  width:min(760px,100%);
  border-radius:24px;
  border:1px solid rgba(132,180,247,.22);
  background:linear-gradient(180deg,rgba(18,29,47,.94),rgba(8,14,24,.94));
  box-shadow:0 26px 48px rgba(0,0,0,.34);
  padding:22px;
  position:relative;
}
.profile-close-btn{
  position:absolute;
  top:16px;
  right:16px;
}
.guidance-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.bot-response{
  margin-bottom:12px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(173,201,255,.14);
  color:#eef5ff;
}
.profile-open{
  overflow:hidden;
}
@media (max-width: 900px){
  .competition-world-studio .studio-world-banner{flex-direction:column}
  .competition-world-studio .studio-world-pills{justify-content:flex-start}
}