/* Therapeutic / wellbeing audio studio presentation */
body.audio-studio-page{
  --studio-cyan:#42d9ff;--studio-blue:#4f7cff;--studio-green:#4ade80;--studio-amber:#fbbf24;
  background:
    radial-gradient(circle at 12% -8%,rgba(66,217,255,.16),transparent 35%),
    radial-gradient(circle at 92% 8%,rgba(79,124,255,.14),transparent 30%),
    #07111d;
  color:#edf7ff;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.audio-studio-page>header.studio-hero{
  width:min(1280px,calc(100% - 28px));margin:0 auto;padding:54px 0 20px;text-align:left;
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:22px;align-items:stretch;
}
.studio-hero-copy,.studio-hero-side{
  border:1px solid rgba(255,255,255,.11);border-radius:24px;
  background:linear-gradient(155deg,rgba(16,35,57,.94),rgba(8,21,35,.94));box-shadow:0 22px 60px rgba(0,0,0,.25);
}
.studio-hero-copy{padding:clamp(22px,4vw,38px)}
.studio-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--studio-cyan);font-size:.76rem;letter-spacing:.15em;text-transform:uppercase;font-weight:900}
.studio-kicker:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--studio-cyan);box-shadow:0 0 18px rgba(66,217,255,.6)}
.audio-studio-page .studio-hero h1{margin:0 0 14px;font-size:clamp(2.35rem,7vw,5.2rem);line-height:.98;letter-spacing:-.055em}
.studio-hero-copy>p{max-width:760px;margin:0;color:#a9bfd2;font-size:clamp(1rem,2vw,1.18rem);line-height:1.6}
.studio-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.studio-hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 15px;border-radius:999px;text-decoration:none;font-weight:850;border:1px solid rgba(255,255,255,.12)}
.studio-hero-actions a:first-child{background:linear-gradient(135deg,var(--studio-cyan),#2878e8);color:#04121d;border-color:transparent}
.studio-hero-actions a:last-child{color:#e8f7ff;background:rgba(255,255,255,.05)}
.studio-hero-side{padding:20px;display:grid;gap:10px;align-content:center}
.studio-hero-stat{padding:13px 14px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.035)}
.studio-hero-stat strong{display:block;margin-bottom:4px;color:#f4fbff}.studio-hero-stat span{color:#9eb4c7;font-size:.9rem;line-height:1.45}
.audio-studio-page main{width:min(1280px,calc(100% - 28px));margin:0 auto 54px;gap:18px}
.audio-studio-page .card{border-radius:22px;padding:22px;border-color:rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(17,35,56,.96),rgba(9,22,36,.96));box-shadow:0 16px 44px rgba(0,0,0,.22)}
.audio-studio-page .card h2{font-size:clamp(1.3rem,2.4vw,1.7rem);letter-spacing:-.025em}
.audio-studio-page label{color:#c8d9e6;font-size:.92rem}
.audio-studio-page input[type=text],.audio-studio-page input[type=number],.audio-studio-page select,.audio-studio-page textarea{
  min-height:46px;border-color:rgba(255,255,255,.13);background:#071521;color:#edf7ff;padding:12px 13px;border-radius:13px
}
.audio-studio-page input:focus,.audio-studio-page select:focus,.audio-studio-page textarea:focus{border-color:rgba(66,217,255,.72);box-shadow:0 0 0 4px rgba(66,217,255,.10)}
.audio-studio-page input[type=file]{min-height:54px;border-color:rgba(66,217,255,.25);background:rgba(66,217,255,.035)}
.audio-studio-page button{min-height:44px;border-radius:13px;transition:transform .15s ease,filter .15s ease}
.audio-studio-page button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.audio-studio-page .small,.audio-studio-page .status{color:#91a9bd}

/* Quick session control surface */
.studio-control-deck{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)!important;gap:18px!important;border-color:rgba(66,217,255,.25)!important;background:linear-gradient(145deg,rgba(18,55,78,.88),rgba(9,24,40,.97))!important}
.studio-control-deck h2{font-size:clamp(1.55rem,3vw,2.15rem)!important}
.studio-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 6px}
.studio-start-grid button{min-height:52px}
.studio-start-primary{background:linear-gradient(135deg,var(--studio-green),#20b86e)!important;color:#03130b!important}
.studio-stop-all{background:linear-gradient(135deg,#fb7185,#dc2626)!important;color:white!important}
.studio-session-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.studio-summary{height:100%;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(0,0,0,.16)}
.studio-summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.studio-live-dot{width:10px;height:10px;border-radius:50%;background:#64748b;box-shadow:0 0 0 7px rgba(100,116,139,.10)}
.studio-live-dot.on{background:var(--studio-green);box-shadow:0 0 0 7px rgba(74,222,128,.12)}
.studio-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.studio-summary-grid div{padding:10px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.studio-summary-grid span{display:block;color:#7f9bb1;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.studio-summary-grid strong{display:block;margin-top:4px;color:#edf7ff;font-size:.92rem;overflow-wrap:anywhere}
.studio-countdown{margin-top:12px;color:#a9bfd2;font-size:.9rem}

/* Preset + pacing */
.studio-primary{border-color:rgba(66,217,255,.18)!important}
.studio-primary>div:first-child{min-width:0}
.studio-pacer{display:grid;place-items:center;min-height:230px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:radial-gradient(circle at center,rgba(66,217,255,.10),transparent 58%),rgba(0,0,0,.12)}
.studio-breath-orb{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#78e7ff,#2181dc 70%);box-shadow:0 0 0 18px rgba(66,217,255,.07),0 18px 42px rgba(0,0,0,.35);transition:transform 1s ease,filter .4s ease}
.studio-breath-orb.inhale{transform:scale(1.3);filter:brightness(1.12)}.studio-breath-orb.exhale{transform:scale(.84);filter:brightness(.9)}
.studio-breath-orb strong{font-size:.86rem;color:#03131e;text-align:center;padding:8px}
.studio-pacer-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px;width:100%}
.studio-pacer-controls button{width:auto;min-width:120px}
.studio-pacer-note{margin:12px 0 0;text-align:center;color:#8fa8bb;font-size:.82rem;line-height:1.45}

/* Section hierarchy */
.studio-section-label{display:inline-flex;margin-bottom:9px;color:var(--studio-cyan);font-weight:900;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}
.source-card,.music-card,.mix-card,.notes-card{position:relative}
.audio-studio-page audio{width:100%;margin-top:12px;border-radius:12px}
.audio-studio-page .range-row{grid-template-columns:145px minmax(0,1fr) 64px}
.audio-studio-page .steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.audio-studio-page .step{background:#081725;border-color:rgba(255,255,255,.10)}
.audio-studio-page .keyboard{padding:9px 2px 10px;scrollbar-width:thin}
.audio-studio-page .meter{height:12px;background:#071521;border:1px solid rgba(255,255,255,.09)}
.audio-studio-page .meter span{background:linear-gradient(90deg,#22c55e,#42d9ff)}
.studio-help-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}
.studio-help-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#93aabd;font-size:.78rem}
.studio-disclaimer{margin:0 0 10px;padding:12px 14px;border-radius:14px;border:1px solid rgba(251,191,36,.20);background:rgba(251,191,36,.06);color:#cfbd85;font-size:.82rem;line-height:1.5}

@media(max-width:900px){
  .audio-studio-page>header.studio-hero,.studio-control-deck{grid-template-columns:1fr!important}
  .studio-start-grid{grid-template-columns:1fr 1fr}.studio-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .audio-studio-page .grid,.audio-studio-page .grid3,.audio-studio-page .grid4{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  .audio-studio-page>header.studio-hero,.audio-studio-page main{width:calc(100% - 20px)}
  .audio-studio-page>header.studio-hero{padding-top:28px;gap:12px}.studio-hero-copy,.studio-hero-side,.audio-studio-page .card{padding:16px;border-radius:18px}
  .studio-hero-actions a{width:100%}.studio-start-grid,.studio-session-settings,.studio-summary-grid{grid-template-columns:1fr}
  .audio-studio-page .range-row{grid-template-columns:1fr 58px!important}.audio-studio-page .range-row label{grid-column:1/-1;margin-bottom:0}
  .audio-studio-page .steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .studio-pacer{min-height:205px}.studio-breath-orb{width:96px;height:96px}
  .studio-pacer-controls button{width:100%}
}