:root{color-scheme:dark;--bg:#090b16;--sidebar:#0e1020;--panel:#151728;--panel2:#191c31;--muted:#9a9ab8;--line:#34324c;--purple:#9f82fb;--cyan:#8bdef5;--fg:#f2f0ff;--green:#6bdebd;--red:#f78eaa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090b16;color:var(--fg);font:14px system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed!important}a{color:inherit}h1,h2,h3,b,strong{letter-spacing:-.025em}h1,h2{line-height:1.16}p{line-height:1.65}.app-shell{display:flex;min-height:100vh}.sidebar{width:254px;flex:none;background:linear-gradient(180deg,#0d0f21,#0a0c19);position:fixed;inset:0 auto 0 0;border-right:1px solid #292740;display:flex;flex-direction:column;padding:26px 14px 18px;z-index:30;overflow:auto}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px;text-decoration:none}.brand-mark{width:42px;height:42px;border:1px solid #9a81ef;border-radius:12px;display:grid;place-items:center;font-size:28px;color:#dacfff;background:linear-gradient(125deg,#5b47a5,#282342);box-shadow:0 0 25px #9775f03d}.brand b{font-size:21px;letter-spacing:1.5px;font-weight:900}.brand em{color:#b69dff;font-style:normal}.brand small{display:block;font-size:8px;letter-spacing:1.5px;color:#9a97bc;margin-top:2px}.workspace-tag{border-radius:12px;padding:11px;background:#191a2e;border:1px solid #35304c;display:flex;align-items:center;gap:9px;margin-bottom:26px}.work-avatar,.avatar{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:9px;background:linear-gradient(140deg,#9273ff,#514392);font-size:12px;font-weight:800}.workspace-tag small,.sidebar-user small{display:block;font-size:9px;color:#8e8ba9;letter-spacing:1px}.workspace-tag strong,.sidebar-user strong{display:block;font-size:12px;margin-top:3px}.workspace-dot{margin-left:auto;color:#746c9b}.nav-label{font-size:10px;color:#817e9e;letter-spacing:1.8px;padding:0 12px;margin:0 0 13px}.nav-system{margin-top:30px}.sidebar nav{display:grid;gap:4px}.sidebar nav button{background:none;border:1px solid transparent;border-radius:9px;display:flex;align-items:center;gap:13px;text-align:left;color:#adb0d0;padding:12px 13px;min-height:42px;font-size:12px;width:100%}.sidebar nav button:hover{background:#25203b;color:#f5edff}.sidebar nav button.active{background:linear-gradient(90deg,#382d65,#241e3c);border-color:#4c3d75;color:#f6f1ff;box-shadow:inset 3px 0 #aa92ff}.nav-icon{font-size:19px;line-height:1;color:#b9a6ff;min-width:22px;text-align:center}.nav-new{font-size:9px;margin-left:auto;background:#40316f;border-radius:5px;padding:4px 5px;color:#d8ccff}.sidebar-bottom{margin-top:auto}.cloud-note{background:#19152e;border:1px solid #4e3d71;border-radius:14px;padding:13px;margin:24px 2px 17px}.cloud-note b{font-size:10px;letter-spacing:1.2px;color:#c9b5ff}.cloud-note p{font-size:10px;color:#9790af}.cloud-note small{font-size:8px;color:#706d91}.sidebar-user{display:flex;gap:9px;align-items:center;border-top:1px solid #33304d;padding:13px 5px 0}.right-shell{margin-left:254px;width:calc(100% - 254px);min-width:0}.topbar{height:73px;padding:0 clamp(24px,4vw,65px);display:flex;align-items:center;justify-content:space-between;position:sticky;z-index:20;top:0;border-bottom:1px solid #292940;background:#0b0d1dcc;backdrop-filter:blur(18px)}.crumbs{font-size:12px;color:#8f92af}.crumbs span{padding:0 11px;color:#62607e}.crumbs strong{color:#dfdbef}.topstatus{display:flex;align-items:center;gap:18px}.pill{padding:8px 12px;border-radius:100px;font-size:10px;letter-spacing:1px;border:1px solid #5e4b8b}.badge-purple{background:#2a2348;color:#c7b7ff}.avatar{width:31px;height:31px;border-radius:50%;border:2px solid #4f4281}.mobile-menu{display:none}.content{max-width:1500px;margin:0 auto;padding:37px clamp(23px,4vw,65px) 80px}.view{display:none}.view.active{display:block;animation:appear .35s ease}@keyframes appear{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.eyebrow,.micro-label{display:flex;align-items:center;gap:10px;font:600 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.6px;color:#a699e9}.nowrap{white-space:nowrap}.glow-dot{width:7px;height:7px;background:#bc9fff;flex:none;border-radius:50%;box-shadow:0 0 13px 3px #9c83ec88}.view>h1{font-size:clamp(27px,3.7vw,50px);font-weight:800;margin:13px 0 9px}.view>h1 em{font-style:normal;color:#b8a0ff}.intro{font-size:13px;color:#9da0bc;margin:0 0 30px}.hero{position:relative;min-height:282px;display:flex;align-items:center;padding:30px 40px;background:radial-gradient(ellipse at 76% 65%,#50378bba,transparent 46%),linear-gradient(115deg,#1b163c,#15162d);border:1px solid #514487;border-radius:20px;overflow:hidden;box-shadow:0 14px 54px #1b113943;margin-bottom:18px}.hero-grid{position:absolute;inset:0;opacity:.16;background:linear-gradient(#b5a0f5 1px,transparent 1px),linear-gradient(90deg,#b5a0f5 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-text{position:relative;z-index:2}.hero-kicker{display:inline-flex;padding:8px 13px;border-radius:20px;border:1px solid #6755a1;background:#8262e118;color:#d3bfff;font-size:10px;letter-spacing:1.4px}.hero h2{font-size:clamp(30px,3.6vw,46px);letter-spacing:-2px;margin:20px 0 10px}.hero h2 em{font-style:normal;color:#b69aff}.hero p{max-width:480px;font-size:12px;color:#b5b0d2}.hero-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.hero-serial{position:absolute;bottom:15px;right:21px;color:#a39cd0;font:9px ui-monospace,monospace;letter-spacing:2px}.orbital{width:310px;height:310px;position:absolute;right:8%;top:-6px;opacity:.92;display:grid;place-items:center}.orbit{position:absolute;border-radius:50%;border:2px solid #a58bff95;box-shadow:0 0 30px #9a81ff77}.orbit-a{width:260px;height:140px;transform:rotate(-35deg);animation:spin 22s linear infinite}.orbit-b{width:225px;height:185px;border-color:#76e4f788;transform:rotate(55deg);animation:spin 16s linear infinite reverse}.orbit-c{width:205px;height:205px;border:1px solid #8678db69}.orbital-core{display:grid;place-items:center;height:120px;width:120px;border-radius:50%;font-size:31px;letter-spacing:4px;font-weight:900;background:radial-gradient(circle at 30% 20%,#5f49c7,#212344 70%);box-shadow:0 0 80px #976afa99,inset 0 0 35px #9d85e88c}@keyframes spin{to{rotate:360deg}}.btn{border-radius:9px;background:#27223f;color:#ded3ff;border:1px solid #524674;padding:11px 17px;display:inline-flex;justify-content:center;align-items:center;gap:9px;text-decoration:none;font-weight:700;font-size:12px;min-height:40px}.btn:hover:not(:disabled){filter:brightness(1.16)}.primary{background:linear-gradient(100deg,#b099ff,#8e78fc);border-color:#ac92ef;color:#121324;box-shadow:0 4px 24px #9575ff32}.secondary{border-color:#62529a;background:#26203f;color:#ded1ff}.subtle{background:transparent;border-color:transparent}.tiny{font-size:11px;padding:8px 12px;min-height:34px}.danger{background:#7b244b;color:#ffe6f0;border-color:#a44c72}.full{width:100%;margin-top:12px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.stat{background:linear-gradient(140deg,#181a2e,#121527);border:1px solid #38334e;border-radius:13px;padding:20px;min-height:122px}.stat small{display:block;color:#a5a2c1;font:600 10px ui-monospace,monospace;letter-spacing:1px}.stat strong{display:block;font-size:33px;margin:9px 0 4px}.stat>span{font-size:10px;color:#8e8ba8}.stat strong#videoStatus{font-size:23px}.dashboard-duo{display:grid;grid-template-columns:1.25fr .85fr;gap:16px}.panel{background:linear-gradient(140deg,#17192c,#111526);border:1px solid #39324f;border-radius:14px;padding:24px;margin-bottom:16px;min-width:0}.panel-head{margin-bottom:19px}.panel-head h3{font-size:18px;margin:7px 0 0}.row-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.action-list{display:grid;gap:4px}.action-list button{border:0;background:transparent;color:#f3edff;display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:12px 7px;border-radius:9px}.action-list button:hover{background:#26203e}.action-list button>span:nth-child(2){flex:1}.action-list small{color:#9692b4;display:block;font-size:10px;margin-top:4px}.action-icon{background:#302450;color:#bca7ff;height:39px;width:39px;border-radius:10px;display:grid;place-items:center;font-size:19px}.status-line{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #342e49;padding:13px 0;gap:12px;font-size:11px;color:#c1bfd5}.status-line strong,.status-line b{font-size:10px;white-space:nowrap;color:#bea9f4}.status-line .ok{color:#7bddc1}.help,.muted-note{font-size:10px;line-height:1.75;color:#9995b3}.columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:16px}.column-main,.column-side{min-width:0}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;border:1px dashed #8170bd;border-radius:14px;background:radial-gradient(circle at center,#2d265381,#14172a);padding:25px 20px;min-height:178px;cursor:pointer}.dropzone:hover,.dropzone:focus{outline:none;border-color:#c7aaff;background:#3a2d61aa}.dropzone small{color:#9b96b9;font-size:10px;max-width:400px}.drop-icon{width:50px;height:50px;border-radius:15px;background:#3b2b69;border:1px solid #7362b6;display:grid;place-items:center;color:#dbcbff;font-size:30px}.queue,.result-list{display:flex;flex-direction:column;gap:10px}.empty-queue{border:1px dashed #453957;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:145px;color:#bba7fc;font-size:31px;gap:6px}.empty-queue b{font-size:12px;color:#f1eafd}.empty-queue span{font-size:10px;color:#9190ae}.video-row,.result-row,.item-row{display:flex;align-items:center;gap:13px;padding:12px;border:1px solid #373049;background:#101324;border-radius:10px;min-width:0}.video-row-icon{height:36px;width:36px;flex:none;display:grid;place-items:center;border-radius:10px;background:#2a2350;color:#cab5ff;font-size:22px}.video-row-data,.item-body{min-width:0;flex:1}.video-row-data b,.item-body b{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-row-data small,.item-body small{display:block;color:#8d8ba8;font-size:10px;margin-top:5px}.status-chip{font-size:10px;border:1px solid #4a3f61;color:#b7a9e0;border-radius:6px;padding:5px 8px;white-space:nowrap}.status-chip.success{border-color:#367e64;color:#9bedd0}.status-chip.failed{border-color:#a74464;color:#ffaac0}.setting-row{display:flex;justify-content:space-between;gap:14px;margin:16px 0 22px;align-items:flex-start}.setting-row span{flex:1}.setting-row b{font-size:12px}.setting-row small{display:block;margin-top:7px;color:#9e9ab6;font-size:10px;line-height:1.5}.setting-row input{width:20px;height:20px;accent-color:#ad91ff}.setting-field{padding-top:17px;margin-top:17px;border-top:1px solid #322d48}.setting-field>label,.field-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px;color:#dad1e9}.setting-field input[type=range]{width:100%;accent-color:#ab8af9}.setting-field select,.field-label input,.form-grid input,.form-grid select,.inline-form input,.inline-form select{background:#0e1223;border:1px solid #49405d;border-radius:9px;color:#ede7ff;padding:11px 12px;width:100%;min-width:0;outline:0}.setting-field select:focus,.form-grid input:focus,.inline-form input:focus{border-color:#b39aff}.progress-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#b7b3ce;margin:24px 0 10px}.progress-top span{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress{height:10px;background:#27213c;border-radius:30px;overflow:hidden}.progress>div{height:100%;width:0;background:linear-gradient(90deg,#8c77f5,#8edaf4);transition:width .2s}.error-note{padding:12px;background:#442033;color:#ffb9c9;border:1px solid #9d4a6a;font-size:11px;border-radius:9px;margin-top:12px}.logs{min-height:90px;max-height:280px;overflow:auto;background:#0c1020;border:1px solid #2c2b43;border-radius:9px;padding:12px}.logs p{margin:0 0 10px;color:#bbb2d6;font-size:10px;line-height:1.5}.logs time{color:#80d8eb;font-family:monospace;margin-right:10px}.result-row a{white-space:nowrap;text-decoration:none;font-size:11px;color:#c3b0ff;border:1px solid #645390;border-radius:7px;padding:8px 10px}.footer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label,.inline-form label{font-size:11px;font-weight:600;color:#d0c9e5;display:grid;gap:8px}.form-grid label:nth-child(3),.form-grid label:nth-child(4),.form-actions{grid-column:1/-1}.story-link-fields{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.story-link-fields[hidden]{display:none}.form-actions{display:flex;gap:11px;margin-top:3px;flex-wrap:wrap}.info-box{border:1px solid #5e4d77;background:#2b234377;border-radius:10px;padding:13px;margin:17px 0 0;color:#bcb5d8;font-size:10px;line-height:1.8}.message{margin-top:13px;font-size:11px;color:#b7ffdb}.message.error{color:#ffc3d0}.field-label{display:grid;gap:8px}.simple-rows,.schedule-list{display:grid;gap:11px;margin-top:18px}.item-row button{background:transparent;border:1px solid #54476b;color:#e0cfff;padding:7px 9px;border-radius:6px;font-size:10px}.inline-form{display:flex;align-items:end;flex-wrap:wrap;gap:13px}.inline-form>label{flex:1 1 190px}.inline-form>.btn{align-self:end;min-height:43px}.toast{position:fixed;right:24px;bottom:24px;max-width:min(400px,calc(100vw - 28px));background:#2c234c;border:1px solid #8976ce;border-radius:11px;padding:14px;color:#f4eaff;z-index:100;box-shadow:0 12px 40px #0009;display:none;font-size:12px}.toast.visible{display:block}code{background:#231d3c;padding:3px;border-radius:3px}@media(max-width:1200px){.dashboard-duo,.columns{grid-template-columns:1fr}.orbital{right:-3%;opacity:.4}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .25s}.sidebar.mobile-open{transform:translateX(0)}.right-shell{margin:0;width:100%}.mobile-menu{display:inline;border:0;background:transparent;color:#d8c9ff;font-size:23px;margin-right:8px}.topbar{height:65px;padding:0 17px}.content{padding:27px 15px 70px}.eyebrow{font-size:9px;letter-spacing:.8px}.hero{padding:25px 20px;min-height:315px}.hero h2{font-size:31px}.orbital{display:none}.hero-serial{display:none}.stat{padding:17px}.stat strong{font-size:27px}.stat small{font-size:9px}.panel{padding:18px}.form-grid,.story-link-fields{grid-template-columns:1fr}.form-grid label:nth-child(3),.form-grid label:nth-child(4){grid-column:auto}.hero-buttons{gap:4px}.hero-buttons .btn{font-size:10px}.topstatus .pill{font-size:8px}}@media(prefers-reduced-motion:reduce){.orbit{animation:none}.view.active{animation:none}}
/* DN VISION PREMIUM 2026 — responsive branded experience */
:root{--bg:#060a15;--sidebar:#070b1a;--panel:#0c1428;--panel2:#141c36;--muted:#abb8d5;--line:#2c3b63;--purple:#ae87ff;--cyan:#3edbf4;--fg:#f6f8ff;--green:#4fe6ac}
html{scroll-behavior:smooth}body{font-family:Manrope,system-ui,sans-serif;background:#050914;color:#f6f8ff;font-size:14px}
button, input, select{font-family:inherit}h1,h2,h3,strong,b{letter-spacing:-.04em}
button:focus-visible,a:focus-visible,input:focus-visible,.dropzone:focus-visible{outline:2px solid #b3a4ff!important;outline-offset:3px}
.dn-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.mini-icon{width:16px;height:16px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor}
.app-shell{background:radial-gradient(circle at 90% 0%,#3f225b19,transparent 38%),radial-gradient(circle at 0% 75%,#19277c1c,transparent 30%),#050914}
.sidebar{width:258px;padding:22px 13px 17px;background:linear-gradient(180deg,#080d1c,#090f21 65%,#080c1a);border-right:1px solid #263452;box-shadow:10px 0 35px #0003}
.brand{gap:11px;padding:5px 6px 27px;white-space:nowrap;align-items:center}
.brand-mark{width:49px;height:49px;flex-shrink:0;display:grid;place-items:center;border-radius:14px;color:#7ad5ff;background:radial-gradient(circle at 45% 27%,#4723a7cc,#171233 68%);box-shadow:0 0 28px #6552ff5b,inset 0 0 20px #af67fe55;border:1px solid #7169fa88}
.brand-mark svg{width:35px;height:35px;filter:drop-shadow(0 0 6px #a153ff)}
.brand-text b{font:800 21px Oxanium,sans-serif;letter-spacing:-.5px}
.brand-text b em{color:#e9e2ff;font-style:normal;text-shadow:0 0 24px #8b73ff66}
.brand-text small{font:600 8px Oxanium,sans-serif;letter-spacing:1.5px;color:#66cffa;margin-top:3px}
.workspace-tag{border:1px solid #2e3560;background:linear-gradient(120deg,#1a1b38,#111b32);margin-bottom:29px;padding:12px}
.workspace-tag strong{font-size:11.5px}
.workspace-dot{color:#8ae8ff}
.work-avatar,.avatar{background:linear-gradient(145deg,#5959ec,#a755ec);box-shadow:inset 0 0 10px #fffffd21,0 0 20px #7866ed36}
.nav-label{color:#8390b2;letter-spacing:1.9px;font-size:9px;font-weight:700;margin-bottom:13px}
.sidebar nav{gap:5px}
.sidebar nav button{font-size:12px;min-height:47px;padding:11px 12px;gap:12px;border:1px solid transparent;color:#a6b7d4;transition:background .2s,transform .2s,border-color .2s}
.sidebar nav button:hover{transform:translateX(3px);background:#1b2444;border-color:#45427e}
.sidebar nav button.active{background:linear-gradient(96deg,#332274,#1c2756);border-color:#6652de;box-shadow:inset 3px 0 #b16bff,0 0 17px #7839ff31;color:#f7f5ff}
.sidebar nav button:nth-child(2) .nav-icon{color:#f77be9}
.sidebar nav button:nth-child(3) .nav-icon{color:#4a9fff}
.sidebar nav button:nth-child(4) .nav-icon{color:#39e4ef}
.sidebar nav button:nth-child(5) .nav-icon{color:#40dfaf}
.sidebar nav button:nth-child(7) .nav-icon{color:#ffc868}
.sidebar nav button:nth-child(9) .nav-icon{color:#b799ff}
.nav-icon{width:21px;height:21px;flex-shrink:0;min-width:21px;stroke:currentColor;fill:none;filter:drop-shadow(0 0 5px currentColor);opacity:.9}
.nav-new{font-family:Oxanium,sans-serif;color:#a2ecff;background:#162e59;border:1px solid #2864aa;font-weight:700}
.nav-system{margin-top:19px}
.sidebar-bottom{padding-top:10px}
.cloud-note{background:linear-gradient(140deg,#1a1837,#101d34);border:1px solid #50438a;padding:17px 14px;box-shadow:inset 0 0 24px #6533a51a}
.cloud-note b{color:#dbb7ff}
.cloud-note p{color:#b0b6d2;font-size:10px}
.cloud-note small{color:#7db3ef;letter-spacing:.7px}
.right-shell{margin-left:258px;width:calc(100% - 258px)}
.topbar{height:79px;border-bottom:1px solid #27335a;background:#080e1ddd;padding:0 clamp(20px,3vw,54px);gap:18px;box-shadow:0 2px 25px #0007}
.topbar-left{display:flex;align-items:center;flex:0 0 auto}
.crumbs{color:#97a4cf;font-size:11px;white-space:nowrap}
.crumbs span{padding:0 8px}
.crumbs .crumb-root{color:#90d9ff;padding:0;letter-spacing:1px;font:700 10px Oxanium,sans-serif}
.header-search{display:flex;align-items:center;gap:10px;border:1px solid #454280;background:#0c1230ad;max-width:380px;width:100%;height:43px;border-radius:11px;padding:0 13px;margin:0 auto;box-shadow:inset 0 0 13px #5042a81a}
.header-search:focus-within{border-color:#9b83ff;box-shadow:0 0 15px #9d76ff32}
.header-search svg{width:20px;height:20px;color:#b6b4df}
.header-search input{outline:none!important;border:0;background:transparent;color:#f5f4ff;min-width:0;flex:1;font-size:11px}
.header-search input::placeholder{color:#8b96bd}
.header-search span{font-size:9px;color:#8890c3;border:1px solid #363b5f;padding:3px 5px;white-space:nowrap;border-radius:5px}
.topstatus{gap:14px}.avatar{border-color:#6259c0;color:white}.pill{font-size:9px;white-space:nowrap;letter-spacing:1.2px}.badge-purple{background:#16243b;color:#94dff4;border-color:#37669e}
.content{max-width:1620px;padding:34px clamp(20px,3vw,54px) 75px}
.view.active{animation:appear .4s ease}
.premium-eyebrow{color:#8bbbf1;font-size:11px;gap:11px;letter-spacing:2px;margin-bottom:20px}
.premium-eyebrow span:nth-child(2){font-family:Oxanium,sans-serif;font-weight:700;white-space:nowrap}
.eyebrow-line{height:1px;flex:1;background:linear-gradient(90deg,#4773a2,transparent);max-width:200px}
.eyebrow-latest{font-size:8.5px;color:#697eae;white-space:nowrap}
.hero-premium{height:auto;min-height:480px;padding:46px clamp(24px,3vw,50px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(290px,.94fr);gap:38px;align-items:center;background:radial-gradient(ellipse at 89% 26%,#40206caa,transparent 45%),radial-gradient(ellipse at 25% 98%,#132a6378,transparent 60%),linear-gradient(110deg,#080e20,#121431 65%,#100f29);border:1px solid #414a90;border-radius:23px;box-shadow:0 25px 85px #04040faa,0 0 65px #4e299f20;isolation:isolate;overflow:hidden}
.hero-premium:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 6%,#ffffff16 43%,transparent 60%);transform:translateX(-120%);animation:heroLight 13s linear infinite;pointer-events:none;z-index:1}
@keyframes heroLight{0%,25%{transform:translateX(-120%)}55%,100%{transform:translateX(170%)}}
.hero-premium .hero-grid{background:linear-gradient(#777ec51c 1px,transparent 1px),linear-gradient(90deg,#777ec51c 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at 70% 50%,black,transparent 78%);opacity:.55}
.hero-stars{position:absolute;inset:0;pointer-events:none;opacity:.6;background-image:radial-gradient(1px 1px at 88% 15%,#fff 99%,transparent),radial-gradient(1px 1px at 76% 70%,#c96fff 99%,transparent),radial-gradient(2px 2px at 70% 11%,#fff 99%,transparent),radial-gradient(1px 1px at 62% 45%,#54e1ff 99%,transparent)}
.hero-text{z-index:2;max-width:720px}
.hero-premium .hero-kicker{padding:10px 13px;color:#b2cdf7;font-size:9px;letter-spacing:1.3px;background:#2634625c;border-color:#535491aa;font-weight:700}
.hero-premium h1{font:800 clamp(36px,4.2vw,64px)/1.08 Sora,Manrope,sans-serif;letter-spacing:-3px;margin:22px 0;max-width:720px;text-shadow:0 4px 30px #0006}
.hero-premium h1 em{font-style:normal;background:linear-gradient(98deg,#f078fd 0%,#a78aff 47%,#46caff 99%);color:transparent;background-clip:text;-webkit-background-clip:text;text-shadow:none}
.hero-premium .hero-text>p{max-width:550px;font-size:13px;line-height:1.95;color:#bfcae6}
.hero-premium .hero-text>p strong{color:#fff}
.hero-premium .hero-buttons{margin-top:27px;gap:13px}
.btn-large{min-height:50px;padding:14px 22px;border-radius:12px;font-size:13px;gap:20px;box-shadow:0 8px 26px #0705197e}
.hero-premium .primary{background:linear-gradient(100deg,#dc37ec,#a449f2,#486eff);border:1px solid #c08bff;color:#fff;box-shadow:0 0 30px #a24bff65,0 12px 27px #0009}
.outline-light{background:#0a0e25db;border:1px solid #a1a9ef;color:#f1f5ff;box-shadow:inset 0 0 14px #a8c1ff10}
.btn-large:hover{transform:translateY(-2px)}
.hero-trust{display:flex;align-items:center;flex-wrap:wrap;gap:17px;margin-top:30px}
.hero-trust span{font-size:10px;color:#aebdd9;display:flex;align-items:center;gap:6px}
.hero-trust svg{color:#a88bff;filter:drop-shadow(0 0 5px #8e68ff)}
.hero-premium .hero-serial{opacity:.58;bottom:13px;letter-spacing:2px;font:700 8px Oxanium,sans-serif}
.hero-device{position:relative;min-height:330px;align-self:center;display:grid;place-items:center;min-width:0}
.hero-device:before{content:"";position:absolute;width:88%;height:68%;filter:blur(50px);background:linear-gradient(135deg,#663dff99,#1171d499);border-radius:50%;opacity:.6}
.device-frame{z-index:1;border:1px solid #727dffab;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#141a37ef,#0a1021fa);box-shadow:0 0 45px #464cff55,0 25px 60px #000d,inset 0 0 20px #333c663a;transform:perspective(900px) rotateY(-5deg) rotateX(1deg);width:min(100%,500px);animation:deviceFloat 8s ease-in-out infinite}
@keyframes deviceFloat{50%{transform:perspective(900px) rotateY(-4deg) rotateX(1deg) translateY(-8px)}}
.device-header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#151939;border-bottom:1px solid #323964}
.device-brand{display:flex;align-items:center;gap:9px;color:#edf1ff;font:800 11px Oxanium,sans-serif;letter-spacing:1.2px}
.device-brand svg{color:#86a8ff;width:20px;height:20px}
.device-lights{display:flex;gap:5px}.device-lights i{width:7px;height:7px;border-radius:50%;background:#8764ef;box-shadow:0 0 7px #997fff}.device-lights i:nth-child(2){background:#26c4ee}.device-lights i:nth-child(3){background:#73edc2}
.device-body{padding:21px 23px 17px}
.device-top,.workflow-heading{display:flex;justify-content:space-between;gap:7px;align-items:center;color:#aab5d7;letter-spacing:1.3px;font:700 9px Oxanium,sans-serif}
.live-dot{color:#7be8be;letter-spacing:0;font:600 9px Manrope,sans-serif}
.device-body h3{font:800 clamp(15px,1.55vw,23px) Sora,sans-serif;letter-spacing:-.7px;margin:12px 0 22px}
.device-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.device-kpis>div{background:linear-gradient(145deg,#172447,#10192f);border:1px solid #2c3a69;border-radius:10px;padding:12px 10px;min-width:0}
.device-kpis small,.device-kpis span{display:block;font-size:9px;color:#9eb1d7;line-height:1.3}
.device-kpis strong{display:block;font:800 clamp(20px,2vw,29px) Oxanium,sans-serif;letter-spacing:0;margin:8px 0 2px;color:#fff}
.device-kpis>div:nth-child(1) strong{color:#ca8bff}.device-kpis>div:nth-child(2) strong{color:#59d5ff}.device-kpis>div:nth-child(3) strong{color:#73ebc9}
.device-workflow{margin-top:12px;padding:14px;border:1px solid #28365a;border-radius:10px;background:#0c152c}
.workflow-heading>small{font:600 8px Oxanium,sans-serif;color:#778eb6}
.workflow-steps{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:13px}
.workflow-steps span{font:600 8px Oxanium,sans-serif;color:#a3c9f5;white-space:nowrap}.workflow-steps i{height:1px;flex:1;background:linear-gradient(90deg,#974bf1,#59dff9)}
.waveform{height:35px;display:flex;align-items:center;gap:5px;margin-top:10px;justify-content:center}
.waveform b{width:4px;max-height:30px;height:12px;flex:1;background:linear-gradient(#71e8ff,#8664ed);box-shadow:0 0 6px #4abfff55;border-radius:4px;animation:wave 2.6s ease-in-out infinite;transform-origin:center}
.waveform b:nth-child(3n){height:26px;animation-delay:-1.5s}.waveform b:nth-child(4n){height:18px;animation-delay:-.7s}.waveform b:nth-child(5n){height:30px;animation-delay:-1.1s}.waveform b:nth-child(7n){height:10px;animation-delay:-.3s}
@keyframes wave{50%{transform:scaleY(.35);opacity:.5}}
.device-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:13px;color:#889cc6;font:700 8px Oxanium,sans-serif;letter-spacing:.4px}
.device-foot span{display:flex;align-items:center;gap:4px}.device-foot svg{width:13px;height:13px;color:#64deb5}
.services-section{margin-top:43px;scroll-margin-top:95px}
.services-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}
.services-heading .micro-label{color:#83bdf9;letter-spacing:2px}
.services-heading h2,.dashboard-intro h2{font:800 clamp(23px,2.7vw,40px)/1.25 Sora,sans-serif;letter-spacing:-1.6px;margin:12px 0 10px}
.services-heading h2 em,.dashboard-intro h2 em{font-style:normal;background:linear-gradient(90deg,#e4a1ff,#69baff);background-clip:text;color:transparent}
.services-heading p{color:#a8b7d1;max-width:650px;font-size:12px;margin:0}
.services-count{flex-shrink:0;font:800 10px Oxanium,sans-serif;letter-spacing:2px;color:#7292bb;white-space:nowrap;padding-bottom:8px}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-card{position:relative;border:1px solid rgba(var(--glow-rgb),.48);border-radius:18px;padding:21px 22px 18px;overflow:hidden;isolation:isolate;min-height:390px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 31%,rgba(var(--glow-rgb),.13),transparent 58%),linear-gradient(145deg,#10172b,#090d1b 65%);box-shadow:inset 0 1px 0 rgba(var(--glow-rgb),.19),0 12px 30px #0007,0 0 21px rgba(var(--glow-rgb),.1);transition:transform .28s ease,border-color .28s,box-shadow .28s}
.service-card:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.35;background:radial-gradient(ellipse at 65% 5%,rgba(var(--glow-rgb),.18),transparent 48%),linear-gradient(120deg,rgba(var(--glow-rgb),.08),transparent 35%)}
.service-card:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background:linear-gradient(105deg,transparent 45%,rgba(255,255,255,.055) 50%,transparent 55%);transform:translateX(-110%);transition:transform .8s}
.service-card:hover{transform:translateY(-6px);border-color:rgba(var(--glow-rgb),.92);box-shadow:0 18px 45px #0009,0 0 26px rgba(var(--glow-rgb),.28),inset 0 1px 0 rgba(var(--glow-rgb),.3)}
.service-card:hover:after{transform:translateX(110%)}
.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font:700 9px Oxanium,sans-serif;letter-spacing:1.2px;color:rgba(var(--glow-rgb),.95)}
.card-chip{border-radius:30px;padding:6px 8px;font:700 8px Oxanium,sans-serif;letter-spacing:.3px;white-space:nowrap}
.ready-chip{border:1px solid #2f755e;color:#74e7bd;background:#0c3d308a}
.needs-setup{border:1px solid #91634e;color:#ffd097;background:#55392577}
.icon-stage{height:150px;display:grid;place-items:center;position:relative;margin:4px -18px 5px}
.icon-stage:before{content:"";position:absolute;width:80%;height:1px;bottom:7px;background:linear-gradient(90deg,transparent,rgba(var(--glow-rgb),.56),transparent)}
.stage-halo{position:absolute;width:165px;height:120px;background:radial-gradient(ellipse,rgba(var(--glow-rgb),.25),transparent 65%);filter:blur(10px);animation:haloPulse 3s ease-in-out infinite}
@keyframes haloPulse{50%{opacity:.55;transform:scale(1.2)}}
.icon-pedestal{width:110px;height:105px;display:grid;place-items:center;position:relative;color:var(--glow);filter:drop-shadow(0 0 8px rgba(var(--glow-rgb),.98)) drop-shadow(0 0 25px rgba(var(--glow-rgb),.48));animation:iconFloat 5s ease-in-out infinite}
@keyframes iconFloat{50%{transform:translateY(-6px)}}
.icon-pedestal:before{content:"";position:absolute;inset:6px;border-radius:25px;border:1px solid rgba(var(--glow-rgb),.5);background:linear-gradient(140deg,rgba(var(--glow-rgb),.13),rgba(var(--glow-rgb),.01));box-shadow:inset 0 0 20px rgba(var(--glow-rgb),.16),0 0 18px rgba(var(--glow-rgb),.20)}
.service-icon{width:69px;height:69px;z-index:1;color:var(--glow);stroke:currentColor;fill:none}
.service-instagram .service-icon{color:#ffd0ff}
.service-instagram .icon-pedestal{background:radial-gradient(circle at 40% 60%,#ffbd4c2e,#d432e82e 45%,transparent 70%)}
.service-instagram .icon-pedestal:before{background:linear-gradient(135deg,#ffab412a,#ea2f8e48,#8d4aff42);border-color:#f953d1;box-shadow:0 0 25px #dd2ee35f,inset 0 0 25px #f1a4ff38}
.instagram-bolt{position:absolute;z-index:2;width:31px;height:31px;color:#faffff;filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 10px #f36bf5);animation:boltZap 2s ease-in-out infinite}
@keyframes boltZap{0%,87%,100%{opacity:.96;transform:scale(1)}88%,90%{opacity:.3}89%,92%{opacity:1;transform:scale(1.15)}}
.radar-center .service-icon{animation:radarSpin 12s linear infinite}@keyframes radarSpin{to{transform:rotate(360deg)}}
.sparks{position:absolute;color:var(--glow);text-shadow:0 0 15px var(--glow);animation:twinkle 2.8s infinite}
.s1{left:29%;top:18%;font-size:17px}.s2{right:28%;bottom:30%;animation-delay:-1.1s;font-size:13px}
@keyframes twinkle{50%{opacity:.16;transform:scale(.45)}}
.service-card h3{font:800 clamp(18px,1.55vw,23px)/1.22 Sora,sans-serif;letter-spacing:-.9px;margin:8px 0 9px;min-height:54px}
.service-card h3 span{color:var(--glow);text-shadow:0 0 18px rgba(var(--glow-rgb),.2)}
.service-card>p{margin:0 0 17px;color:#b8c6df;line-height:1.75;font-size:12px;flex:1}
.service-action{width:100%;min-height:43px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(110deg,rgba(var(--glow-rgb),.74),rgba(var(--glow-rgb),.24));border:1px solid rgba(var(--glow-rgb),.85);color:#fff;text-shadow:0 1px 4px #000a;border-radius:9px;font-weight:800;font-size:12px;box-shadow:inset 0 1px 0 #ffffff28,0 4px 19px rgba(var(--glow-rgb),.22);transition:filter .2s,transform .2s}
.service-action:hover{filter:brightness(1.18);transform:translateY(-2px)}
.service-action span{font-size:19px;font-weight:400}
.card-bottom{margin-top:17px;border-top:1px solid rgba(var(--glow-rgb),.25);padding-top:11px;display:flex;justify-content:space-between;align-items:center;color:#8f9ab8;gap:5px;font:700 8px Oxanium,sans-serif;letter-spacing:1px}
.card-bottom svg{color:var(--glow)}
.dashboard-intro{margin-top:49px}.dashboard-intro .micro-label{color:#8bb9e6}.dashboard-intro h2{margin:10px 0 13px}
#view-overview>.stat-grid{margin-top:20px}
.stat{border-color:#334165;background:linear-gradient(135deg,#15213a,#0e162b);border-radius:14px;box-shadow:inset 0 1px 0 #ffffff08,0 10px 24px #0004}
.stat small{color:#98a8d0}.stat strong{font:800 clamp(27px,2.6vw,37px) Oxanium,sans-serif;letter-spacing:0;color:#f7f6ff}.stat>span{color:#94a4c4}
#view-overview .stat:nth-child(1){border-top:2px solid #a877ff}#view-overview .stat:nth-child(2){border-top:2px solid #39cfff}#view-overview .stat:nth-child(3){border-top:2px solid #ffb86e}#view-overview .stat:nth-child(4){border-top:2px solid #45e4b2}
.panel{border-color:#313b62;background:linear-gradient(145deg,#131b32,#0d1426);border-radius:15px;box-shadow:0 12px 26px #0003}
.panel-head h3{font-family:Sora,sans-serif;font-weight:700;font-size:17px}
.panel .micro-label{color:#8aa9ed}
.action-list button{border-radius:10px;transition:background .2s,transform .2s}
.action-list button:hover{background:#1e2a4b;transform:translateX(3px)}
.action-icon{border:1px solid #4e4c86;box-shadow:inset 0 0 12px #aa6dff2d}
.site-footer{padding:25px 0 0;margin-top:16px;border-top:1px solid #222c4c;color:#697fa5;display:flex;justify-content:space-between;gap:14px;font:700 10px Oxanium,sans-serif;letter-spacing:1px}
.site-footer span{display:flex;gap:8px;align-items:center}
/* Give inner application pages the same typographic polish */
.view>h1{font:800 clamp(30px,3.8vw,50px) Sora,sans-serif;letter-spacing:-1.8px}.view>h1 em{font-style:normal;color:#c4a1ff}.intro{color:#a8b8d7;font-size:13px}
.view:not(#view-overview) .panel{box-shadow:0 12px 29px #0005}
.dropzone{border-color:#6886cb;background:radial-gradient(ellipse at center,#28396b88,#0c1530);min-height:205px}
.dropzone .drop-icon{background:linear-gradient(135deg,#324da3,#4f2891);border-color:#788bf9;box-shadow:0 0 28px #5b59fc32;color:#fff}
.btn.primary{background:linear-gradient(100deg,#ba75fc,#8270ff,#597eff);border-color:#a68dff;color:#fff;box-shadow:0 5px 20px #7662ff42}
.btn.secondary{background:#1c2852;border-color:#556db4;color:#e5eaff}
.btn:hover:not(:disabled){transform:translateY(-1px);transition:filter .2s,transform .2s}
.setting-field select,.field-label input,.form-grid input,.form-grid select,.inline-form input,.inline-form select{background:#0e1930;border-color:#384974;border-radius:10px}
.info-box{background:#21264c8c;border-color:#4c5c94;color:#c7d2ea}
.logs{background:#080e1f;border-color:#26355a}
@media(max-width:1350px){.hero-premium{grid-template-columns:1fr .8fr;gap:12px;min-height:450px}.hero-premium h1{font-size:clamp(35px,3.8vw,54px)}.content{padding-left:29px;padding-right:29px}.service-grid{gap:13px}.service-card{padding:17px 17px 14px}.service-card h3{font-size:19px}.sidebar{width:237px}.right-shell{margin-left:237px;width:calc(100% - 237px)}.brand-text b{font-size:19px}}
@media(max-width:1180px){.hero-premium{grid-template-columns:1fr}.hero-device{display:none}.hero-premium{min-height:410px}.hero-premium h1{font-size:clamp(36px,5vw,55px)}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:390px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:830px){.sidebar{transform:translateX(-105%);transition:transform .25s;z-index:40;width:min(300px,85vw);box-shadow:20px 0 60px #000b}.sidebar.mobile-open{transform:translateX(0)}.right-shell{margin:0;width:100%}.mobile-menu{display:inline-block;background:#242953;border:1px solid #465697;border-radius:8px;padding:7px 12px;color:#fff;margin-right:13px;min-height:37px}.header-search{max-width:340px}.topbar{padding:0 21px}.topbar .crumb-root{display:none}}
@media(max-width:660px){.content{padding:27px 16px 70px}.topbar{padding:0 13px;gap:10px;height:69px}.header-search{flex:1;height:38px;margin:0}.header-search input{font-size:10px}.header-search span{display:none}.crumbs{display:none}.topstatus .pill{display:none}.topstatus{gap:0}.hero-premium{padding:30px 22px;min-height:auto}.hero-premium h1{font-size:clamp(30px,8.7vw,43px);letter-spacing:-1.8px}.hero-premium .hero-text>p{font-size:12px}.hero-premium .hero-kicker{font-size:8px}.hero-premium .hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .btn{width:100%;font-size:12px;min-height:49px}.hero-trust{gap:8px 12px}.hero-trust span{font-size:9px}.premium-eyebrow{font-size:9px;letter-spacing:.8px}.eyebrow-latest,.eyebrow-line{display:none}.services-heading h2,.dashboard-intro h2{font-size:clamp(24px,7.2vw,32px);letter-spacing:-1.3px}.services-heading{align-items:flex-start}.services-count{display:none}.service-grid{grid-template-columns:1fr;gap:15px}.service-card{min-height:355px;padding:20px 20px 17px}.service-card h3{min-height:0;font-size:21px}.icon-stage{height:132px}.stage-halo{height:100px}.service-card>p{font-size:12px}.service-action{height:45px}.stat-grid{gap:10px}.stat{min-height:120px;padding:15px}.stat strong{font-size:28px}.stat small{font-size:9px}.site-footer{flex-direction:column}.dashboard-duo{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.service-card,.icon-pedestal,.instagram-bolt,.stage-halo,.radar-center .service-icon,.waveform b,.device-frame,.hero-premium:before,.sparks{animation:none!important;transition:none!important}}
.service-card[hidden]{display:none!important}
.hero-sweep{position:absolute;inset:0;pointer-events:none;z-index:0}

/* DN VISION / Video Studio 2.0 — guided UX, clear choices, accessible large type */
.video-welcome{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:19px 0 18px}
.video-welcome h1{font-size:clamp(32px,3.35vw,54px)!important;letter-spacing:-1.9px!important;line-height:1.12!important;margin:12px 0 15px}
.video-hello{display:inline-flex;align-items:center;gap:8px;color:#ab9dff;letter-spacing:2.2px;font:700 11px 'Oxanium',sans-serif}
.video-subtitle{font-size:clamp(13px,1.05vw,16px);color:#abb4d5;line-height:1.75;max-width:740px;margin:0}
.video-welcome-art{width:155px;height:140px;position:relative;flex-shrink:0;border:1px solid #6167b677;border-radius:29px;background:radial-gradient(ellipse at 50% 50%,#353fabaa,#141b3b 73%);display:grid;place-items:center;box-shadow:0 0 50px #553cba30,inset 0 0 25px #734ffc30}
.video-welcome-art>span{font:800 45px 'Oxanium',sans-serif;background:linear-gradient(135deg,#e8f4ff,#a98dff);background-clip:text;color:transparent;text-shadow:0 0 39px #7964f955;position:relative;z-index:1}
.video-welcome-art>i{width:110px;height:110px;border-radius:50%;position:absolute;border:1px dashed #85dbff8c;box-shadow:0 0 22px #886ef046;animation:video-orbit 12s linear infinite}
@keyframes video-orbit{to{transform:rotate(360deg)}}
.video-wizard{display:flex;gap:12px;align-items:stretch;margin:5px 0 30px;padding:15px 20px;background:linear-gradient(90deg,#151c38dd,#111529d0);border:1px solid #363a6496;border-radius:17px}
.video-wizard>div{flex:1;min-width:0;display:grid;grid-template-columns:40px 1fr;column-gap:11px;align-content:center}
.wizard-index{width:35px;height:35px;grid-row:1/3;background:linear-gradient(145deg,#6352a9,#2b2b65);border-radius:12px;border:1px solid #9f91ff55;display:grid;place-items:center;font:800 17px 'Oxanium',sans-serif;color:#e1dfff;box-shadow:0 0 16px #7468ff2d}
.video-wizard b{font-size:13px;font-weight:800;color:#eeecff;white-space:nowrap}
.video-wizard small{font-size:11px;color:#a5abc9;margin-top:4px}
.wizard-arrow{color:#746d9d;font-size:22px;align-self:center}
.video-title-line{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px}
.video-title-line h2{margin:7px 0 0;font:800 clamp(21px,2vw,29px) 'Sora',sans-serif;letter-spacing:-.8px;color:#f4f1ff}
.mini-green{font-size:10px;color:#95eed1;border:1px solid #43866d;background:#13433269;padding:8px 10px;border-radius:50px;font-weight:700;letter-spacing:.3px;white-space:nowrap}
.video-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.video-mode-card{--tone:#847eff;display:flex;flex-direction:column;align-items:flex-start;position:relative;min-width:0;min-height:269px;cursor:pointer;border-radius:20px;padding:23px;text-align:left;border:1px solid color-mix(in srgb,var(--tone) 36%,#2b2d55);background:radial-gradient(ellipse at 14% 0%,color-mix(in srgb,var(--tone) 14%,transparent),transparent 67%),linear-gradient(155deg,#19203b,#121829 75%);box-shadow:0 10px 33px #080d2463,inset 0 1px #ffffff06;transition:transform .18s,border-color .22s,box-shadow .25s;color:#fff;font-family:inherit}
.video-mode-card:hover,.video-mode-card:focus-visible{transform:translateY(-3px);border-color:var(--tone);box-shadow:0 11px 37px color-mix(in srgb,var(--tone) 20%,transparent),inset 0 1px #ffffff12}
.video-mode-card.is-selected{border-color:var(--tone);box-shadow:0 0 0 1px color-mix(in srgb,var(--tone) 38%,transparent),0 12px 45px color-mix(in srgb,var(--tone) 18%,transparent)}
.video-mode-card.is-selected:after{content:'✓';position:absolute;right:17px;top:18px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font:800 13px 'Sora',sans-serif;background:var(--tone);color:#101325;box-shadow:0 0 16px var(--tone)}
.mode-cuts{--tone:#4fbcff}.mode-clean{--tone:#53e4b9}.mode-both{--tone:#bda0ff}
.mode-icon{display:grid;place-items:center;width:66px;height:66px;border:1px solid color-mix(in srgb,var(--tone) 64%,transparent);border-radius:19px;background:radial-gradient(circle,color-mix(in srgb,var(--tone) 33%,transparent),#1c2545 95%);color:#fff;font-size:32px;text-shadow:0 0 20px var(--tone);box-shadow:0 0 26px color-mix(in srgb,var(--tone) 25%,transparent);margin-bottom:18px;animation:mode-glow 3.1s ease-in-out infinite alternate}
@keyframes mode-glow{to{box-shadow:0 0 32px color-mix(in srgb,var(--tone) 48%,transparent)}}
.mode-label{color:var(--tone);font-weight:700;font-size:10px;letter-spacing:1.8px;margin-bottom:7px}
.video-mode-card strong{font:800 clamp(18px,1.5vw,23px) 'Sora',sans-serif;letter-spacing:-.7px;color:#fff}
.video-mode-card>small{font-size:12px;color:#b8bdd4;line-height:1.75;margin:11px 0;flex:1;max-width:42ch}
.mode-example{padding:8px 10px;border-radius:8px;background:#ffffff09;border:1px solid #ffffff12;font-size:10px;font-weight:700;color:#dcdef2;margin:7px 0 12px}
.mode-select{font-size:12px;color:var(--tone);font-weight:800}
.video-mode-explainer{display:flex;align-items:center;gap:17px;border:1px solid #6e71a07a;background:linear-gradient(110deg,#282246e6,#172540e9);border-radius:16px;padding:17px 19px;margin-top:16px;box-shadow:inset 0 1px #ffffff08}
.explainer-symbol{width:47px;height:47px;display:grid;place-items:center;flex-shrink:0;background:#5559a24b;border:1px solid #a3a5ff7a;border-radius:14px;box-shadow:0 0 21px #7f70fc30;font-size:24px;color:#e2d5ff}
.video-mode-explainer b{font-size:15px;color:#fff}.video-mode-explainer p{margin:6px 0 0;font-size:12px;line-height:1.7;color:#bcbad5}
.video-stats{margin:21px 0!important}
.video-stats .stat{border:1px solid #40456c;background:linear-gradient(135deg,#1b213a,#11162c)}
.video-stats .stat small{font-size:10px!important;font-weight:700;letter-spacing:.6px;color:#c5c9db}
.video-stats .stat strong{font-size:clamp(23px,2.1vw,35px)}
.video-columns{align-items:start}
.video-work-panel .panel-head h3{font-size:19px}
.video-dropzone{min-height:215px;border:1.5px dashed #617ff5;padding:25px 15px;background:radial-gradient(ellipse at center,#2b368260,#13192d);gap:11px}
.video-dropzone .drop-icon{font-size:35px;width:60px;height:60px;box-shadow:0 0 32px #5469fa55}
.video-dropzone>b{font-size:17px!important;color:#fafaff}
.video-dropzone .drop-helper{font-size:12px;color:#a9a9d1}
.video-dropzone small{font-size:11px;line-height:1.6}
.video-privacy-line{display:flex;align-items:center;padding:13px 15px;background:#0f302c8c;border:1px solid #35816b83;border-radius:10px;font-size:11px;line-height:1.7;color:#c4f3e3;margin-top:13px}
.import-feedback{color:#a3e9d1;font-size:12px;margin:12px 0 0}.import-feedback:empty{display:none}
.video-preview-panel[hidden]{display:none}
.video-preview-panel video{width:100%;aspect-ratio:16/9;max-height:410px;object-fit:contain;border-radius:13px;border:1px solid #51537e;background:#090c17}
.video-preview-info{margin:12px 0 8px;color:#d2c9f6;font-size:12px;overflow-wrap:anywhere;line-height:1.7}
.video-action-panel{border-color:#50528a;background:linear-gradient(150deg,#1a2140,#12182d 82%);box-shadow:0 12px 40px #08081d99}
.video-action-panel .panel-head h3{font-size:19px}
.video-summary{background:#24284c;padding:14px;border-radius:12px;border:1px solid #6972bd6e;color:#dbdeff;font-size:12px;font-weight:700;line-height:1.7}
.advanced-settings{border:1px solid #403a63;border-radius:12px;margin:16px 0;padding:0 14px;background:#0e1428}
.advanced-settings>summary{list-style:none;cursor:pointer;font-weight:800;color:#eeedfc;font-size:12px;padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}
.advanced-settings>summary::-webkit-details-marker{display:none}
.advanced-settings>summary:after{content:'⌄';font-size:19px;color:#b5a2ff}
.advanced-settings[open]>summary:after{content:'⌃'}
.advanced-settings>summary span{font-size:10px;color:#9490b8;font-weight:500}
.advanced-settings .setting-row{align-items:center;border-top:1px solid #302f4d;padding-top:13px;margin:12px 0 16px}
.advanced-settings .setting-field{margin:12px 0 14px;padding-top:12px}
.advanced-hint{color:#8f91b4;font-size:10px;display:block;margin-top:8px;line-height:1.5}
.advanced-settings :is(input:disabled,select:disabled){opacity:.45;cursor:not-allowed}
.video-tip{padding:14px;border:1px solid #6b638e;border-radius:12px;background:#262140;margin:17px 0;color:#e7dfff}
.video-tip b{font-size:12px}.video-tip p{font-size:11px;color:#b8b7d3;margin:7px 0 0;line-height:1.65}
.video-start-button{min-height:54px;font-size:14px!important;letter-spacing:.2px;background:linear-gradient(110deg,#9c7fff,#6388ff)!important;box-shadow:0 8px 34px #8573e058}
.video-start-button:hover:not(:disabled){box-shadow:0 7px 43px #9a86ff91;transform:translateY(-1px)}
.video-help-panel details{padding:13px 0;border-top:1px solid #333957}
.video-help-panel summary{font-size:12px;font-weight:750;cursor:pointer;color:#f0eeff;list-style:none;line-height:1.6}
.video-help-panel summary::-webkit-details-marker{display:none}
.video-help-panel summary:after{content:'﹀';float:right;color:#bbaaff}
.video-help-panel details[open] summary:after{content:'︿'}
.video-help-panel details p{line-height:1.8;margin:12px 0 4px;font-size:11px;color:#aeb1cc}
.video-results-panel{border-color:#454f83}
.video-results-panel .panel-head h3{font-size:19px}
.video-copy-errors{margin-top:11px;width:100%}
.video-work-panel,.video-preview-panel,.video-results-panel,.video-help-panel{scroll-margin-top:100px}
@media(max-width:1150px){.video-mode-grid{gap:11px}.video-mode-card{padding:17px;min-height:280px}.video-mode-card strong{font-size:18px}}
@media(max-width:900px){.video-mode-grid{grid-template-columns:1fr}.video-mode-card{min-height:unset;padding:19px 22px}.video-mode-card>small{flex:none}.video-welcome-art{display:none}.video-wizard{gap:7px;padding:12px}.video-wizard>div{display:flex;flex-direction:column;gap:7px;align-items:center;text-align:center}.video-wizard b{font-size:11px;white-space:normal}.video-wizard small{font-size:10px}.wizard-arrow{font-size:15px}}
@media(max-width:700px){.video-welcome h1{font-size:32px!important}.video-subtitle{font-size:13px}.video-title-line{align-items:start;flex-direction:column}.video-mode-grid{gap:11px}.video-mode-card strong{font-size:22px}.video-mode-card>small{font-size:12px}.video-wizard{margin-bottom:23px}.video-wizard b{font-size:10px}.video-wizard small{display:none}.video-mode-explainer{align-items:flex-start}.video-mode-explainer b{font-size:13px}.video-mode-explainer p{font-size:11px}.video-dropzone>b{font-size:15px!important}}
@media(prefers-reduced-motion:reduce){.video-mode-card,.mode-icon,.video-welcome-art>i{transition:none;animation:none}}
/* Respeita o atributo HTML hidden até quando o elemento tem display:flex/grid. */
[hidden]{display:none!important}