@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--bg:#050f19;--bg-soft:#0a1b2f;--surface:rgba(9,28,49,0.84);--surface-strong:rgba(8,24,40,0.92);--surface-elevated:rgba(20,43,62,0.9);--line:rgba(137,198,255,0.2);--line-strong:rgba(137,198,255,0.34);--ink:#f4f8ff;--muted:#9eb6cd;--accent:#27d2d0;--accent-ink:#03252a;--warn:#f9d58a;--danger:#ff7f93;--success:#50e9b5}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Space Grotesk,Manrope,sans-serif;color:var(--ink);background:radial-gradient(55rem 38rem at 5% -10%,rgba(48,127,199,.22),transparent 58%),radial-gradient(36rem 28rem at 92% 6%,rgba(28,197,171,.2),transparent 65%),linear-gradient(160deg,#071426,#041020 52%,#061622);min-height:100%}a{color:inherit}.studio-shell{min-height:100vh;padding:20px 14px 28px;position:relative;overflow:hidden}.studio-aura{position:absolute;pointer-events:none;border-radius:999px;filter:blur(24px);opacity:.7}.studio-aura-one{width:340px;height:340px;background:radial-gradient(circle at 30% 30%,rgba(39,210,208,.42),rgba(39,210,208,0));top:-90px;left:-60px}.studio-aura-two{width:390px;height:390px;background:radial-gradient(circle at 70% 40%,rgba(46,127,227,.38),rgba(46,127,227,0));top:100px;right:-120px}.studio-center{width:min(1160px,100%);margin:0 auto;position:relative;z-index:1;display:grid;gap:14px}.studio-header{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(140deg,rgba(6,21,38,.88),rgba(6,24,43,.86));backdrop-filter:blur(6px)}.brand-eyebrow{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--warn)}.brand-title{margin:6px 0 0;font-family:Fraunces,serif;font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.05;letter-spacing:.01em}.brand-sub{margin:8px 0 0;color:var(--muted);font-size:.96rem;max-width:58ch}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chip,.status-chip{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:999px;padding:.34rem .7rem;font-size:.78rem;color:#d4ecff;background:rgba(11,33,57,.66)}.meta{color:var(--muted);font-size:.87rem}.hero-grid{display:grid;grid-template-columns:1fr;gap:12px}.diagnostics,.hero-card,.panel,.stat-card{animation:fade-lift .42s ease both}.hero-card{border:1px solid var(--line);border-radius:18px;padding:14px;background:linear-gradient(150deg,rgba(13,38,61,.92),rgba(5,22,41,.88));display:grid;gap:8px}.hero-kicker{display:inline-flex;width:fit-content;text-transform:uppercase;font-size:.72rem;letter-spacing:.16em;color:var(--warn)}.hero-card strong{font-size:clamp(1.12rem,2.3vw,1.34rem)}.hero-card p{margin:0;color:var(--muted)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.stat-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:10px}.stat-card{border-radius:16px;padding:12px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(10,30,53,.9),rgba(9,25,40,.84));display:grid;gap:5px}.stat-card span{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.stat-card strong{font-size:1.28rem;line-height:1}.stat-card small{color:#c2d7e9;font-size:.78rem}.dashboard-grid{display:grid;gap:12px;grid-template-columns:1fr}.panel{border:1px solid var(--line);border-radius:20px;padding:14px;background:linear-gradient(155deg,var(--surface),rgba(7,23,40,.92));backdrop-filter:blur(6px)}.panel-head{margin-bottom:12px}.panel-head h2{margin:0;font-family:Fraunces,serif;letter-spacing:.01em;font-size:clamp(1.2rem,2.3vw,1.6rem)}.panel-head p{margin:6px 0 0}.step-card,.sub-panel{border:1px solid var(--line);border-radius:15px;padding:12px;background:linear-gradient(150deg,rgba(14,38,62,.52),rgba(7,28,49,.62))}.step-card+.step-card,.sub-panel+.sub-panel{margin-top:10px}.step-head,.sub-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.step-head h3,.sub-panel-head h3{margin:0;font-size:1rem}.step-index{width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#002028;background:linear-gradient(145deg,var(--accent),#7effda);box-shadow:0 4px 14px rgba(39,210,208,.4);flex:0 0 auto}.field{display:grid;gap:6px;margin-top:8px}label{font-size:.8rem;color:var(--muted);letter-spacing:.03em}button,input,select,textarea{width:100%;border:1px solid var(--line-strong);border-radius:11px;background:rgba(5,24,42,.88);color:var(--ink);padding:11px 12px;font:inherit}button:focus-visible,details summary:focus-visible,input:focus,select:focus,textarea:focus{outline:2px solid rgba(39,210,208,.9);outline-offset:2px}textarea{min-height:110px;resize:vertical}button{cursor:pointer;transition:transform .14s ease,opacity .14s ease,border-color .14s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.62;cursor:default;transform:none}button.primary{background:linear-gradient(135deg,var(--accent) 0,#8ff8da 100%);color:var(--accent-ink);border:0;font-weight:700}button.ghost{background:rgba(6,24,42,.66);border-color:var(--line-strong)}button.danger{border-color:rgba(255,127,147,.52);color:#ffd6de;background:rgba(60,12,22,.2)}.button-row{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.template-note{margin-top:8px;border:1px solid var(--line);border-radius:12px;padding:10px;background:rgba(4,22,39,.55)}.template-note strong{font-size:.92rem}.template-note p{margin:6px 0 0;color:var(--muted);font-size:.86rem}.action-grid{display:grid;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.action-main{min-height:47px}.caption-grid{display:grid;gap:8px}.caption-full textarea{min-height:132px}.empty-state{border:1px dashed var(--line-strong);border-radius:12px;padding:14px;font-size:.9rem;color:var(--muted);background:rgba(6,23,40,.55)}.video-list{display:grid;gap:8px}.video-row{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--surface-strong);display:grid;grid-template-areas:"preview" "main" "action";gap:10px}.video-preview{grid-area:preview;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:rgba(8,25,41,.95);aspect-ratio:16/9}.video-preview img{width:100%;height:100%;object-fit:cover;display:block}.video-preview-fallback{width:100%;height:100%;display:grid;place-items:center;text-align:center;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px;background:linear-gradient(145deg,rgba(17,45,73,.7),rgba(8,28,49,.9))}.video-main{grid-area:main;display:grid;gap:4px}.download-link{grid-area:action;display:inline-flex;justify-content:center;align-items:center;text-decoration:none;border:1px solid var(--line-strong);border-radius:10px;padding:9px 11px;background:rgba(7,28,50,.7);font-size:.86rem;font-weight:600}.download-link:hover{border-color:rgba(39,210,208,.68)}.alert{border-radius:12px;padding:10px 12px;font-size:.9rem}.alert.error{background:rgba(95,18,34,.4);border:1px solid rgba(255,127,147,.5)}.alert.ok{background:rgba(10,69,67,.44);border:1px solid rgba(39,210,208,.56)}.diagnostics{margin-top:2px;border:1px solid var(--line);border-radius:16px;background:rgba(6,26,44,.82)}.diagnostics summary{list-style:none;cursor:pointer;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px;user-select:none}.diagnostics summary::-webkit-details-marker{display:none}.diagnostics-grid{display:grid;gap:8px;padding:0 12px 12px}.diag-card{border:1px solid var(--line);border-radius:12px;padding:10px;background:rgba(4,19,33,.9)}.diag-card h3{margin:0 0 8px;font-size:.95rem}pre{overflow:auto;border:1px solid var(--line);border-radius:10px;padding:10px;margin:0;background:rgba(2,15,26,.95);font-size:.78rem;line-height:1.42;max-height:42vh}.card{border:1px solid var(--line);border-radius:16px;padding:14px;background:linear-gradient(160deg,rgba(9,28,49,.9),rgba(6,24,42,.88));backdrop-filter:blur(6px)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%)}@keyframes fade-lift{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (min-width:680px){.studio-shell{padding:28px 22px 34px}.studio-header{flex-direction:row;align-items:flex-start;justify-content:space-between}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.button-row{grid-template-columns:repeat(2,minmax(0,1fr))}.action-grid{grid-template-columns:1.5fr 1fr 1fr}.caption-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.caption-full{grid-column:1/-1}.video-row{grid-template-columns:126px 1fr auto;grid-template-areas:"preview main action";align-items:center}.video-preview{aspect-ratio:1/1;height:92px}.diagnostics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:980px){.hero-grid{grid-template-columns:1.08fr 1fr}.dashboard-grid{grid-template-columns:1.02fr 1fr}}@media (max-width:679px){.header-actions{width:100%}.status-chip{flex:1;justify-content:center}button.danger{width:auto}}