@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--bg:#0b0b10;--panel:#14141c;--border:#2b2b36;--text:#f5f5f7;--muted:#9696a4;--purple:#7c3aed}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -10%,#21123b,transparent 43%),var(--bg);color:var(--text);font-family:DM Sans,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.shell{max-width:1200px;margin:auto;padding:0 28px}.nav{height:78px;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand,.nav{display:flex;align-items:center}.brand{gap:9px;color:var(--text);text-decoration:none;font:18px Space Grotesk,sans-serif}.brandIcon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#985bff,#6023c5);font-size:22px}.navTag,.tinyBadge{font-size:9px;letter-spacing:1.2px;color:#c4b5fd;border:1px solid #4c3273;background:#25163b;padding:7px 10px;border-radius:7px}.hero{padding:55px 0 36px;max-width:700px}.eyebrow{font-size:10px;letter-spacing:2px;color:#c4b5fd;font-weight:700}.eyebrow i{display:inline-block;width:7px;height:7px;background:#a78bfa;border-radius:50%;margin-right:8px}h1{font:600 clamp(40px,6vw,65px)/1.05 Space Grotesk,sans-serif;letter-spacing:-3px;margin:18px 0}h1 span{background:linear-gradient(90deg,#c4b5fd,#8b5cf6);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{font-size:14px;line-height:1.7;color:#a5a5b1;max-width:560px}.workspace{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;align-items:stretch}.panel{background:linear-gradient(160deg,#15151e,#101016);border:1px solid var(--border);border-radius:16px;padding:24px;min-width:0}.panelHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px}.panelHead small{display:block;font-size:10px;letter-spacing:1.5px;color:#a78bfa;font-weight:700;margin-bottom:7px}label{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin:20px 0 10px}label em{font-style:normal;font-size:10px;color:#888895;font-weight:400}.upload{width:100%;min-height:175px;border:1px dashed #454151;border-radius:12px;background:#0d0d13;color:var(--text);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;position:relative;overflow:hidden}.upload:hover{border-color:#9a70f8}.uploadIcon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#25163b;color:#c4b5fd;font-size:23px}.upload strong{font-size:12px}.upload small{font-size:11px;color:var(--muted)}.upload em{font-style:normal;font-size:11px;color:#c4b5fd}.upload img{position:absolute;width:100%;height:100%;object-fit:contain;background:#09090d}.change{position:absolute;right:10px;bottom:10px;background:#20182e;padding:7px 10px;border-radius:7px;font-size:11px}.url{height:46px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #30303b;background:#0d0d13;border-radius:9px;color:#bda5ff}.url input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.url input::placeholder,textarea::placeholder{color:#686875}.hint{font-size:10px;line-height:1.6;color:#858592;margin:8px 0 0}textarea{width:100%;resize:vertical;border:1px solid #30303b;background:#0d0d13;border-radius:9px;padding:12px;color:var(--text);outline:0;font-size:12px}.primary{width:100%;height:48px;border:0;border-radius:9px;background:linear-gradient(100deg,#7c3aed,#6d28d9);color:white;font-size:13px;font-weight:700;margin-top:20px}.primary:disabled{opacity:.65;cursor:wait}.secure{text-align:center;color:#777784;font-size:10px;margin:13px 0 0}.secure:first-letter{color:#72e0ad}.status{display:flex;flex-direction:column;gap:5px;margin-top:14px;padding:12px;border:1px solid #4b3b69;background:#1a1326;border-radius:9px;font-size:11px}.status small{color:#aaa0bb;overflow-wrap:anywhere}.error{margin-top:13px;padding:12px;border-radius:8px;border:1px solid #6c3038;background:#291419;color:#ffb2b2;font-size:12px;line-height:1.6}.result{display:flex;flex-direction:column}.ready{font-size:10px;color:#72e0ad;letter-spacing:1px}.empty{flex-direction:column;text-align:center;flex:1 1}.empty,.frame{display:flex;align-items:center}.frame{width:min(100%,300px);aspect-ratio:9/13;border:1px solid #36303f;border-radius:13px;background:linear-gradient(155deg,#20152e,#101018 55%,#181126);justify-content:center;position:relative;overflow:hidden}.frame>span{width:55px;height:55px;border-radius:50%;border:1px solid #a78bfa88;display:grid;place-items:center;color:#d6c7ff;background:#8b5cf61b;padding-left:3px}.frame small{position:absolute;bottom:16px;letter-spacing:2px;font-size:8px;color:#9990aa}.empty h3{font:600 17px Space Grotesk,sans-serif;margin:22px 0 8px}.empty p{font-size:11px;line-height:1.6;color:#8d8d9b;max-width:260px}.empty footer{width:100%;display:flex;justify-content:space-between;margin-top:auto;padding-top:17px;border-top:1px solid var(--border);font-size:9px;letter-spacing:1px;color:#777784}.result video{width:100%;max-height:550px;background:#08080b;border-radius:11px}.actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px;margin-top:14px}.secondary,.tiktok{display:flex;align-items:center;justify-content:center;min-height:43px;border-radius:8px;font-size:11px;font-weight:700;text-decoration:none}.secondary{color:#f4f4f5;border:1px solid #3c3c48;background:#1b1b24}.tiktok{border:0;background:#f3f3f5;color:#111}.bottom{display:flex;justify-content:space-between;color:#686875;font-size:9px;letter-spacing:1.5px;padding:34px 0 25px}@media(max-width:820px){.workspace{grid-template-columns:1fr}.hero{padding-top:42px}}@media(max-width:480px){.shell{padding:0 15px}.nav{height:68px}.brand{font-size:15px}.navTag{font-size:8px}.hero{padding:38px 0 28px}h1{letter-spacing:-2px}.panel{padding:17px}.panelHead h2{font-size:20px}.bottom,.tinyBadge{font-size:8px}}.referenceTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;margin:0 0 11px}.referenceTab{border:1px solid #30303b;background:#0d0d13;color:#9999a8;border-radius:8px;padding:10px 5px;font-size:10px;font-weight:700;line-height:1.3}.referenceTab.active{background:#25163b;border-color:#7c3aed;color:#d8c7ff}.searchPlaceholder{display:flex;align-items:center;gap:10px;margin-top:10px;padding:12px;border:1px solid #34303f;background:#15111d;border-radius:9px}.searchPlaceholder>b{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#2b1b42;color:#c4b5fd;flex-shrink:0}.searchPlaceholder>span{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1}.searchPlaceholder strong{font-size:11px}.searchPlaceholder small{font-size:10px;line-height:1.5;color:#92909f}.searchPlaceholder em{font-size:8px;letter-spacing:.7px;color:#c4b5fd;border:1px solid #4c3273;padding:5px;border-radius:5px;font-style:normal;white-space:nowrap}.videoUpload{width:100%;min-height:140px;border:1px dashed #454151;border-radius:10px;background:#0d0d13;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;padding:14px;cursor:pointer}.videoUpload strong{font-size:11px;overflow-wrap:anywhere}.videoUpload small{font-size:10px;color:var(--muted)}.videoUpload em{font-size:10px;color:#c4b5fd;font-style:normal}@media(max-width:480px){.referenceTabs{gap:4px}.referenceTab{font-size:9px;padding:9px 3px}}.urlActionRow{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:7px;gap:7px;align-items:stretch}.getVideoButton{min-width:95px;border:1px solid #7650ad;background:#241635;color:#d9c8ff;border-radius:9px;padding:0 12px;font-size:10px;font-weight:700;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:7px}.getVideoButton:hover:not(:disabled){background:#35204f;border-color:#a78bfa}.getVideoButton:disabled{opacity:.7;cursor:wait}.infoBox{margin-top:10px;padding:10px 11px;border:1px solid #4b3b69;background:#1a1326;border-radius:8px;color:#d7c7f8;font-size:11px;line-height:1.55}@media(max-width:520px){.urlActionRow{grid-template-columns:1fr}.getVideoButton{height:40px}}.errorBox{margin-top:10px;padding:10px 11px;border:1px solid #6c3038;background:#291419;border-radius:8px;color:#ffb2b2;font-size:11px;line-height:1.55;overflow-wrap:anywhere}.referenceReady{margin-top:12px;display:grid;grid-template-columns:100px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:10px;border:1px solid #2b5c47;background:#101f19;border-radius:10px}.referenceReady video{width:100px;height:76px;object-fit:cover;border-radius:7px;background:#08080b}.referenceReady span{color:#87e5b9;font-size:10px;font-weight:700}.referenceReady a{font-size:10px;color:#c4b5fd;text-decoration:none;white-space:nowrap}.taskHistory{margin-top:18px}.taskHistoryHead{margin-bottom:16px}.taskHistoryHead .hint{margin-top:8px;max-width:560px}.historyEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:150px;border:1px dashed #373443;border-radius:11px;background:#0e0e14;text-align:center;color:#888895;padding:22px}.historyEmpty b{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#25163b;color:#c4b5fd;font-size:18px}.historyEmpty strong{font:600 14px Space Grotesk,sans-serif;color:#e5e0ee}.historyEmpty span{font-size:11px;line-height:1.6}.taskList{display:grid;grid-gap:12px;gap:12px}.taskCard{padding:15px;border:1px solid #302d3b;border-radius:12px;background:#101017;min-width:0}.taskCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.taskCardHead>div{display:flex;flex-direction:column;gap:5px;min-width:0}.taskCardHead strong{font:600 13px Space Grotesk,sans-serif;overflow-wrap:anywhere;color:#f3f0f8}.taskCardHead small{font-size:10px;color:#8f8d9b;line-height:1.5;overflow-wrap:anywhere}.taskStatus{font-size:9px;line-height:1.2;font-weight:700;letter-spacing:.5px;padding:7px 9px;border-radius:6px;border:1px solid #40394c;background:#1b1724;color:#c9b8f4;white-space:nowrap}.taskStatus.completed{border-color:#285e48;background:#10231a;color:#85e4b5}.taskStatus.failed{border-color:#66303a;background:#2a1418;color:#ffaaaa}.taskStatus.interrupted{border-color:#6d552b;background:#241c0e;color:#e9cb85}.taskId{font-size:9px;color:#727181;margin-top:9px;overflow-wrap:anywhere}.historyVideo{display:block;width:min(100%,340px);max-height:420px;margin-top:13px;border-radius:9px;background:#08080b}.taskActions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.taskActions .secondary{padding:0 14px;min-height:35px}.taskError{margin:10px 0 0;padding:9px 10px;border-radius:8px;border:1px solid #63313a;background:#271419;color:#ffb5b5;font-size:10px;line-height:1.6;overflow-wrap:anywhere}.taskCardFoot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid #292632;color:#777584;font-size:9px;line-height:1.55}.taskCardFoot button{flex-shrink:0;border:1px solid #34313e;border-radius:6px;background:#17161f;color:#a4a1b0;padding:6px 9px;font-size:9px}@media(max-width:600px){.referenceReady{grid-template-columns:84px minmax(0,1fr)}.referenceReady video{width:84px;height:68px}.referenceReady a{grid-column:2}.taskCardHead{flex-direction:column;gap:8px}.taskStatus{align-self:flex-start}.taskCardFoot{align-items:flex-start}.taskCardFoot span{flex:1 1}}.referenceReady{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:14px}.referenceReady video{display:block;width:min(100%,320px);max-width:100%;height:auto;aspect-ratio:9/16;max-height:540px;object-fit:contain;margin:0 auto}.referenceReady span{font-size:12px}.referenceReady a{align-self:flex-end;font-size:11px}.frame{width:min(100%,380px);aspect-ratio:9/16}.result video{display:block;width:min(100%,380px);height:auto;max-height:700px;margin:0 auto}.historyVideo,.result video{max-width:100%;aspect-ratio:9/16;object-fit:contain}.historyVideo{width:min(100%,420px);max-height:600px}@media (max-width:600px){.referenceReady video{width:min(100%,280px);max-height:500px}.frame{width:min(100%,320px)}}html{scroll-behavior:smooth;scroll-padding-top:22px}.nav{gap:18px}.navActions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.navLink{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 11px;border:1px solid transparent;border-radius:8px;color:#aaa8b8;font-size:11px;font-weight:600;text-decoration:none;transition:background .18s ease,color .18s ease,border-color .18s ease}.navLink.active,.navLink:hover{background:#1d1728;color:#eee7ff;border-color:#3a2a52}.navSettingsLink{color:#d8c5ff;border-color:#493365;background:#20152f}.navSettingsLink:hover{background:#302044;border-color:#8054c5}.brand{flex-shrink:0}.hero{max-width:850px;padding-top:52px}.hero p{max-width:620px}.panel{box-shadow:0 12px 35px #00000015;transition:border-color .18s ease}.panel:hover{border-color:#383344}.panelHead h2{font:600 22px Space Grotesk,sans-serif;margin:0;letter-spacing:-.4px}.panelHead small{text-transform:uppercase}.primary{box-shadow:0 8px 22px #6d28d922;transition:transform .18s ease,filter .18s ease}.primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}#create,#references,#tasks,.referenceLibrary,.taskHistory{scroll-margin-top:18px}.referenceLibraryHead .tinyBadge,.taskHistoryHead .tinyBadge{flex-shrink:0}.referenceReady{border-color:#2b5c47}.referenceLibraryCard,.taskCard{transition:border-color .18s ease,transform .18s ease}.referenceLibraryCard:hover,.taskCard:hover{border-color:#514166}.bottom{align-items:center;gap:12px}.bottom a{color:#a78bfa;text-decoration:none}.settingsShell{max-width:1200px;min-height:100vh;margin:0 auto;padding:0 28px}.settingsNav{margin-bottom:0}.settingsHero{padding:48px 0 28px;max-width:760px}.settingsHero h1{margin:14px 0 12px}.settingsHero p{max-width:620px;color:#a5a5b1;font-size:13px;line-height:1.7}.settingsSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.settingsStat{min-width:0;padding:18px 20px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(150deg,#17151f,#101016);display:flex;flex-direction:column;gap:8px}.settingsStat>span{font-size:9px;letter-spacing:1.2px;font-weight:700;color:#9691a7}.settingsStat>strong{font:600 23px Space Grotesk,sans-serif;overflow-wrap:anywhere}.settingsStat>small{color:#858392;font-size:10px;line-height:1.5}.settingsStat .settingsGood{color:#83e4b4;font-size:17px}.settingsStat .settingsPending{color:#e5c783;font-size:17px}.settingsPanel{margin-bottom:18px}.settingsPanelHead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.settingsPanelHead>div{min-width:0}.settingsPanelHead small{display:block;color:#a78bfa;font-size:9px;font-weight:700;letter-spacing:1.4px;margin-bottom:7px}.settingsPanelHead h2{margin:0;font:600 21px Space Grotesk,sans-serif;letter-spacing:-.4px}.settingsPanelHead .hint{max-width:620px;margin-top:7px;font-size:11px}.settingsChannelList{display:grid;grid-gap:9px;gap:9px}.settingsChannel{display:flex;align-items:center;gap:13px;min-width:0;padding:13px;border:1px solid #302d3b;border-radius:11px;background:#0e0e14}.settingsChannelIcon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px;background:#25163b;color:#d7c5ff;font-size:14px}.settingsChannelInfo{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1}.settingsChannelInfo strong{color:#f4f0fc;font:600 13px Space Grotesk,sans-serif;overflow-wrap:anywhere}.settingsChannelInfo small{color:#777585;font-size:10px;overflow-wrap:anywhere}.settingsBadge{display:inline-flex;align-items:center;flex:0 0 auto;padding:6px 8px;border:1px solid #45384e;border-radius:7px;background:#211a28;color:#cbb9e7;font-size:9px;font-weight:700;white-space:nowrap}.settingsBadge.connected{border-color:#285e48;background:#10231a;color:#85e4b5}.settingsBadge.pending{border-color:#6d552b;background:#241c0e;color:#e9cb85}.settingsEmpty{padding:26px 18px;text-align:center;border:1px dashed #373443;border-radius:11px;background:#0e0e14}.settingsEmpty strong{color:#eee8f8;font:600 14px Space Grotesk,sans-serif}.settingsEmpty p{color:#888695;font-size:11px;line-height:1.6}.settingsActions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.settingsButton{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:9px;text-decoration:none;font-size:11px;font-weight:700;transition:filter .18s ease,background .18s ease}.settingsButton:hover{filter:brightness(1.1)}.primaryButton{color:white;background:linear-gradient(100deg,#7c3aed,#6d28d9)}.secondaryButton{color:#e7e3ef;background:#1b1b24;border:1px solid #3c3c48}.settingsSecurity{margin:14px 0 0;color:#797786;font-size:10px;line-height:1.6}.settingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.settingsGrid .settingsPanel{margin-bottom:0}.settingsInfoRow{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #292632;font-size:11px}.settingsInfoRow:last-of-type{border-bottom:0}.settingsInfoRow span{color:#9593a1}.settingsInfoRow strong{color:#e7e0f3;text-align:right;font-size:10px}.settingsGrid .hint{margin-top:12px}.settingsShell>.bottom{margin-top:16px}.settingsShell>.bottom a{color:#a78bfa;text-decoration:none;letter-spacing:normal}@media(max-width:850px){.nav{align-items:center}.navActions{gap:3px}.navLink{padding:0 8px}.settingsGrid{grid-template-columns:1fr}}@media(max-width:650px){.settingsShell,.shell{padding:0 15px}.nav{height:auto;min-height:70px;padding:10px 0;align-items:flex-start}.navActions{max-width:62%;gap:4px}.navActions .navTag{display:none}.navLink{min-height:32px;padding:0 7px;font-size:10px}.navSettingsLink{order:5}.brand{gap:7px;font-size:14px}.brandIcon{width:31px;height:31px;flex:0 0 31px}.hero{padding:38px 0 27px}.settingsHero{padding:38px 0 25px}.settingsSummary{grid-template-columns:1fr;gap:9px}.settingsStat{padding:15px 16px}.settingsStat>strong{font-size:21px}.settingsPanel{padding:17px}.settingsPanelHead h2{font-size:19px}.settingsChannel{align-items:flex-start;flex-wrap:wrap}.settingsChannelInfo{min-width:calc(100% - 60px)}.settingsChannel .settingsBadge{margin-left:51px}.settingsActions{flex-direction:column}.settingsButton{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important}}.publishSetup{margin-top:20px;padding:16px;border:1px solid #393044;border-radius:12px;background:linear-gradient(145deg,#17131f,#101016)}.publishSetupHeader{display:flex;align-items:center;justify-content:space-between;gap:15px}.publishSetupHeader>div{min-width:0}.publishSetupHeader small{color:#bba2f5;font-size:9px;font-weight:700;letter-spacing:1.2px}.publishSetupHeader h3{margin:6px 0;color:#f1ebfa;font:600 16px Space Grotesk,sans-serif}.publishSetupHeader p{margin:0;color:#9692a2;font-size:10px;line-height:1.55;max-width:440px}.publishToggle{display:flex;align-items:center;gap:7px;flex:0 0 auto;margin:0;padding:8px 10px;border:1px solid #51406b;border-radius:8px;background:#241a32;color:#e1d2ff;font-size:10px}.publishToggle input{accent-color:#8b5cf6}.publishFields{display:grid;grid-gap:13px;gap:13px;margin-top:17px;padding-top:16px;border-top:1px solid #302739}.publishField{display:flex;flex-direction:column;gap:7px;margin:0;min-width:0}.publishField>label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;color:#c9c5d3;font-size:10px;font-weight:700}.publishField>label span,.publishHelp{color:#858292;font-size:9px;font-weight:400}.publishField input,.publishField select,.publishField textarea{width:100%;min-width:0;border:1px solid #35313f;border-radius:8px;background:#0d0d13;color:#f4f0fc;padding:11px 12px;font:12px DM Sans,sans-serif;outline:none}.publishField input:focus,.publishField select:focus,.publishField textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf620}.publishField select{min-height:42px}.publishField input[type=date],.publishField input[type=time]{color-scheme:dark}.publishField textarea{resize:vertical}.publishHelp{line-height:1.5}.publishDateGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.publishNotice{display:flex;flex-direction:column;gap:6px;padding:11px 12px;border:1px solid #66522d;border-radius:9px;background:#211b10;color:#e9cd8c;font-size:10px;line-height:1.6}.publishNotice span{color:#c4b48e}.taskScheduleInfo{display:flex;flex-direction:column;gap:5px;margin-top:10px;padding:11px 12px;border:1px solid #49375f;border-radius:9px;background:#191320;color:#d7c9ec;font-size:10px;overflow-wrap:anywhere}.taskScheduleInfo strong{color:#e9dbff;font-size:11px}.taskScheduleInfo small{color:#d6b875;line-height:1.5}@media(max-width:520px){.publishSetup{padding:13px}.publishSetupHeader{align-items:flex-start}.publishSetupHeader h3{font-size:15px}.publishToggle{padding:7px 8px}.publishDateGrid{grid-template-columns:1fr}}