@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--background:#030303;--panel-bg:#0a0a0fb3;--panel-border:#ffffff0d;--panel-border-hover:#8b5cf640;--foreground:#f3f4f6;--foreground-muted:#9ca3af;--primary:#8b5cf6;--primary-hover:#7c3aed;--primary-glow:#8b5cf626;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-pink:#ec4899;--font-display:"Space Grotesk", sans-serif;--font-sans:"Outfit", sans-serif;--sidebar-width:260px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);min-height:100vh;display:flex;position:relative;overflow:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#8b5cf614 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-10%;left:30%}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#3b82f60d 0%,#0000 70%);width:500px;height:500px;position:absolute;bottom:-10%;right:10%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);z-index:10;background:#050508d9;flex-direction:column;height:100vh;display:flex}.sidebar-logo{font-family:var(--font-display);letter-spacing:-.05em;background:linear-gradient(135deg,#c084fc 0%,#8b5cf6 50%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.5rem;padding:2rem 1.5rem;font-size:1.6rem;font-weight:700;display:flex}.sidebar-menu{flex-direction:column;flex:1;gap:.5rem;padding:0 1rem;list-style:none;display:flex}.sidebar-item a{color:var(--foreground-muted);border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-item a:hover,.sidebar-item.active a{color:#fff;background:#ffffff08}.sidebar-item.active a{border-left:3px solid var(--primary);background:linear-gradient(90deg,#8b5cf626 0%,#8b5cf605 100%);border-top-left-radius:4px;border-bottom-left-radius:4px}.sidebar-footer{border-top:1px solid var(--panel-border);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.workspace-container{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.top-bar{border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);background:#03030380;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex}.workspace-content{flex:1;padding:2rem;overflow-y:auto}.glass-card{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);border-radius:18px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:var(--panel-border-hover);box-shadow:0 10px 40px #8b5cf60d}.form-label{color:var(--foreground);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-select,.form-input,.form-textarea{border:1px solid var(--panel-border);color:#fff;background:#ffffff08;border-radius:10px;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.form-select:focus,.form-input:focus,.form-textarea:focus{border-color:var(--primary);background:#8b5cf605;box-shadow:0 0 0 3px #8b5cf626}.form-select option{color:#111827;background:#f9fafb}.form-select option:checked{color:#fff;background:#7c3aed}.param-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.slider-container{flex-direction:column;gap:.5rem;display:flex}.slider-header{color:var(--foreground-muted);justify-content:space-between;font-size:.85rem;display:flex}.form-range{appearance:none;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:4px}.form-range::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 0 10px #8b5cf680}.form-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#c084fc 0%,#8b5cf6 100%);box-shadow:0 4px 20px #8b5cf633}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 25px #8b5cf659}.btn-secondary{border-color:var(--panel-border);color:var(--foreground);background:#ffffff08}.btn-secondary:hover{background:#ffffff0f;border-color:#ffffff26}.badge{border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-purple{color:#c084fc;background:#8b5cf61a;border:1px solid #8b5cf633}.badge-blue{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}.badge-green{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.asset-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.asset-card:hover{border-color:var(--panel-border-hover);transform:translateY(-4px);box-shadow:0 12px 30px #0006}.asset-preview{background:linear-gradient(135deg,#1e1b4b 0%,#111827 100%);justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.asset-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#000000a6;border:1px solid #ffffff1a;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:500;position:absolute;top:10px;left:10px}.asset-meta{flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.asset-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.mobile-nav,.mobile-only{display:none}.mobile-sign-in,.mobile-account-button{border:1px solid var(--panel-border);min-height:36px;color:var(--foreground);font:inherit;cursor:pointer;background:#ffffff0a;border-radius:9px;padding:.45rem .75rem}.feedback-floating-button{z-index:900;color:var(--foreground);cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#14141ed1;border:1px solid #ffffff29;border-radius:999px;padding:.7rem 1rem;font-weight:600;position:fixed;bottom:1rem;right:1rem;box-shadow:0 14px 40px #00000059}.studio-layout,.projects-layout,.settings-layout,.studio-workbench,.settings-main,.studio-settings,.account-summary,.projects-layout>section{min-width:0}.asset-picker-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;display:grid}.asset-picker-card{border:1px solid var(--panel-border);min-width:0;color:var(--foreground);font:inherit;text-align:left;cursor:pointer;background:#ffffff06;border-radius:12px;padding:.55rem}.asset-picker-card:hover,.asset-picker-card.selected{border-color:var(--primary);background:#8b5cf61a}.asset-picker-preview{background:#0000004d;border-radius:8px;justify-content:center;align-items:center;height:76px;font-size:2rem;display:flex;overflow:hidden}.asset-picker-preview img{object-fit:cover;width:100%;height:100%}.asset-picker-label{text-overflow:ellipsis;white-space:nowrap;margin-top:.5rem;font-size:.78rem;display:block;overflow:hidden}.asset-picker-card small{color:var(--foreground-muted);text-transform:capitalize;font-size:.68rem}@media (max-width:1180px){.studio-layout,.settings-layout{grid-template-columns:minmax(0,1fr)!important}.studio-settings,.account-summary{width:100%}}@media (max-width:980px){:root{--sidebar-width:220px}.projects-layout{grid-template-columns:minmax(0,1fr)!important}.projects-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid!important}}@media (max-width:768px){html,body{width:100%;max-width:100%;min-height:100dvh;display:block;overflow:hidden}body:before{width:480px;height:480px;left:-60%}.sidebar{display:none}.workspace-container{width:100%;min-width:0;max-width:100vw;height:100dvh}.top-bar{gap:.75rem;height:58px;min-height:58px;padding:0 1rem}.top-bar h2{text-overflow:ellipsis;white-space:nowrap;max-width:58vw;overflow:hidden;font-size:.95rem!important}.top-bar-account{gap:.5rem!important}.top-bar-user-label{display:none}.mobile-only{display:inline-flex}.mobile-account-button{min-height:32px;padding:.3rem .55rem;font-size:.72rem}.feedback-floating-button{display:none}.workspace-content{width:100%;min-width:0;max-width:100vw;padding:1rem .85rem calc(6.25rem + env(safe-area-inset-bottom));overscroll-behavior-y:contain;overflow-x:hidden}.mobile-nav{z-index:50;width:100vw;max-width:100vw;padding:.45rem .4rem calc(.45rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);background:#050508f5;border-top:1px solid #ffffff1a;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{min-width:0;min-height:52px;color:var(--foreground-muted);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;text-decoration:none;display:flex}.mobile-nav a.active{color:#fff;background:#8b5cf629}.mobile-nav small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.66rem;overflow:hidden}.glass-card{border-radius:14px;padding:1rem}.studio-layout,.projects-layout,.settings-layout{grid-template-columns:minmax(0,1fr)!important;gap:1rem!important;height:auto!important}.studio-workbench,.settings-main{gap:1rem!important}.workflow-tabs{scroll-snap-type:x proximity;scrollbar-width:none;margin:0 -.85rem;overflow-x:auto;flex-wrap:nowrap!important;gap:.6rem!important;padding:0 .85rem .75rem!important}.workflow-tabs::-webkit-scrollbar{display:none}.workflow-tabs .btn{scroll-snap-align:start;flex:none;min-height:44px;padding:.65rem .9rem!important}.reference-upload-grid,.reference-frame-grid,.projects-sidebar,.param-grid,.storyboard-scene{grid-template-columns:minmax(0,1fr)!important}.storyboard-plan-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kit-basics,.caption-control-grid,.plan-grid{grid-template-columns:minmax(0,1fr)!important}.api-key-form,.api-key-row,.usage-row,.generate-ready-row,.library-toolbar{flex-direction:column!important;align-items:stretch!important}.prompt-heading{flex-direction:column;gap:.75rem;align-items:stretch!important}.prompt-heading .btn{width:100%}.api-key-row>div:last-child{flex-wrap:wrap;justify-content:space-between}.timeline-clip-row{grid-template-columns:32px minmax(0,1fr)!important}.timeline-clip-row input,.timeline-clip-row>div:last-child{grid-column:1/-1}.usage-row>div:last-child{text-align:left!important}.generate-ready-row .btn,.api-key-form .btn{width:100%}.library-toolbar>div:first-child{width:100%;padding-bottom:.25rem;display:flex;overflow-x:auto;gap:.5rem!important}.library-toolbar>div:first-child .btn{flex:none}.library-search{width:100%!important}.result-actions{flex-direction:column}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:1rem}.asset-picker-grid{scroll-snap-type:x proximity;margin-right:-1rem;padding-right:1rem;display:flex;overflow-x:auto}.asset-picker-card{scroll-snap-align:start;flex:0 0 130px}.asset-preview{aspect-ratio:16/10;height:auto;min-height:180px}.form-select,.form-input,.form-textarea{min-height:46px;font-size:16px}.btn{min-height:44px}.auth-modal{max-width:420px;max-height:calc(100dvh - 1.5rem);overflow-y:auto;width:calc(100vw - 1.5rem)!important;padding:1.25rem!important}main,section,article,aside,form{max-width:100%}.youtube-planner-layout{grid-template-columns:1fr!important}p,code,a{overflow-wrap:anywhere}}@media (max-width:480px){.storyboard-plan-controls{grid-template-columns:minmax(0,1fr)!important}.workspace-content{padding-left:.7rem;padding-right:.7rem}.top-bar{padding:0 .75rem}.top-bar h2{max-width:50vw}.workflow-tabs{margin-left:-.7rem;margin-right:-.7rem;padding-left:.7rem!important;padding-right:.7rem!important}.glass-card{padding:.9rem}.badge{white-space:normal}}.youtube-studio{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.youtube-sidebar,.youtube-workspace,.youtube-panel-stack{flex-direction:column;gap:1rem;min-width:0;display:flex}.youtube-sidebar{max-height:calc(100dvh - 7rem);padding-right:.2rem;position:sticky;top:0;overflow-y:auto}.youtube-brief-form{flex-direction:column;gap:.8rem;display:flex}.youtube-brief-form h2,.youtube-production-header h1,.youtube-workspace h2{letter-spacing:-.035em;margin:.18rem 0}.youtube-brief-form .form-label{color:var(--foreground-muted);flex-direction:column;gap:.35rem;font-size:.76rem;display:flex}.youtube-form-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.youtube-eyebrow{color:#a78bfa;letter-spacing:.13em;text-transform:uppercase;font-size:.66rem;font-weight:700}.youtube-muted{color:var(--foreground-muted);font-size:.84rem;line-height:1.5}.youtube-productions{flex-direction:column;gap:.55rem;display:flex}.youtube-section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.youtube-text-button{color:#a78bfa;cursor:pointer;background:0 0;border:0}.youtube-production-row{width:100%;color:var(--foreground);text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #0000;border-radius:10px;padding:.7rem}.youtube-production-row span,.youtube-production-row small{display:block}.youtube-production-row span{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.youtube-production-row small{color:var(--foreground-muted);text-transform:capitalize;margin-top:.2rem}.youtube-production-row:hover,.youtube-production-row.active{background:#8b5cf61a;border-color:#8b5cf673}.youtube-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444466;border-radius:12px;padding:.8rem 1rem}.youtube-production-header{background:linear-gradient(135deg,#8b5cf61f,#3b82f60a);grid-template-columns:1fr auto;gap:1rem 2rem;display:grid}.youtube-production-header h1{margin-top:.3rem;font-size:clamp(1.7rem,3vw,2.5rem)}.youtube-production-header p{color:var(--foreground-muted);max-width:760px;margin-top:.45rem}.youtube-header-actions{flex-direction:column;align-items:flex-end;gap:.65rem;display:flex}.youtube-readiness{color:var(--foreground-muted);font-size:.72rem}.youtube-readiness strong{color:#a78bfa;font-size:1rem}.youtube-metrics{border-top:1px solid var(--panel-border);grid-column:1/-1;grid-template-columns:repeat(4,1fr);padding-top:.9rem;display:grid}.youtube-metrics span{color:var(--foreground-muted);border-left:1px solid var(--panel-border);padding:.15rem .8rem;font-size:.72rem}.youtube-metrics span:first-child{border-left:0;padding-left:0}.youtube-metrics strong{color:var(--foreground);text-transform:capitalize;font-size:1.08rem;display:block}.youtube-tabs{border:1px solid var(--panel-border);z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050508b8;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.35rem;display:grid;position:sticky;top:0}.youtube-tabs button{color:var(--foreground-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:.68rem .8rem}.youtube-tabs button strong,.youtube-tabs button small{display:block}.youtube-tabs button small{margin-top:.12rem;font-size:.64rem}.youtube-tabs button.active{color:#fff;background:#8b5cf629;box-shadow:inset 0 0 0 1px #8b5cf638}.youtube-two-column{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.youtube-two-column h3{margin:.45rem 0;font-size:1.2rem;line-height:1.35}.youtube-chip-row{flex-wrap:wrap;gap:.35rem;margin-top:.8rem;display:flex}.youtube-chip-row span,.youtube-status{color:#c4b5fd;background:#8b5cf614;border:1px solid #8b5cf640;border-radius:999px;padding:.24rem .5rem;font-size:.66rem}.youtube-warning{color:#fbbf24;white-space:nowrap;background:#f59e0b14;border:1px solid #f59e0b47;border-radius:999px;padding:.28rem .55rem;font-size:.66rem}.youtube-research-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.7rem;margin-top:1rem;display:grid}.youtube-research-grid article{border:1px solid var(--panel-border);background:#ffffff04;border-radius:12px;padding:1rem;position:relative}.youtube-research-grid h3{margin:.15rem 0 .4rem}.youtube-research-grid p{color:var(--foreground-muted);min-height:2.4em;font-size:.8rem}.youtube-research-grid small,.youtube-research-grid strong{margin-top:.55rem;font-size:.72rem;display:block}.youtube-research-grid small{color:#a78bfa;text-transform:uppercase}.youtube-research-grid ul{color:var(--foreground-muted);margin:.75rem 0 0;padding-left:1rem;font-size:.72rem}.youtube-research-grid li+li{margin-top:.3rem}.youtube-card-number{color:#ffffff2e;font:700 1.4rem var(--font-display);position:absolute;top:.7rem;right:.8rem}.youtube-gates{grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:1rem;display:grid}.youtube-gates>div{gap:.6rem;display:flex}.youtube-gates>div>span{color:#c4b5fd;background:#8b5cf624;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-weight:700;display:grid}.youtube-gates p{color:var(--foreground-muted);margin-top:.25rem;font-size:.72rem;line-height:1.4}.youtube-script-total{text-align:right}.youtube-script-total strong,.youtube-script-total span{display:block}.youtube-script-total strong{font-size:1.6rem}.youtube-script-total span{color:var(--foreground-muted);font-size:.7rem}.youtube-script-list{flex-direction:column;gap:.7rem;display:flex}.youtube-script-list article{grid-template-columns:120px 1fr;gap:1rem;display:grid}.youtube-script-time strong,.youtube-script-time small{display:block}.youtube-script-time strong{color:#c4b5fd}.youtube-script-time small{color:var(--foreground-muted);margin-top:.25rem}.youtube-script-list h3{margin:0}.youtube-script-list p{margin-top:.5rem;line-height:1.55}.youtube-script-purpose{color:#a78bfa;font-size:.77rem}.youtube-editor-note{border-top:1px solid var(--panel-border);grid-template-columns:75px 1fr;gap:.5rem;margin-top:.55rem;padding-top:.55rem;font-size:.74rem;display:grid}.youtube-editor-note span{color:var(--foreground-muted)}.youtube-shot-grid{grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:.8rem;display:grid}.youtube-shot-card{padding:0;overflow:hidden}.youtube-shot-card>:not(.youtube-shot-frame):not(.youtube-shot-top){margin-left:1rem;margin-right:1rem}.youtube-shot-top{color:var(--foreground-muted);justify-content:space-between;padding:.7rem 1rem;font-size:.7rem;display:flex}.youtube-shot-top span{color:#a78bfa;font-weight:700}.youtube-shot-frame{border-block:1px solid var(--panel-border);background:linear-gradient(145deg,#8b5cf633,#030303e6),repeating-linear-gradient(135deg,#ffffff06 0 1px,#0000 1px 18px);flex-direction:column;justify-content:flex-end;min-height:125px;padding:1rem;display:flex}.youtube-shot-frame span{font-weight:700}.youtube-shot-frame small{color:#c4b5fd;text-transform:uppercase;letter-spacing:.09em}.youtube-shot-card h3{margin-top:.85rem}.youtube-shot-card>p{color:var(--foreground-muted);margin-top:.4rem;font-size:.8rem;line-height:1.45}.youtube-shot-card dl{margin-top:.8rem}.youtube-shot-card dl div{border-top:1px solid var(--panel-border);grid-template-columns:70px 1fr;gap:.5rem;padding:.45rem 0;font-size:.72rem;display:grid}.youtube-shot-card dt{color:#a78bfa}.youtube-shot-card dd{color:var(--foreground-muted)}.youtube-shot-card details{margin-top:.7rem;margin-bottom:1rem;font-size:.72rem}.youtube-shot-card summary{cursor:pointer;color:#c4b5fd}.youtube-shot-card details p{margin-top:.55rem;line-height:1.45}.youtube-delivery-action{justify-content:flex-end;align-items:flex-end;gap:.6rem;display:flex}.youtube-delivery-action .form-input{width:110px;margin-top:.3rem}.youtube-caption-preview{white-space:pre-wrap;max-height:340px;color:var(--foreground-muted);margin-top:.8rem;font-size:.72rem;line-height:1.5;overflow:auto}.youtube-release-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:.8rem;display:grid}.youtube-release-grid>*{border:1px solid var(--panel-border);border-radius:12px;padding:.8rem}.youtube-release-grid ol{color:var(--foreground-muted);padding-left:1rem;font-size:.78rem}.youtube-release-grid li+li{margin-top:.4rem}.youtube-release-grid article span{color:#a78bfa;text-transform:uppercase;font-size:.65rem}.youtube-release-grid article p,.youtube-release-grid article small{color:var(--foreground-muted);margin-top:.45rem;line-height:1.4;display:block}.youtube-empty{text-align:center;padding:4rem 2rem}.youtube-empty p{max-width:620px;color:var(--foreground-muted);margin:.5rem auto 0}@media (max-width:1100px){.youtube-studio{grid-template-columns:1fr}.youtube-sidebar{max-height:none;position:static}.youtube-productions{display:none}.youtube-gates,.youtube-release-grid{grid-template-columns:1fr 1fr}}@media (max-width:700px){.youtube-form-grid,.youtube-two-column,.youtube-production-header{grid-template-columns:1fr}.youtube-tabs{grid-template-columns:1fr 1fr;position:static}.youtube-tabs button small{display:none}.youtube-metrics{grid-template-columns:1fr 1fr}.youtube-metrics span:nth-child(3){border-left:0}.youtube-gates,.youtube-release-grid,.youtube-script-list article{grid-template-columns:1fr}.youtube-header-actions{align-items:stretch}.youtube-delivery-action{flex-direction:column;align-items:stretch}}