@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b0e18;--sidebar:#10131e;--panel:#151927;--panel2:#1b2030;--border:#2a3042;--text:#f3f3f8;--muted:#9096aa;--red:#fc6459;--red2:#e64351;--green:#6be1ac;--amber:#ffd48a;--purple:#b7a1ff;--radius:20px;font-family:'DM Sans',system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:2px}.shell{min-height:100vh;display:flex}.sidebar{width:250px;flex-shrink:0;background:#10131d;border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:31px 16px 24px}.brand{display:flex;align-items:center;gap:11px;padding:0 11px 42px}.brand-mark{display:grid;place-items:center;position:relative;width:46px;height:46px;border-radius:14px;background:linear-gradient(130deg,#fe8264,#e33b54);font:bold 29px 'Outfit';box-shadow:0 8px 22px #e6435333}.brand-mark span{position:absolute;right:5px;top:2px;font-size:9px}.brand strong{font:800 16px 'Outfit';letter-spacing:1.4px;display:block}.brand small{font-size:10px;letter-spacing:2.1px;color:#aeb2c2}.side-heading{font-size:10px;font-weight:700;letter-spacing:2px;color:#666d83;margin:0 13px 12px}.side-nav{display:grid;gap:8px}.nav-button{display:flex;align-items:center;text-align:left;gap:13px;width:100%;padding:12px 15px;color:#a0a5b6;border:1px solid transparent;border-radius:12px;background:transparent;font-weight:600;font-size:13px}.nav-button span{font-size:20px;line-height:20px;min-width:23px;text-align:center}.nav-button.active{color:#fff;background:#29232e;border-color:#574047}.nav-button.active span{color:var(--red)}.nav-button:hover:not(.active){background:#1a1f2c;color:#fff}.side-bottom{margin-top:auto}.channel-mini{border-top:1px solid var(--border);display:flex;gap:10px;align-items:center;padding:23px 6px 15px}.channel-avatar{display:grid;place-items:center;background:#101016;border:2px solid #8f3946;border-radius:50%;height:41px;width:41px;font:bold 29px Georgia;color:#e55360}.channel-mini strong{font-size:12px;display:block}.channel-mini small{font-size:11px;color:var(--muted);display:block;margin-top:3px}.connection-note{border-radius:10px;background:#1b2030;color:#b6bdca;font-size:10px;padding:10px 12px}.status-dot,.pulse-dot{width:7px;height:7px;border-radius:50%;background:#eab96f;display:inline-block;margin-right:7px}.main{min-width:0;flex:1;max-width:1600px;margin:0 auto;padding:0 34px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:28px 0 26px;border-bottom:1px solid #252a3a;margin-bottom:28px}.eyebrow,.section-label{color:var(--red);font-size:10px;font-weight:800;letter-spacing:1.6px}.topbar h1{font:700 27px 'Outfit';margin:3px 0 0}.top-actions{display:flex;align-items:center;gap:13px}.top-date{font-size:12px;color:var(--muted);white-space:nowrap;margin-right:7px}.avatar-button{background:#343041;color:#fff;border:1px solid #62505b;border-radius:50%;width:34px;height:34px;font-size:13px;font-weight:700}.button{border:1px solid transparent;border-radius:11px;padding:12px 17px;font-size:13px;font-weight:700;transition:background .15s,transform .15s;white-space:nowrap}.button:active{transform:scale(.98)}.primary{color:#fff;background:linear-gradient(120deg,#fa705b,#e44855);box-shadow:0 6px 18px #db3b4c22}.primary:hover{filter:brightness(1.1)}.outlined{background:#1c2130;color:#d3d6e3;border-color:#373c51}.outlined:hover{background:#292f41}.glass{background:#ffffff17;color:#fff;border-color:#ffffff38}.small{padding:9px 12px;font-size:11px}.page{display:none;animation:fade .18s ease}.page.active{display:block}@keyframes fade{from{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero{background:radial-gradient(circle at 79% 55%,#5a2e43 0%,#2c1d30 32%,#1a1c2e 69%,#1a202e 100%);border:1px solid #5c3647;border-radius:22px;min-height:270px;display:flex;align-items:center;overflow:hidden;position:relative;padding:34px 42px}.hero-copy{position:relative;z-index:2;max-width:520px}.hero-kicker{font-size:10px;letter-spacing:1.9px;font-weight:800;color:#ffc0ad}.pulse-dot{background:#ff8977;box-shadow:0 0 10px #ff715c}.hero h2{font:700 clamp(28px,3vw,41px)/1.12 'Outfit';letter-spacing:-.6px;margin:18px 0 12px}.hero h2 em{color:#ff9c82;font-style:normal}.hero p{color:#c0b8c7;font-size:13px;line-height:1.8;margin:0 0 22px;max-width:445px}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}.hero-visual{position:absolute;right:3%;height:280px;width:34%;display:grid;place-items:center;opacity:.9}.hero-logo{width:175px;height:175px;border:2px solid #fc877060;border-radius:50%;display:grid;place-items:center;color:#fbb0a6;font:800 112px Georgia;transform:rotate(-7deg);text-shadow:0 7px 30px #f85d6850;box-shadow:inset 0 0 55px #e6516d22,0 0 65px #e84e5a25}.orb{position:absolute;border-radius:50%;filter:blur(3px)}.orb.one{height:240px;width:240px;background:#ff5f5a13}.orb.two{height:65px;width:65px;right:0;top:25px;background:#c685cf10}.hero-wave{position:absolute;bottom:26px;width:5px;border-radius:8px;background:#ff8e88;opacity:.5}.w1{height:20px;left:20%}.w2{height:40px;left:23%}.w3{height:60px;left:26%}.w4{height:34px;left:29%}.w5{height:22px;left:32%}.notice{display:flex;gap:12px;align-items:center;background:#17212a;border:1px solid #264052;border-radius:12px;padding:12px 15px;margin:18px 0 22px;color:#9dbfce}.notice>span{font-size:20px;color:#7cd9e6}.notice p{margin:0;flex:1;font-size:12px;line-height:1.5}.link-button{background:none;border:0;color:#a3e0ef;font-weight:700;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:17px;padding:21px 20px;min-width:0}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.stat-label{color:#a2a8ba;font-size:11px;font-weight:600}.stat-icon{width:31px;height:31px;display:grid;place-items:center;background:#292c3d;border-radius:9px;color:var(--red);font-size:17px}.stat-value{font:700 clamp(25px,3vw,33px) 'Outfit';margin-top:14px}.stat-foot{font-size:10px;color:#7e859b;margin-top:7px}.section-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:24px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px}.panel h3{font:700 19px 'Outfit';margin:5px 0 0}.mini-pill{background:#252a3a;color:#abb1c3;border-radius:100px;padding:7px 11px;font-size:10px;font-weight:700;white-space:nowrap}.chart-bars{display:grid;gap:15px}.bar-row{display:grid;grid-template-columns:minmax(0,170px) 1fr 31px;align-items:center;gap:10px}.bar-label{font-size:11px;font-weight:600;color:#c3c6d4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:11px;border-radius:20px;background:#252b3b;overflow:hidden}.bar-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,#fa735b,#e44462);min-width:3px}.bar-number{font-size:11px;color:#d7d8e3;text-align:right;font-variant-numeric:tabular-nums}.fineprint{font-size:10px;color:#727d94;line-height:1.6;margin:16px 0 0}.insight-item{display:flex;gap:12px;margin-bottom:19px;align-items:start}.insight-icon{flex-shrink:0;width:32px;height:32px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:11px}.insight-icon.red{background:#4f2a33;color:#ff9188}.insight-icon.amber{background:#493a2b;color:#f8cf83}.insight-icon.purple{background:#393251;color:#beaafa}.insight-item strong{font-size:12px}.insight-item p{font-size:11px;line-height:1.55;color:#929ab0;margin:5px 0 0}.accent-symbol,.sparkle{font-size:23px;color:#f88d74}.text-action{border:0;background:none;color:#ff9683;font-weight:700;font-size:12px;padding:4px 0}.text-action span{margin-left:3px}.recent-panel{margin-top:20px;margin-bottom:32px}.recent-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.recent-video{min-width:0}.thumb{aspect-ratio:16/9;border-radius:12px;overflow:hidden;position:relative;background:radial-gradient(circle at 73% 20%,#73514d,#282431 60%,#181b29);display:flex;align-items:center;justify-content:center}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-fallback{font:800 20px 'Outfit';color:#fff;text-align:center;padding:12px;text-transform:uppercase;text-shadow:1px 2px 3px #000}.thumb:after{content:'';position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,#0007)}.thumb .duration{position:absolute;z-index:1;bottom:8px;right:8px;background:#090b12d9;border-radius:4px;padding:3px 5px;font-size:10px;font-weight:700}.video-title{font-size:12px;line-height:1.5;font-weight:700;margin:10px 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta{color:#8e96aa;font-size:10px}.video-meta span{margin:0 6px;color:#585e70}.page-intro{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:0 0 24px}.page-intro h2{font:700 31px 'Outfit';margin:7px 0}.page-intro p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.toolbar{display:flex;gap:12px;margin-bottom:20px}.text-input,.select-input{background:#191e2d;border:1px solid #33394c;color:#eef0f6;border-radius:11px;padding:13px 14px;min-width:0}.text-input::placeholder{color:#777e91}.search{flex:1}.select-input{width:190px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.video-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden}.video-card .thumb{border-radius:0}.video-card-body{padding:13px 15px 16px}.genre-tag{display:inline-block;font-size:10px;color:#fcb3a4;background:#4c3036;padding:5px 8px;border-radius:6px;margin-bottom:7px}.genre-tag.blue{color:#b5b8ff;background:#343751}.video-card-body .video-title{margin:0 0 9px;font-size:13px;min-height:39px}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.open-link{color:#ff9d88;font-size:11px;text-decoration:none;font-weight:700}.open-link:hover{text-decoration:underline}.workflow-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.workflow-legend{display:flex;gap:16px;flex-wrap:wrap;color:#a0a8bc;font-size:11px}.workflow-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-dot.idea{background:#d6a2ff}.legend-dot.production{background:#f3bd76}.legend-dot.ready{background:#79dfa8}.planning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.plan-card{background:var(--panel);border:1px solid var(--border);border-radius:17px;padding:20px;display:flex;flex-direction:column;gap:12px}.plan-top{display:flex;align-items:center;justify-content:space-between}.plan-status{font-size:10px;font-weight:700;padding:6px 9px;border-radius:7px}.plan-status.idea{color:#d5b6ff;background:#3c3150}.plan-status.production{color:#ffd194;background:#4f3b2a}.plan-status.ready{color:#9df2bf;background:#26443e}.plan-genre{font-size:10px;color:#8f96ab}.plan-card h3{margin:0;font:700 17px/1.35 'Outfit';min-height:48px}.plan-date{color:#989fb0;font-size:11px}.plan-actions{display:flex;gap:7px;border-top:1px solid #2b3040;padding-top:12px;margin-top:auto}.plan-actions button{flex:1;border:1px solid #394052;color:#c8cede;background:#252b3b;border-radius:9px;padding:8px;font-size:11px;font-weight:700}.plan-actions button.delete{flex:none;color:#ec8e95}.empty-state{text-align:center;border:1px dashed #444b5e;border-radius:18px;padding:50px;color:#aab1c2}.empty-icon{font-size:45px}.empty-state h3{color:#fff}.studio-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px}.studio-form{display:flex;flex-direction:column;gap:10px}.studio-form h3{margin:0 0 10px}.field-label{font-size:11px;font-weight:700;color:#b9becc;margin-top:6px}.studio-form .full,.full-width{width:100%}.textarea{resize:vertical;line-height:1.6}.studio-form .button{margin-top:8px}.result-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.prompt-output{background:#111522;border:1px solid #303647;border-radius:13px;margin-top:18px;min-height:380px;max-height:620px;overflow:auto;padding:20px;font-size:12px;line-height:1.7;white-space:pre-wrap;color:#cbd1e0}.prompt-empty{display:grid;place-items:center;text-align:center;align-content:center;min-height:340px;color:#fb998e;font-size:42px}.prompt-empty p{max-width:300px;color:#9aa3b8;font-size:13px}.settings-grid{display:grid;gap:16px}.integration{display:flex;gap:18px}.integration-icon{height:48px;width:48px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;font-size:23px}.integration-icon.youtube{background:#47272e;color:#ff6a61}.integration-icon.cloudflare{background:#4a3629;color:#ffbf76}.integration-icon.security{background:#273f3b;color:#8bf3bf}.integration-content{flex:1}.integration-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.integration h3{margin:0}.integration p{font-size:12px;color:#9ca3b6;line-height:1.7;max-width:690px}.pill-off,.pill-warn,.pill-on{border-radius:100px;padding:5px 8px;font-size:10px;font-weight:700}.pill-off{background:#493135;color:#f4a6aa}.pill-warn{background:#4b3d2e;color:#f6cd90}.pill-on{background:#29453d;color:#88deb5}.integration-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.danger-soft{background:#3a2630;color:#ffa6a6;border-color:#623947}.howto{margin-top:18px}.howto ol{font-size:13px;color:#afb5c4;line-height:2;padding-left:21px}.footer{color:#5e667a;font-size:10px;text-align:center;letter-spacing:1.3px;padding:20px 0 35px}.footer span{color:#d35b59;margin:0 7px}.mobile-nav{display:none}.modal-backdrop{position:fixed;inset:0;background:#050710c9;z-index:20;display:grid;place-items:center;padding:16px}.modal{width:100%;max-width:510px;max-height:85vh;overflow:auto;background:#191e2c;border:1px solid #40475b;box-shadow:0 30px 70px #0009;border-radius:19px;padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333b4c;padding-bottom:13px;margin-bottom:19px}.modal-head h3{font:700 21px 'Outfit';margin:0}.icon-close{border:0;background:#30374a;color:#fff;border-radius:8px;font-size:22px;height:31px;width:31px}.modal-body-text{font-size:13px;color:#b3baca;line-height:1.8}.modal-body-text a{color:#ff9d87}.modal .form-grid{display:grid;gap:10px}.modal .form-grid label{display:grid;gap:6px;color:#aeb4c3;font-size:12px;font-weight:700}.modal .form-grid input,.modal .form-grid select{width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:19px}.toast{position:fixed;bottom:25px;right:25px;background:#2e3944;border:1px solid #53665d;color:#e8fff1;padding:13px 17px;border-radius:11px;font-size:12px;box-shadow:0 12px 30px #0007;z-index:30}.hidden{display:none!important}
@media(max-width:1100px){.sidebar{width:213px}.main{padding:0 24px}.hero{padding:30px}.hero-visual{right:0}.stats-grid{gap:10px}.stat-card{padding:17px 15px}.section-grid{grid-template-columns:1fr}.recent-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.sidebar{display:none}.main{padding:0 17px;width:100%;padding-bottom:90px}.topbar{padding:19px 0;margin-bottom:17px}.topbar h1{font-size:23px}.top-date{display:none}.top-actions{gap:8px}.top-actions .outlined{display:none}.hero{min-height:300px;padding:26px 24px}.hero-visual{opacity:.24;width:55%;right:-10%;top:40px}.hero-copy{max-width:100%}.hero h2{font-size:34px}.hero p{max-width:420px}.hero-buttons .button{font-size:11px;padding:11px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-list{gap:10px}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:9;background:#111521f5;border-top:1px solid #353a4a;padding:8px 6px calc(9px + env(safe-area-inset-bottom));backdrop-filter:blur(18px)}.mobile-button{display:grid;justify-items:center;gap:3px;background:none;border:0;color:#888ea2;padding:4px 2px}.mobile-button span{font-size:22px;line-height:22px}.mobile-button small{font-size:9px;font-weight:700}.mobile-button.active{color:#ff887b}.footer{padding-bottom:20px}.planning-grid,.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-layout{grid-template-columns:1fr}.toast{bottom:88px;right:13px;left:13px}.page-intro h2{font-size:28px}}@media(max-width:540px){.hero{min-height:298px}.hero h2{font-size:30px}.hero p{font-size:12px}.stats-grid{gap:9px}.stat-card{padding:16px 13px}.stat-value{font-size:26px}.stat-foot{font-size:9px}.panel{padding:18px}.panel h3{font-size:17px}.panel-heading{align-items:start}.panel-heading .mini-pill{display:none}.recent-list{grid-template-columns:1fr}.recent-video{display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:start}.recent-video .thumb{width:130px}.recent-video .video-title{margin-top:2px}.video-grid,.planning-grid{grid-template-columns:1fr}.video-card{display:grid;grid-template-columns:125px 1fr;min-height:115px}.video-card .thumb{aspect-ratio:auto;height:100%}.video-card-body{padding:12px}.video-card-body .video-title{font-size:12px}.page-intro{align-items:start}.page-intro .button{padding:10px;font-size:11px}.toolbar{flex-direction:column}.select-input{width:100%}.bar-row{grid-template-columns:105px 1fr 23px;gap:7px}.integration{gap:12px}.integration-icon{height:39px;width:39px}.integration h3{font-size:16px}.integration-actions .button{font-size:11px}.notice{align-items:start}.notice .link-button{white-space:nowrap;font-size:10px}.topbar-title .eyebrow{font-size:9px}.avatar-button{width:32px;height:32px}.modal{padding:19px}}