/* Aurora Studio: dimensional surfaces, quiet typography, spectral accents. */
:root{--bg:#080c16;--bg2:#0e1423;--panel:#111a2a;--panel2:#182239;--line:#29344c;--text:#edf3ff;--muted:#aab9cf;--accent:#a5b4ff;--brand:#899cff;--cyan:#75e0ec;--violet:#b49cff;--green:#70d5aa;color-scheme:dark}
html,body{background:#080c16!important;color:var(--text)}
body{background-image:radial-gradient(ellipse at 85% 0%,#4c389329,transparent 45%),radial-gradient(ellipse at 20% 55%,#13758912,transparent 45%)!important}
.topbar,.sidebar,.toolrail{background:#0c1222f5!important;border-color:#25304a!important}
.logo-mark,.brand-mark,.brand>span,.brand i{background:linear-gradient(135deg,#8fe5ea,#899cff 48%,#c3a5fa)!important;color:#0c1830!important;box-shadow:0 0 26px #818cfa28!important}
.panel,.workflow-card,.project-card,.agent-card,.metric-card,.provider-card,.auth-card,.modal-card{background:linear-gradient(145deg,#162034eb,#101726f5)!important;border:1px solid #2c3850!important;box-shadow:0 12px 30px #00000018!important}
.btn.primary,button.primary,.agent-card-actions .use{background:linear-gradient(110deg,#71d8e5 0%,#8fa6ff 48%,#bc9af0 100%)!important;border-color:#b9c4ff70!important;color:#10192c!important;font-weight:700;box-shadow:0 4px 22px #758cf128!important}
.btn.primary:hover,button.primary:hover{filter:brightness(1.09);box-shadow:0 7px 28px #758cf143!important}
input,textarea,select{background:#0b1222!important;color:#eaf0fc!important;border-color:#34425d!important;accent-color:#9daefa}
input:focus,textarea:focus,select:focus{border-color:#95acfa!important;box-shadow:0 0 0 3px #7e9afa1f!important;outline:none}
button:focus-visible,a:focus-visible{outline:2px solid #91dcec;outline-offset:4px}
button:disabled{opacity:.48;cursor:not-allowed}
.hero-dashboard{background:radial-gradient(ellipse at 92% 12%,#a57cff24,transparent 55%),radial-gradient(ellipse at 55% 110%,#4acada1d,transparent 55%),linear-gradient(120deg,#17233c,#11182b)!important;border:1px solid #677bad55!important;box-shadow:inset 0 1px #d6e6ff0d,0 20px 60px #0002!important;gap:32px}
.hero-dashboard h1{font-size:clamp(30px,3.2vw,48px);letter-spacing:-1.4px;line-height:1.25;background:linear-gradient(100deg,#f3f7ff 15%,#c4d9ff 65%,#c7b7ee);background-clip:text;-webkit-text-fill-color:transparent}
.creative-overview{min-width:260px;padding:25px;border-left:1px solid #8299cd30}.kicker{display:block;color:#a6bddc;font:600 10px/1.5 Inter,"Segoe UI",sans-serif;letter-spacing:2.2px;margin-bottom:12px}.overview-stats{display:flex;gap:25px}.overview-stats strong{font:400 33px/1.4 "Segoe UI",sans-serif;display:block;color:#dae7ff}.overview-stats span{font-size:11px;color:#a9b8d1}.creative-canvas-link{display:flex;justify-content:space-between;margin-top:23px;padding-top:15px;border-top:1px solid #7187af35;color:#c3d3f4;text-decoration:none;font-size:13px}
.planning-desk{margin:24px 0;padding:26px!important;border-radius:18px}.planning-desk h2{font-size:21px;margin:0}.planning-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,1fr);gap:24px;margin-top:20px}.planning-grid textarea{width:100%;height:165px;min-height:165px;resize:vertical;padding:16px;border-radius:12px;line-height:1.8}.planner-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.planner-options label{font-size:11px;color:#b4c1d5}.planner-options select,.planner-options input{display:block;width:100%;margin-top:6px;min-height:36px;padding:7px;border-radius:8px}.planner-result{padding:22px;border:1px solid #687eaa3d;border-radius:12px;background:radial-gradient(at top right,#8977ec1c,transparent 70%),#0c1423}.planner-result h3{font-size:23px;font-weight:500;margin:22px 0}.planner-result p,.planner-result small{color:#a9bad2;font-size:12px;line-height:1.8}.runtime{display:block;font-size:27px;font-weight:500;line-height:1.45;color:#e6efff}.runtime>span{color:#657da4}.runtime-metrics{display:flex;gap:28px;margin:14px 0;color:#b2c4e1;font-size:13px}.runtime-metrics b{color:#bdbbff;font-size:20px}.planner-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}.planner-actions>span{font-size:11px;color:#91a5c2}.duration-inline{color:#aec9ec;font-size:12px;line-height:1.7;padding:8px 0}
.agent-card{border-radius:15px!important;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .18s,transform .18s}.agent-card:before{content:"";height:2px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#67dae5aa,#8794facc,#b395ed66)}.agent-card[data-visual="cg3d"]:before{background:linear-gradient(90deg,#8895ff,#d7a8fb)}.agent-card[data-visual="anime2d"]:before{background:linear-gradient(90deg,#d2a5ff,#f0b6cf)}.agent-card:hover{border-color:#6b7ba5!important;transform:translateY(-2px)}.agent-card h3{line-height:1.5;font-size:17px}.agent-card p{font-size:12px!important;line-height:1.8!important;color:#acbad0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.agent-card-actions{margin-top:auto;padding-top:20px}.agent-type{color:#acbde7!important;font-size:10px;letter-spacing:.6px}.tags span{background:#879dfa10!important;border:1px solid #879dfa22;color:#b5c5df!important;font-size:10px}
.creative-preset,.agent-filter-row,.asset-director-picker,.library-filters,.director-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end;padding:14px 0}.creative-preset label,.agent-filter-row label,.asset-director-picker label{font-size:12px;color:#b4c2d7}.creative-preset select,.agent-filter-row select,.asset-director-picker select{padding:9px;border-radius:8px}.director-sidebar select,.director-sidebar input{max-width:100%;width:100%;margin:4px 0;padding:9px;border-radius:8px}.empty-agent-filter{font-size:13px;color:#b7c7df;padding:16px}.director-agent-list{max-height:62vh;overflow:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
.canvas-node{border-color:#3a4866!important}.canvas-node.selected{border-color:#9db0ff!important;box-shadow:0 0 0 2px #869afe25!important}.subtitle-upload-source{padding:10px 0;border-bottom:1px solid #35445b;margin-bottom:8px}.subtitle-upload-source small{display:block;color:#aabbd4;overflow-wrap:anywhere}
@media(max-width:1100px){.creative-overview{min-width:210px;padding:15px}.overview-stats{gap:15px}.planner-options{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.hero-dashboard{display:block!important}.creative-overview{border-left:0;border-top:1px solid #8299cd30;margin-top:22px;padding:20px 0 0}.planning-grid{grid-template-columns:1fr}.planning-desk{padding:18px!important}.planning-desk .panel-head{align-items:start;gap:12px;flex-wrap:wrap}.planner-actions .btn{width:100%}.runtime br{display:none}.overview-stats{gap:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.creative-library-filters,.asset-director-bar{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:18px 0;padding:16px;background:#111a2a;border:1px solid #2c3850;border-radius:12px}.creative-library-filters label,.asset-director-bar label,.director-filter-bar label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#aebfd9}.creative-library-filters select,.asset-director-bar select,.director-filter-bar select,.director-filter-bar input{padding:9px;border-radius:8px;max-width:100%}.director-filter-bar{display:grid;gap:10px;padding:12px 0}.mini-agent-list{max-height:65vh;overflow:auto}.subtitle-source-box{padding:12px;border:1px solid #35445b;border-radius:8px}.subtitle-source-box small{display:block;color:#aabbd4}.subtitle-source-box p{overflow-wrap:anywhere}