@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap";:root{--bg:#06070b;--panel:#0e1017;--panel2:#121522;--line:#242837;--text:#f7f7fb;--muted:#9298a8;--brand:#7c5cff;--pink:#df58ff;--green:#4ce0ae;--danger:#ff6f82}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;font-family:Vazirmatn,system-ui,sans-serif;color:var(--text);background:radial-gradient(650px 430px at 100% -5%,#32146a 0%,transparent 60%),radial-gradient(500px 400px at -10% 35%,#102044 0%,transparent 58%),var(--bg)}body{overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{width:min(1180px,100%);margin:auto;padding:10px 12px 34px}.topbar{height:48px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.brand{display:flex;align-items:center;gap:9px}.brandmark{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--pink));box-shadow:0 10px 30px #7c5cff40;font-size:17px}.brand strong{display:block;font-size:14px;line-height:1.1}.brand span{display:block;color:#72798a;font-size:8px;margin-top:3px}.top-actions{display:flex;align-items:center;gap:7px}.top-badge{display:flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #263c35;background:#0b1714;border-radius:99px;color:#a7ddcf;font-size:8px}.top-badge i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.icon-btn{width:32px;height:32px;border-radius:10px;border:1px solid #303543;background:#0e1017;color:#d8dbe5}.hero-card{position:relative;overflow:hidden;min-height:205px;border:1px solid #292c3b;border-radius:22px;background:linear-gradient(135deg,#111321,#0a0d15 58%,#17102b);box-shadow:0 22px 70px #0008;padding:22px 20px;display:flex;align-items:center;margin-bottom:10px}.hero-copy{position:relative;z-index:2;max-width:590px}.eyebrow{display:inline-flex;padding:5px 8px;border-radius:99px;border:1px solid #765df155;background:#7c5cff12;color:#bdb0ff;font-size:7px;letter-spacing:1.3px}.hero-card h1{font-size:clamp(25px,5vw,43px);line-height:1.18;letter-spacing:-1px;margin:9px 0 6px}.hero-card h1 span{background:linear-gradient(90deg,#fff,#bba9ff,#f38ce8);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-card p{margin:0;color:#9aa0b0;font-size:10px;line-height:1.8}.hero-pills{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.hero-pills span{padding:5px 7px;border-radius:99px;background:#ffffff06;border:1px solid #ffffff0c;color:#b7bbc7;font-size:7px}.hero-art{position:absolute;inset:0 0 0 auto;width:42%;overflow:hidden}.hero-phone{position:absolute;right:18%;top:17px;width:120px;height:180px;border:5px solid #25283a;border-radius:22px;background:linear-gradient(150deg,#201d45,#080b12);transform:rotate(9deg);box-shadow:0 25px 55px #0009,0 0 50px #8d5cff33}.hero-phone-top{height:9px;width:38px;border-radius:99px;background:#08090e;margin:8px auto}.hero-play{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;margin:32px auto 12px;background:linear-gradient(135deg,var(--brand),var(--pink));font-size:13px}.hero-lines{padding:0 13px}.hero-lines i{display:block;height:5px;border-radius:99px;background:#ffffff18;margin:7px 0}.hero-lines i:nth-child(2){width:70%}.hero-lines i:nth-child(3){width:45%}.glow{position:absolute;border-radius:50%;filter:blur(25px)}.g1{width:150px;height:150px;background:#8b4cff55;right:5%;top:0}.g2{width:130px;height:130px;background:#ff4fd733;right:28%;bottom:-50px}.mobile-workspace{display:grid;grid-template-columns:minmax(310px,.9fr) minmax(350px,1fr) minmax(320px,.9fr);gap:10px;align-items:start}.card{background:linear-gradient(180deg,#10121aee,#0b0d13f2);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 60px #0007;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.setup,.production,.result{padding:12px}.section-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:11px}.section-head small{display:block;color:#70788a;font-size:7px;margin-bottom:2px}.section-head h2{font-size:15px;margin:0}.step-state,.outputState,.state-dot{color:#858c9d;font-size:8px}.field{margin-bottom:9px}.field label{display:block;color:#d9dce5;font-size:9px;margin-bottom:5px}.field label b{color:#ff7186}.field-title{display:flex;justify-content:space-between;align-items:center}.field-title>span{font-size:7px;color:#71798a}.input,.field textarea,.field select{width:100%;border:1px solid #292e3d;background:#080a10;color:#fff;border-radius:10px;padding:9px 10px;outline:none;font-size:10px}.input:focus,.field textarea:focus,.field select:focus{border-color:#7964ef;box-shadow:0 0 0 3px #7c5cff10}.field textarea{min-height:76px;resize:vertical;line-height:1.75}.hint{color:#626b7b;font-size:7px;line-height:1.6;margin-top:4px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.style-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.style-chip{border:1px solid #292e3a;background:#090b10;color:#a2a8b5;border-radius:9px;padding:7px 2px;text-align:center}.style-chip i{display:block;font-style:normal;font-size:13px}.style-chip span{display:block;font-weight:800;font-size:7px;margin-top:2px}.style-chip.active{border-color:#806bf2;background:linear-gradient(180deg,#21183c,#131022);color:#fff;box-shadow:inset 0 0 0 1px #806bf222}.drop{display:block;border:1.5px dashed #373c4a;border-radius:12px;padding:12px 9px;text-align:center;background:#080a10;transition:.2s}.drop:hover{border-color:#826cf2;background:#7c5cff08}.drop input,.music-drop input{display:none}.upload-icon{width:30px;height:30px;display:grid;place-items:center;margin:auto;border-radius:9px;background:#7c5cff15;color:#c7bbff;font-size:18px}.drop strong{display:block;font-size:9px;margin:6px 0 2px}.drop span,.drop small{display:block;color:#6f7787;font-size:7px;line-height:1.55}.asset-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.asset-item{position:relative;width:44px;height:44px;border-radius:8px;overflow:hidden;border:1px solid #343a49;background:#171a22}.asset-item img{width:100%;height:100%;object-fit:cover}.asset-item>span{position:absolute;bottom:2px;left:2px;background:#000b;border-radius:4px;padding:1px 3px;font-size:6px}.asset-item button{position:absolute;top:2px;right:2px;width:16px;height:16px;border:0;border-radius:50%;background:#000d;color:#fff;line-height:1}.video-thumb{height:100%;display:grid;place-items:center;color:#c8bcff;font-size:16px}.asset-empty{font-size:7px;color:#626a79}.compact-options{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;margin:2px 0 9px}.music-drop{display:flex;align-items:center;gap:7px;padding:7px 8px;border:1px solid #292e3a;border-radius:10px;background:#080a10;min-width:0}.music-drop>span{font-size:16px;color:#bcaeff}.music-drop strong,.music-drop small{display:block}.music-drop strong{font-size:8px}.music-drop small{color:#6f7787;font-size:7px;margin-top:1px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-row{display:flex;align-items:center;gap:5px}.color-row input{width:31px;height:29px;padding:2px;border-radius:8px;border:1px solid #333847;background:#090b10}.color-row>span{font:700 7px monospace;color:#bdbdca}.button-row,.output-actions,.result-extra{display:flex;gap:6px}.primary,.secondary,.ghost{border-radius:10px;padding:10px 11px;font-weight:800;font-size:9px}.primary{border:0;color:#fff;background:linear-gradient(135deg,var(--brand),var(--pink));box-shadow:0 10px 25px #7c5cff2b}.primary.big{flex:1}.secondary{background:#1b1e28;border:1px solid #343947;color:#eee}.ghost{background:transparent;border:1px solid #2e3340;color:#aaaebb}.primary:disabled,.secondary:disabled,.ghost:disabled{opacity:.4;cursor:not-allowed}.progress-card{border:1px solid #292f3e;border-radius:13px;background:#090b10;padding:10px}.progress-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.progress-top strong{display:block;font-size:9px}.progress-top small{display:block;color:#6f7787;font-size:7px;margin-top:3px}.progress-top>b{font-size:19px;background:linear-gradient(90deg,#fff,#c5b4ff);color:transparent;background-clip:text;-webkit-background-clip:text}.progress-track{height:5px;background:#232834;border-radius:99px;overflow:hidden;margin:9px 0}.progress-track i{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--brand),var(--pink));box-shadow:0 0 18px #9b75ff77;transition:width .3s}.stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.pipeline-stage{display:flex;align-items:center;gap:5px;padding:6px;border:1px solid #242934;border-radius:8px;background:#0d0f15;opacity:.42;min-width:0}.pipeline-stage.active{opacity:1;border-color:#6652c5;background:#161324}.pipeline-stage.done{opacity:1;border-color:#255342;background:#0d1815}.stage-number{font:800 7px monospace;color:#777f8e}.pipeline-stage b{display:block;font-size:7px}.pipeline-stage small{display:block;color:#606877;font-size:6px;margin-top:1px}.stage-check{margin-right:auto;font-size:9px;color:#777}.done .stage-check{color:var(--green)}.active .stage-check{color:#b6a7ff}.script-details,.ops-details{margin-top:7px;border:1px solid #292f3e;border-radius:11px;background:#090b10}.script-details summary,.ops-details summary{list-style:none;cursor:pointer;padding:8px 9px;display:flex;justify-content:space-between;color:#b8bdc9;font-size:8px}.script-details summary::-webkit-details-marker,.ops-details summary::-webkit-details-marker{display:none}.script-details summary em,.ops-details summary em{font-style:normal;color:#8174ba}.script-panel{border-top:1px solid #222733;overflow:hidden}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:7px 9px;font-size:7px;color:#858c9b}.tiny-btn{background:transparent;border:0;color:#8276b9;font-size:8px}.script-panel textarea{width:100%;height:135px;border:0;outline:0;background:transparent;color:#ddd;font-size:9px;line-height:1.9;padding:9px;resize:vertical}.script-panel textarea.editing{background:#0e1017}.script-meta{display:flex;justify-content:space-between;padding:6px 9px;border-top:1px solid #222733;color:#666e7d;font-size:6px}.live-log{border-top:1px solid #222733}.log-head{display:flex;justify-content:space-between;padding:7px 9px;color:#aaaeb9;font-size:7px}.log{height:82px;overflow:auto;padding:5px 9px}.log-line{display:flex;gap:5px;color:#c2c5cf;font-size:7px;line-height:1.8;padding:1px 0}.log-line span:first-child{color:#8f7dff}.log-line.success span:first-child{color:var(--green)}.log-line.error span:first-child{color:var(--danger)}.log-line.muted{color:#666d7c}.video-stage{height:500px;border:1px solid #292f3c;border-radius:14px;background:#020305;display:grid;place-items:center;overflow:hidden;position:relative}.video-stage:before{content:"9:16";position:absolute;top:8px;left:8px;padding:4px 7px;border-radius:7px;background:#000b;color:#8c929f;font:700 7px monospace;z-index:2}.final-preview{max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain;background:#000;border-radius:9px}.empty{text-align:center;color:#727a89;padding:20px}.empty div{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 9px;border-radius:15px;background:linear-gradient(135deg,#211b42,#171022);color:#b8a9ff;font-size:24px}.empty strong,.empty small{display:block}.empty strong{font-size:9px;color:#a2a7b3}.empty small{font-size:7px;margin-top:4px}.processing{text-align:center;color:#999fac;padding:40px 15px}.processing strong,.processing small{display:block}.processing strong{font-size:9px;margin-top:10px}.processing small{font-size:7px;margin-top:4px;color:#666e7d}.spinner{width:26px;height:26px;border:3px solid #292f3e;border-top-color:#9a7cff;border-radius:50%;margin:auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.output-actions{margin-top:7px}.output-actions .primary{flex:1}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}.result-metrics>div{border:1px solid #292f3d;background:#0b0d13;border-radius:9px;padding:7px;text-align:center}.result-metrics span{display:block;color:#bcaeff;font-size:12px}.result-metrics b{display:block;font-size:7px;margin-top:2px}.result-metrics small{display:block;color:#676f7d;font-size:6px;margin-top:2px}.result-extra{margin-top:7px}.result-extra>*{flex:1}.result-extra[hidden]{display:none}@media(max-width:1080px){.mobile-workspace{grid-template-columns:1fr 1fr}.result{grid-column:1/-1}.video-stage{height:580px}}@media(max-width:760px){.app-shell{padding:8px 9px 28px}.topbar{height:45px;margin-bottom:8px}.brandmark{width:33px;height:33px;border-radius:10px}.brand strong{font-size:13px}.brand span{font-size:7px}.top-badge span{display:none}.top-badge{padding:7px;border-radius:50%}.hero-card{min-height:172px;border-radius:19px;padding:18px 16px;margin-bottom:8px}.hero-card h1{font-size:24px;max-width:260px}.hero-card p{font-size:8px;max-width:260px}.hero-pills{max-width:280px;margin-top:9px}.hero-pills span{font-size:6px;padding:4px 6px}.hero-art{width:37%;opacity:.8}.hero-phone{right:2%;top:25px;width:82px;height:125px;border-width:4px;border-radius:16px}.hero-phone-top{height:6px;width:27px;margin:5px auto}.hero-play{width:29px;height:29px;margin:22px auto 8px;font-size:9px}.hero-lines{padding:0 9px}.hero-lines i{height:3px;margin:5px 0}.mobile-workspace{display:flex;flex-direction:column;gap:8px}.setup,.production,.result{width:100%;padding:11px;border-radius:16px}.setup{order:1}.production{order:2}.result{order:3}.section-head{margin-bottom:9px}.section-head h2{font-size:14px}.style-grid{grid-template-columns:repeat(5,1fr)}.stage-grid{grid-template-columns:repeat(3,1fr)}.video-stage{height:min(72vh,540px)}.script-panel textarea{height:120px}.demo-btn{display:none}.output-actions .primary{font-size:9px}.asset-item{width:43px;height:43px}.drop{padding:11px 8px}}@media(max-width:430px){.hero-card{min-height:160px}.hero-card h1{font-size:22px}.hero-card p{font-size:7px}.hero-art{width:34%;opacity:.6}.hero-phone{right:-8px;width:76px;height:116px}.style-grid{grid-template-columns:repeat(3,1fr)}.stage-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{gap:6px}.field textarea{min-height:78px}.video-stage{height:490px}.compact-options{grid-template-columns:1fr auto}}.platform-grid{grid-template-columns:repeat(4,1fr)}.style-chip span{line-height:1.2}.script-panel textarea{height:82px;max-height:none;overflow:auto;transition:height .2s ease}.script-panel textarea.expanded{height:260px;overflow:auto}.video-stage{height:360px}.result .section-head{margin-bottom:7px}.result .output-actions{margin-top:6px}.library{grid-column:1/-1}.video-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.library-item{border:1px solid #292f3d;background:#090b10;border-radius:13px;padding:7px;min-width:0}.library-item video{display:block;width:100%;aspect-ratio:9/14;object-fit:cover;background:#020305;border-radius:9px}.library-info{padding:7px 3px 4px;min-width:0}.library-info strong,.library-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-info strong{font-size:9px}.library-info small{font-size:7px;color:#6f7787;margin-top:3px}.library-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.library-actions button{padding:7px 5px;font-size:8px}.library-empty{text-align:center;border:1px dashed #2c3240;border-radius:12px;padding:18px 12px;color:#737b89;grid-column:1/-1}.library-empty div{width:38px;height:38px;display:grid;place-items:center;margin:0 auto 7px;border-radius:11px;background:#171326;color:#bcaeff;font-size:18px}.library-empty strong,.library-empty small{display:block}.library-empty strong{font-size:9px;color:#aeb3bf}.library-empty small{font-size:7px;line-height:1.7;margin-top:4px}@media(max-width:760px){.platform-grid{grid-template-columns:repeat(2,1fr)}.video-stage{height:330px}.library{order:4}.video-library{grid-template-columns:repeat(2,minmax(0,1fr))}.library-item video{aspect-ratio:9/14}.script-panel textarea.expanded{height:300px}}@media(max-width:430px){.video-stage{height:300px}.video-library,.library-actions{grid-template-columns:1fr 1fr}.platform-grid .style-chip span{font-size:7px}}.video-stage:before{content:""}.platform-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.platform-title>span{font-size:7px;color:#8d83c4;white-space:nowrap}.scenario-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.scenario-mode{border:1px solid #292e3a;background:#090b10;color:#9fa5b4;border-radius:10px;padding:8px 5px;text-align:center;min-width:0}.scenario-mode i{display:block;font-style:normal;font-size:14px;color:#9b8bff}.scenario-mode span{display:block;font-weight:800;font-size:8px;margin-top:3px}.scenario-mode small{display:block;color:#606878;font-size:6px;margin-top:2px;line-height:1.4}.scenario-mode.active{border-color:#806bf2;background:linear-gradient(180deg,#21183c,#131022);color:#fff;box-shadow:inset 0 0 0 1px #806bf222}.custom-script-wrap{margin-top:6px;border:1px solid #292f3e;border-radius:10px;background:#090b10;padding:7px}.custom-script-wrap[hidden]{display:none}.custom-script-wrap textarea{width:100%;min-height:82px;resize:vertical;border:0;outline:0;background:transparent;color:#eee;font-size:9px;line-height:1.8}.custom-script-wrap small{display:block;color:#656d7c;font-size:6px;line-height:1.6;margin-top:4px}.view-switch{grid-column:1/-1;padding:10px}.view-switch .section-head{margin-bottom:7px}.view-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.view-tab{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;align-items:center;text-align:right;column-gap:7px;border:1px solid #292f3e;background:#090b10;color:#a7adba;border-radius:11px;padding:8px}.view-tab>span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#171326;color:#bcaeff;font-size:14px}.view-tab b{font-size:8px;color:#bfc3ce}.view-tab small{font-size:6px;color:#646c7b;margin-top:2px}.view-tab.active{border-color:#806bf2;background:linear-gradient(180deg,#1c1634,#10101a);box-shadow:inset 0 0 0 1px #806bf222}.view-tab.active b{color:#fff}.view-hint{font-size:6px;color:#626a79;margin-top:6px;text-align:center}.workspace-panel[hidden]{display:none!important}@media(max-width:760px){.scenario-mode-grid{grid-template-columns:1fr 1fr}.scenario-mode:last-child{grid-column:1/-1}.view-switch{order:3}.result,.library{order:4}.view-tab{padding:7px}.view-tab b{font-size:7px}.view-tab small{font-size:5.5px}}@media(max-width:430px){.scenario-mode span{font-size:7px}.scenario-mode small{font-size:5.5px}.platform-title>span{font-size:6px}.view-tabs{gap:5px}}.style-chip,.scenario-mode,.view-tab{position:relative;z-index:5;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.style-chip{min-height:48px}.scenario-mode{min-height:64px}.view-tab{min-height:58px}.style-chip:active,.scenario-mode:active,.view-tab:active{transform:scale(.985)}.style-chip[aria-pressed=true],.scenario-mode[aria-pressed=true],.view-tab[aria-pressed=true]{outline:none}@media(max-width:760px){.style-chip{min-height:52px}.scenario-mode{min-height:68px}.view-tab{min-height:64px}}