/* AI Social Video Studio - interface-only upgrade
   This file only restyles the existing working editor. It does not replace timeline/export/AI functions. */
:root{--studio-ac:#3b82f6;--studio-ac2:#8b5cf6;--studio-ok:#10b981;--studio-warn:#f59e0b;--studio-bg:#060914;--studio-panel:#0d1220;--studio-panel2:#131827;--studio-line:rgba(148,163,184,.20);--studio-text:#eaf2ff;--studio-muted:#95a3b8}
html,body{background:#050812!important;color:var(--studio-text)}
.standalone-note{min-height:42px!important;background:linear-gradient(90deg,#070b16,#111827 55%,#0b1020)!important;border-bottom:1px solid rgba(99,102,241,.35)!important;box-shadow:0 12px 38px rgba(0,0,0,.35);gap:10px!important;justify-content:space-between!important;padding:0 14px!important}
.standalone-note strong{font-size:13px;letter-spacing:.25px}.standalone-note a{box-shadow:0 6px 20px rgba(37,99,235,.18)}.standalone-note span{font-weight:600;color:#aebbd0}
#fpc-editor{border:1px solid rgba(99,102,241,.30)!important;border-top:0!important;border-radius:0 0 14px 14px!important;overflow:hidden!important;background:#080b13!important;box-shadow:0 24px 80px rgba(0,0,0,.45)}
.fpc-toolbar{background:linear-gradient(90deg,#0c1220,#111827 58%,#0b1020)!important;border-bottom:1px solid var(--studio-line)!important;min-height:46px!important;box-shadow:0 8px 28px rgba(0,0,0,.25)}
.fpc-brand{font-weight:900!important;letter-spacing:.2px}.fpc-vbadge{background:rgba(124,58,237,.20)!important;border:1px solid rgba(167,139,250,.30)!important;color:#d8b4fe!important}.fpc-tbtn,.fpc-mini-sel,.fpc-mini-inp,button{transition:background .15s,border-color .15s,transform .12s,box-shadow .15s}.fpc-tbtn:hover,button:hover{transform:translateY(-1px)}
.fpc-tbtn{border-radius:9px!important;border-color:rgba(148,163,184,.20)!important;background:#151b2b!important;color:#dbeafe!important;font-weight:800!important}.fpc-tbtn:not(:disabled):hover{background:#1d2840!important;border-color:rgba(96,165,250,.42)!important;box-shadow:0 8px 22px rgba(37,99,235,.16)}
#fpc-download-btn,.fpc-tbtn.primary,.fpc-tbtn[id*="download"]{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;color:white!important;border-color:transparent!important;box-shadow:0 10px 30px rgba(37,99,235,.35)}
#fpc-body,.fpc-body{background:#070a12!important}.fpc-left,.fpc-right,#fpc-anim-right{background:linear-gradient(180deg,#101521,#0b0f19)!important;border-color:var(--studio-line)!important}.fpc-tools{background:#0b1020!important;border-color:rgba(148,163,184,.14)!important}.fpc-tool{border-radius:12px!important}.fpc-tool.active,.fpc-tool:hover{background:linear-gradient(135deg,rgba(37,99,235,.26),rgba(124,58,237,.20))!important;color:#bfdbfe!important;box-shadow:inset 0 0 0 1px rgba(96,165,250,.28)}
.fpc-panel-title,.fpc-section-title{letter-spacing:.14em!important;color:#aebbd0!important}.fpc-panel,.fpc-card,.fpc-preset,.fpc-saved-item{background:rgba(255,255,255,.035)!important;border:1px solid rgba(148,163,184,.11)!important;border-radius:12px!important}.fpc-preset:hover,.fpc-saved-item:hover{border-color:rgba(96,165,250,.38)!important;background:rgba(37,99,235,.08)!important}
#fpc-workarea{background:#050810!important;background-image:radial-gradient(circle at 1px 1px,rgba(148,163,184,.13) 1px,transparent 0)!important;background-size:24px 24px!important}.fpc-canvas-wrap{box-shadow:0 28px 90px rgba(0,0,0,.45)!important}.fpc-canvas{box-shadow:0 0 0 1px rgba(96,165,250,.22),0 30px 90px rgba(0,0,0,.42)!important}
/* Existing Animation Studio: professional visual upgrade only */
#fpc-anim-bottom{height:250px!important;min-height:180px!important;max-height:55vh!important;background:#060914!important;border-top:1px solid rgba(96,165,250,.25)!important;box-shadow:0 -18px 50px rgba(0,0,0,.35)!important}
#fpc-anim-controls{background:linear-gradient(90deg,#0b1020,#111827)!important;border-bottom:1px solid var(--studio-line)!important;min-height:38px!important}.fpc-anim-btn,#fpc-anim-controls button{border-radius:9px!important;background:#151b2b!important;border:1px solid rgba(148,163,184,.20)!important;color:#dbeafe!important;font-weight:800!important}.fpc-anim-btn:hover,#fpc-anim-controls button:hover{background:#1d2840!important;border-color:rgba(96,165,250,.42)!important}
#fpc-anim-ruler{background:#0b1020!important;border-bottom:1px solid rgba(148,163,184,.18)!important;color:#9fb0ca!important}.fpc-anim-track-label{background:#0d1322!important;border-right:1px solid rgba(148,163,184,.18)!important;color:#dbeafe!important;font-weight:900!important}.fpc-anim-track,.fpc-anim-lane{background:#070b14!important;background-image:linear-gradient(to right,rgba(148,163,184,.075) 1px,transparent 1px),linear-gradient(to bottom,rgba(148,163,184,.045) 1px,transparent 1px)!important;background-size:80px 100%,100% 48px!important;border-bottom:1px solid rgba(148,163,184,.12)!important}.fpc-anim-clip,.fpc-anim-segment,.fpc-anim-block{border-radius:10px!important;box-shadow:0 9px 24px rgba(0,0,0,.30)!important;border:1px solid rgba(255,255,255,.13)!important}.fpc-anim-playhead{background:#ef4444!important;box-shadow:0 0 22px rgba(239,68,68,.9)!important}
/* Simple mode / Timeline Pro working interface styling */
.workspace-timeline,.timeline-pro,#workspaceTimeline{background:#060914!important;border:1px solid rgba(96,165,250,.20)!important;border-radius:16px!important;box-shadow:0 18px 60px rgba(0,0,0,.35)!important}.workspace-timeline-head{background:linear-gradient(90deg,#0b1020,#111827)!important;border-bottom:1px solid var(--studio-line)!important}.track-list{background:#070b14!important}.track-row,.timeline-track{border-bottom:1px solid rgba(148,163,184,.12)!important}.timeline-clip,.subtitle-clip,.scene-clip{border-radius:10px!important;box-shadow:0 10px 28px rgba(0,0,0,.28)!important}.timeline-playhead{background:#ef4444!important;box-shadow:0 0 20px rgba(239,68,68,.85)!important}.timeline-help-popover,.timeline-context{background:#0f172a!important;border:1px solid rgba(96,165,250,.28)!important;border-radius:12px!important;box-shadow:0 18px 60px rgba(0,0,0,.48)!important}
/* New professional header tabs are shortcuts only */
.ai-studio-nav{display:flex;align-items:center;gap:7px;padding:7px 10px;background:linear-gradient(90deg,#080c16,#0e1422);border-bottom:1px solid rgba(96,165,250,.18);color:#eaf2ff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.ai-studio-nav b{font-size:12px;margin-right:8px}.ai-studio-nav button{height:28px;border:1px solid rgba(148,163,184,.18);background:#151b2b;color:#dbeafe;border-radius:999px;padding:0 11px;font-size:11px;font-weight:850;cursor:pointer}.ai-studio-nav button:hover{background:linear-gradient(135deg,rgba(37,99,235,.26),rgba(124,58,237,.18));border-color:rgba(96,165,250,.38)}.ai-studio-nav .spacer{flex:1}.ai-studio-nav .primary{background:linear-gradient(135deg,#2563eb,#7c3aed);border:0;color:#fff}
@media(max-width:900px){.ai-studio-nav{overflow:auto}.ai-studio-nav b,.ai-studio-nav .spacer{display:none}.standalone-note{justify-content:center!important}.standalone-note span{display:none}}
