@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#edf1ff;background:#090e1c;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#090e1c;--panel:#111a2d;--panel2:#151f35;--line:#26334d;--muted:#8995ad;--purple:#8b7cff;--cyan:#65d6e8;--green:#58d6a0}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 80% -10%,#1a2850 0,transparent 38%),var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:254px;position:fixed;inset:0 auto 0 0;background:#0d1425;border-right:1px solid #1e2a41;padding:26px 17px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 36px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#a08aff,#6359da);font:800 15px Manrope;box-shadow:0 8px 24px #7060e64d}.brand strong{display:block;font:800 15px Manrope;letter-spacing:-.4px}.brand small{display:block;color:#8994ad;font-size:9px;letter-spacing:2.8px;margin-top:3px}.workspace-label,.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#8491aa}.workspace-label{padding:0 12px 12px}.sidebar nav{display:grid;gap:5px}.nav-item{height:47px;border:0;border-radius:11px;background:transparent;color:#9ba7bf;display:flex;align-items:center;gap:13px;padding:0 13px;text-align:left;font-size:13px;font-weight:600}.nav-item svg{width:18px;height:18px}.nav-item:hover{background:#17223a;color:#fff}.nav-item.active{background:linear-gradient(90deg,#6e61d82b,#6e61d80d);color:#c9c2ff;box-shadow:inset 2px 0 #9385ff}.nav-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#64d6e8}.sidebar-bottom{margin-top:auto}.help-card{border:1px solid #293550;border-radius:14px;padding:15px;background:linear-gradient(145deg,#1b2742,#111a2d);margin:0 3px 18px}.help-icon{color:#b1a5ff;margin-bottom:9px}.help-card strong{font-size:12px}.help-card p{font-size:11px;line-height:1.6;color:#95a1b9;margin:6px 0 0}.profile{border-top:1px solid #26334a;padding:17px 5px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#27375a;color:#c4caff;font-weight:700;font-size:11px}.avatar.small{width:31px;height:31px}.profile strong{display:block;font-size:11px}.profile small{display:block;color:#8995ad;font-size:10px;margin-top:3px}.profile>svg{margin-left:auto;width:15px;color:#7886a0}.main{margin-left:254px;min-height:100vh}.topbar{height:70px;border-bottom:1px solid #202c43;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#0c1424c9;backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}.crumb{display:flex;align-items:center;gap:10px;font-size:12px;color:#8290a9}.crumb svg{width:13px}.crumb strong{color:#e8edff}.top-actions{display:flex;align-items:center;gap:17px}.status-pill,.format-chip,.soft-chip{font-size:10px;color:#aab6cc;border:1px solid #2a3852;background:#131e32;border-radius:20px;padding:7px 11px}.status-pill span,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#58d6a0;margin-right:6px;box-shadow:0 0 10px #58d6a088}.content{max-width:1450px;margin:auto;padding:38px 42px 60px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading h1{font:800 clamp(25px,3vw,33px) Manrope;letter-spacing:-1.2px;margin:9px 0 7px}.page-heading p,.section-title p{margin:0;color:#98a5bc;font-size:13px}.btn{border:1px solid transparent;border-radius:10px;padding:11px 15px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn svg{width:15px;height:15px}.btn.primary{background:linear-gradient(120deg,#897bff,#675bd6);color:#fff;box-shadow:0 7px 22px #7566e63b}.btn.primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn.primary:disabled{opacity:.6;cursor:wait}.btn.secondary{background:#18243a;border-color:#30405c;color:#d7def0}.btn.light{background:#f4f2ff;color:#4d43a4}.btn.success{background:#1b9b71;color:#fff;text-decoration:none}.hero-banner{min-height:260px;border:1px solid #34416c;border-radius:19px;overflow:hidden;position:relative;background:linear-gradient(110deg,#242650,#292d62 48%,#34417c);display:flex;margin-bottom:23px}.hero-copy{padding:29px 34px;position:relative;z-index:2;max-width:58%}.hero-tag{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:700;letter-spacing:1.4px;color:#c2bdff}.hero-tag svg{width:14px}.hero-copy h2{font:800 31px/1.16 Manrope;letter-spacing:-1px;margin:15px 0 9px}.hero-copy h2 span{color:#b5abff}.hero-copy p{font-size:12px;color:#c1c5e2;line-height:1.65;max-width:420px;margin:0 0 17px}.hero-art{position:absolute;right:0;top:0;width:45%;height:100%;display:grid;place-items:center;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:240px;height:240px;background:#8a7bff33;right:14%;top:-60px}.orb-two{width:190px;height:190px;background:#60d7e52b;right:-20px;bottom:-100px}.art-card{width:190px;height:170px;border:1px solid #ffffff40;border-radius:23px;background:linear-gradient(145deg,#ffffff24,#ffffff08);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(5deg);box-shadow:0 20px 50px #090e1c44}.toy-face{width:80px;height:80px;border-radius:28px;background:linear-gradient(140deg,#ffd5a5,#ffab88);display:grid;place-items:center;font-size:53px;color:#6b4261;box-shadow:inset 0 -8px #e9957d;margin-bottom:9px}.art-card span{font-size:9px;letter-spacing:1.2px;font-weight:800}.art-card small{font-size:7px;letter-spacing:1.8px;color:#c6c8eb;margin-top:4px}.spark{position:absolute;color:#e8d9ff;font-size:27px}.s1{top:28px;right:20%}.s2{bottom:30px;right:8%}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:32px}.stat-card{border:1px solid #26344d;background:linear-gradient(145deg,#141f34,#10192b);border-radius:14px;padding:17px 18px;position:relative}.stat-icon,.workflow-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;margin-bottom:13px}.stat-icon svg,.workflow-icon svg{width:17px}.purple{background:#7666e528;color:#a99cff}.blue{background:#49a8e522;color:#6bc6ff}.green{background:#42c58b22;color:#63dca7}.orange{background:#e6a04c22;color:#ffbc75}.stat-card>span{display:block;color:#9ba8c0;font-size:11px}.stat-card>strong{display:block;font:800 25px Manrope;margin:4px 0}.stat-card>small{font-size:10px;color:#73819a}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-title h2,.panel h2,.export-title h2{font:700 17px Manrope;margin:0 0 5px}.section-title p{font-size:11px}.muted-label{font-size:9px;letter-spacing:1.5px;color:#74829b}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.workflow-card,.panel,.scene-card,.export-panel{border:1px solid #26344d;background:linear-gradient(145deg,#141f34,#10192b);border-radius:14px}.workflow-card{padding:17px;position:relative;min-height:192px}.step-no{position:absolute;right:16px;top:17px;font:700 11px Manrope;color:#53617c}.workflow-icon{margin:0 0 13px;width:36px;height:36px}.workflow-card h3{font:700 13px Manrope;margin:0 0 7px}.workflow-card p{font-size:10px;line-height:1.6;color:#93a0b8;min-height:48px;margin:0 0 12px}.text-link{border:0;background:transparent;padding:0;color:#a99dff;font-size:10px;font-weight:700;display:flex;align-items:center;gap:5px}.text-link svg{width:13px}.notice{display:flex;gap:12px;border:1px solid #2c3c5b;background:#14223a;border-radius:12px;padding:14px 16px;margin-top:21px;color:#8e9db7}.notice>svg{width:17px;flex-shrink:0;color:#80c9ee}.notice strong{font-size:11px;color:#d8e4f6}.notice p{font-size:10px;line-height:1.55;margin:4px 0 0}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding:13px 15px;border:1px solid #293750;border-radius:11px;background:#111b2e;font-size:11px}.editor-toolbar small{color:#8c9ab2}.editor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.scene-card{padding:15px}.scene-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.scene-top>div{display:flex;align-items:center;gap:9px;font-size:12px}.scene-number{width:26px;height:26px;border-radius:8px;background:#7666e52b;color:#b5aaff;display:grid;place-items:center;font-size:10px;font-weight:800}.duration-tag{font-size:9px;color:#95a3bb;border:1px solid #2b3951;border-radius:20px;padding:5px 8px}.upload-zone{min-height:154px;border:1px dashed #405071;border-radius:11px;background:#0d1729;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:15px;cursor:pointer;gap:7px}.upload-zone:hover{border-color:#9283ff;background:#171b38}.upload-symbol{width:35px;height:35px;border-radius:10px;background:#7666e526;color:#b0a4ff;display:grid;place-items:center;margin-bottom:3px}.upload-symbol svg{width:17px}.upload-zone strong{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-zone span{font-size:9px;color:#8290aa}.upload-zone em{font-style:normal;font-size:10px;color:#aa9fff;font-weight:700}.clip-preview{width:100%;max-height:180px;object-fit:contain;background:#050912;margin-top:10px;border-radius:9px}.export-panel{padding:19px;margin-top:17px}.export-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.export-title h2{font-size:16px;margin-top:6px}.secure-note{font-size:9px;color:#82c9a9;display:flex;align-items:center;gap:6px}.secure-note svg{width:14px}.settings-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.settings-row label,.field-label{display:grid;gap:7px;font-size:10px;font-weight:700;color:#9eabc2}.settings-row select,.field-label input,.field-label textarea{width:100%;border:1px solid #2c3b56;background:#0d1729;color:#e8edfc;border-radius:8px;padding:11px;font-size:11px;outline:none}.settings-row select:focus,.field-label input:focus,.field-label textarea:focus{border-color:#8b7cff}.export-actions{display:flex;justify-content:space-between;gap:10px;margin-top:17px}.progress-wrap{display:none;margin-top:17px}.progress-wrap.show{display:block}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:#aab6cc;margin-bottom:8px}.progress-track{height:7px;border-radius:10px;background:#25334c;overflow:hidden}.progress-track>div{height:100%;width:0;background:linear-gradient(90deg,#7467e7,#61d6d9);transition:width .25s}.message{display:none;font-size:11px;padding:10px;border-radius:8px;margin-top:12px}.message.error{display:block;background:#54252d;color:#ffb5be}.message.success{display:block;background:#153c34;color:#8be5bd}.download-result{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #293750;padding-top:15px;margin-top:15px}.download-result>div{display:grid;grid-template-columns:20px auto;gap:2px 8px;align-items:center}.download-result svg{grid-row:span 2;color:#61d9a6;width:18px}.download-result strong{font-size:11px}.download-result small{font-size:9px;color:#8d9bb4}.prompt-layout,.publish-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{padding:20px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.panel-heading h2{font-size:16px}.panel-heading p{font-size:10px;color:#91a0b8;margin:0}.field-label{margin-bottom:15px}.field-label textarea{resize:vertical;line-height:1.6}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.helper{font-size:10px;color:#8795ad;line-height:1.6;margin:12px 0 0}.empty-state{min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:9px;color:#8290aa}.empty-state>svg{width:30px;height:30px;color:#a397ff;margin-bottom:4px}.empty-state strong{font-size:12px;color:#cdd6e9}.empty-state span{font-size:10px}.prompt-card{padding:13px;border:1px solid #2b3952;background:#0e182a;border-radius:10px;margin-bottom:10px}.prompt-card>div{display:flex;align-items:center;justify-content:space-between}.prompt-card strong{font-size:11px;color:#cfc8ff}.prompt-card p{font-size:10px;line-height:1.6;color:#aab6ca;white-space:pre-wrap}.mini-copy{display:flex;gap:5px;align-items:center;background:#202a42;border:0;border-radius:6px;padding:6px 8px;color:#bdb3ff;font-size:9px}.mini-copy svg{width:12px}.library-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #26334b}.library-row:last-child{border:0}.file-icon{width:36px;height:36px;border-radius:10px;background:#7163df25;color:#a99cff;display:grid;place-items:center}.file-icon svg{width:17px}.library-row>div:nth-child(2){display:grid;gap:4px;flex:1}.library-row strong{font-size:11px}.library-row small{font-size:9px;color:#8593ad}.check-list{display:grid;gap:13px;margin:5px 0 18px}.check-list label{display:flex;gap:10px;align-items:center;font-size:11px;color:#b4bfd2}.check-list input{accent-color:#8b7cff}.compact{margin-top:5px}.settings-panel{max-width:850px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid #27344b}.setting-row:last-child{border:0}.setting-row>div{display:grid;gap:5px}.setting-row strong{font-size:11px}.setting-row small{font-size:10px;color:#8997af}.setting-row input{background:#0d1729;border:1px solid #2c3b56;border-radius:7px;color:#eaf0ff;padding:9px;font-size:11px;max-width:230px}.menu-toggle,.mobile-close{display:none}@media(max-width:1100px){.content{padding:30px 25px}.topbar{padding:0 25px}.workflow-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .25s}.sidebar.open{transform:translate(0)}.mobile-close{display:block;margin-left:auto;border:0;background:none;color:#fff}.main{margin-left:0}.topbar{height:60px;padding:0 17px}.menu-toggle{display:block;background:none;border:0;color:#dce5f7}.menu-toggle svg{width:20px}.crumb{margin-right:auto;margin-left:12px}.status-pill{display:none}.content{padding:25px 16px 45px}.page-heading{align-items:flex-start}.page-heading .btn{padding:9px;font-size:10px}.page-heading h1{font-size:25px}.hero-copy{max-width:75%;padding:23px}.hero-copy h2{font-size:26px}.hero-art{opacity:.55;width:55%}.stats-grid{gap:9px}.stat-card{padding:13px}.workflow-grid,.editor-grid,.prompt-layout,.publish-grid{grid-template-columns:1fr}.workflow-card,.workflow-card p{min-height:0}.settings-row{grid-template-columns:1fr}.export-title{align-items:flex-start;gap:10px}.secure-note{max-width:130px}.two-fields{grid-template-columns:1fr}.format-chip{font-size:8px}.editor-toolbar{gap:7px;align-items:flex-start;flex-direction:column}.export-actions{flex-wrap:wrap}.download-result{gap:10px;flex-wrap:wrap}}.audio-panel{margin-top:18px;padding:16px;border:1px solid #2b3953;border-radius:12px;background:#0e182a}.audio-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.audio-panel-heading strong{display:block;font-size:12px;color:#e4eaff}.audio-panel-heading small{display:block;margin-top:4px;font-size:10px;color:#8998b1}.music-upload-row{display:flex;align-items:center;gap:10px}.music-file-picker{min-width:0;flex:1;display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px dashed #465675;border-radius:9px;background:#111d32;color:#cbd6eb;cursor:pointer;font-size:10px}.music-file-picker svg{width:16px;height:16px;color:#b0a4ff;flex-shrink:0}.music-file-picker span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.music-file-picker em{font-style:normal;color:#b1a5ff;font-weight:700;white-space:nowrap}#removeMusic:disabled{opacity:.45;cursor:not-allowed}.audio-sliders{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:15px}.audio-sliders label{display:grid;grid-template-columns:1fr auto;gap:8px;color:#aab7ce;font-size:10px;font-weight:700}.audio-sliders label span{color:#c4baff;font-variant-numeric:tabular-nums}.audio-sliders input[type=range]{grid-column:1/-1;width:100%;accent-color:#8b7cff;cursor:pointer}@media(max-width:760px){.audio-sliders{grid-template-columns:1fr}.music-upload-row{align-items:stretch;flex-direction:column}}.notice.compact{align-items:flex-start}.notice.success{border-color:#28624f;background:#12362d}.notice.success>svg{color:#76dfb2}.notice.error{border-color:#75404a;background:#3b2029}.notice.error>svg{color:#ff9aa8}.notice a{color:#c7bdff;font-weight:700}.setting-row .btn,.setting-row a{white-space:nowrap}.field-label select{width:100%;border:1px solid #2c3b56;background:#0d1729;color:#e8edfc;border-radius:8px;padding:11px;font-size:11px;outline:none}.field-label select:focus{border-color:#8b7cff}@media(max-width:760px){.setting-row{align-items:flex-start;flex-direction:column}.setting-row .btn,.setting-row a{width:100%}}.ai-story-results{display:block;max-height:75vh;overflow:auto;padding-right:4px}.ai-story-results .prompt-card p{overflow-wrap:anywhere}.ai-story-results .prompt-card p+p{margin-top:10px}