.landing{--bg: #f4f5f8;--bg2: #ffffff;--violet: #7c3aed;--pink: #db2777;--cyan: #0e7490;--txt: #1a1d27;--muted: #59616f;--line: #e4e7ee;--card: #ffffff;--glass: rgba(124, 58, 237, .04);--field-bg: #f0f2f6;--header-bg: rgba(255, 255, 255, .78);--modal-bg: #ffffff;--menu-bg: #ffffff;--grad: linear-gradient(135deg, var(--violet), var(--pink));--grad3: linear-gradient(135deg, var(--violet), var(--pink) 55%, var(--cyan));--lp-radius: 18px;--maxw: 1180px;--shadow: 0 20px 60px rgba(16, 24, 40, .14);--landing-bg: radial-gradient(900px 500px at 85% -10%, rgba(124, 58, 237, .1), transparent 60%), radial-gradient(800px 500px at 0% 10%, rgba(14, 116, 144, .07), transparent 55%), linear-gradient(180deg, var(--bg), var(--bg2));font-family:Inter,system-ui,sans-serif;color:var(--txt);background:var(--landing-bg);background-attachment:fixed;line-height:1.6;overflow-x:hidden;scroll-behavior:smooth;min-height:100vh}:root[data-theme=dark] .landing{--bg: #0B0B14;--bg2: #1A1033;--violet: #A855F7;--pink: #EC4899;--cyan: #22D3EE;--txt: #F5F3FF;--muted: #A9A4C4;--line: rgba(255, 255, 255, .1);--card: rgba(255, 255, 255, .04);--glass: rgba(255, 255, 255, .06);--field-bg: rgba(255, 255, 255, .05);--header-bg: rgba(11, 11, 20, .55);--modal-bg: linear-gradient(180deg, #16102a, #0e0a1c);--menu-bg: #0e0a1c;--shadow: 0 20px 60px rgba(0, 0, 0, .45);--landing-bg: radial-gradient(900px 500px at 85% -10%, rgba(168, 85, 247, .22), transparent 60%), radial-gradient(800px 500px at 0% 10%, rgba(34, 211, 238, .12), transparent 55%), linear-gradient(180deg, var(--bg), var(--bg2))}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .landing{--bg: #0B0B14;--bg2: #1A1033;--violet: #A855F7;--pink: #EC4899;--cyan: #22D3EE;--txt: #F5F3FF;--muted: #A9A4C4;--line: rgba(255, 255, 255, .1);--card: rgba(255, 255, 255, .04);--glass: rgba(255, 255, 255, .06);--field-bg: rgba(255, 255, 255, .05);--header-bg: rgba(11, 11, 20, .55);--modal-bg: linear-gradient(180deg, #16102a, #0e0a1c);--menu-bg: #0e0a1c;--shadow: 0 20px 60px rgba(0, 0, 0, .45);--landing-bg: radial-gradient(900px 500px at 85% -10%, rgba(168, 85, 247, .22), transparent 60%), radial-gradient(800px 500px at 0% 10%, rgba(34, 211, 238, .12), transparent 55%), linear-gradient(180deg, var(--bg), var(--bg2))}}.landing,.landing *{box-sizing:border-box;margin:0;padding:0}.landing h1,.landing h2,.landing h3{font-family:Plus Jakarta Sans,Inter,sans-serif;line-height:1.1;letter-spacing:-.02em}.landing a{color:inherit;text-decoration:none}.landing .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.landing .grad-text{color:var(--violet)}.landing .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;padding:12px 22px;border-radius:999px;cursor:pointer;border:1px solid transparent;transition:.25s;white-space:nowrap;font-family:inherit}.landing .btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 30px #ec489959}.landing .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 38px #ec489980}.landing .btn-ghost{background:transparent;color:var(--txt);border-color:var(--line)}.landing .btn-ghost:hover{border-color:var(--violet);background:#a855f71a}.landing .btn-light{background:#fff;color:#1a1033}.landing .btn-light:hover{transform:translateY(-2px)}.landing .btn-block{width:100%}.landing .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.landing header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--header-bg);border-bottom:1px solid var(--line)}.landing .nav{display:flex;align-items:center;justify-content:space-between;height:72px}.landing .logo{cursor:pointer}.landing .logo-svg{height:34px}.landing .logo small{font-size:11px;color:var(--muted)}.landing .nav-links{display:flex;align-items:center;gap:28px}.landing .nav-links a{color:var(--muted);font-weight:500;font-size:15px;transition:.2s}.landing .nav-links a:hover{color:var(--txt)}.landing .nav-cta,.landing .nav-prefs{display:flex;align-items:center;gap:12px}.landing .burger{display:none;background:none;border:1px solid var(--line);border-radius:10px;width:44px;height:44px;flex-shrink:0;cursor:pointer;color:var(--txt);align-items:center;justify-content:center}.landing .hero{padding:80px 0 70px}.landing .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.landing .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--cyan);background:#22d3ee1a;border:1px solid rgba(34,211,238,.25);padding:7px 14px;border-radius:999px;margin-bottom:22px}.landing .hero h1{font-size:clamp(34px,5vw,58px);font-weight:800;margin-bottom:20px}.landing .hero p.lead{font-size:18px;color:var(--muted);max-width:520px;margin-bottom:32px}.landing .hero-actions{display:flex;gap:14px;flex-wrap:wrap}.landing .hero-stats{display:flex;gap:34px;margin-top:42px;flex-wrap:wrap}.landing .hero-stats>div{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;color:var(--cyan)}.landing .hero-stats .n{grid-row:1;font-size:26px;font-weight:800;font-family:Plus Jakarta Sans,sans-serif;color:var(--txt)}.landing .hero-stats .l{grid-row:2;grid-column:1 / -1;font-size:13px;color:var(--muted)}.landing .mock-stage{position:relative;height:440px}.landing .glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(400px 300px at 60% 40%,rgba(168,85,247,.35),transparent 70%);filter:blur(10px)}.landing .phone{position:absolute;top:10px;left:8%;width:200px;height:400px;border-radius:34px;background:#0d0d18;border:2px solid rgba(255,255,255,.12);box-shadow:var(--shadow);padding:12px;transform:rotate(-4deg);overflow:hidden}.landing .phone:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:70px;height:6px;border-radius:6px;background:#222}.landing .phone .scr{height:100%;border-radius:24px;background:linear-gradient(160deg,#2a1248,#120a22);overflow:hidden}.landing .phone .thumb{border-radius:24px;background:var(--grad);opacity:.9;width:100%;height:100%;object-fit:cover;display:block}.landing .tablet{position:absolute;right:0;bottom:0;width:330px;height:230px;border-radius:20px;background:#0d0d18;border:2px solid rgba(255,255,255,.12);box-shadow:var(--shadow);padding:12px;transform:rotate(5deg)}.landing .tablet .scr{height:100%;border-radius:12px;background:#120a22;overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.landing .tablet .card{border-radius:0;background:linear-gradient(160deg,#a855f780,#22d3ee4d);width:100%;height:100%;object-fit:cover;display:block}.landing .tablet .card:nth-child(2){background:linear-gradient(160deg,#ec489980,#a855f74d)}.landing .tablet .card:nth-child(3){background:linear-gradient(160deg,#22d3ee80,#a855f74d)}.landing section{padding:70px 0}.landing .sec-head{text-align:center;max-width:680px;margin:0 auto 50px}.landing .sec-head h2{font-size:clamp(28px,3.6vw,42px);font-weight:800;margin-bottom:14px}.landing .sec-head p{color:var(--muted);font-size:17px}.landing .gp-lead{max-width:700px;margin:0 auto 18px;text-align:center;color:var(--muted);font-size:16px;line-height:1.7}.landing .gp-lead strong{color:var(--txt)}.landing .gp-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:780px;margin:36px auto}.landing .gp-col{border:1px solid var(--line);border-radius:var(--lp-radius);padding:26px;background:var(--card)}.landing .gp-col h3{font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;color:var(--muted)}.landing .gp-col p{color:var(--muted);font-size:15px}.landing .gp-col.produce{border-color:var(--violet);background:#a855f717}.landing .gp-col.produce h3{color:var(--violet)}.landing .gp-col.produce p{color:var(--txt)}.landing .gp-tagline{text-align:center;font-size:20px;font-weight:700;margin-top:36px}.landing .compare-wrap{overflow-x:auto;contain:paint;margin-top:40px;width:100%;max-width:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--lp-radius)}.landing .compare-table{width:100%;border-collapse:separate;border-spacing:0;min-width:640px}.landing .compare-table th,.landing .compare-table td{padding:14px 16px;text-align:center;border-bottom:1px solid var(--line);font-size:14px;font-weight:400}.landing .compare-table th[scope=row]{text-align:left;color:var(--txt);font-weight:500;position:sticky;left:0;z-index:1;background:linear-gradient(var(--card),var(--card)),var(--bg)}.landing .compare-table thead th{color:var(--muted);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.03em;background:var(--field-bg)}.landing .compare-table thead th:first-child{position:sticky;left:0;z-index:2;background:linear-gradient(var(--field-bg),var(--field-bg)),var(--bg)}.landing .compare-table thead th.vyrio-col{color:var(--violet)}.landing .compare-table td.vyrio-col{background:#a855f712;font-weight:700;font-size:16px}.landing .compare-table tbody tr:last-child th,.landing .compare-table tbody tr:last-child td{border-bottom:none}.landing .compare-legend{display:flex;justify-content:center;gap:22px;margin-top:16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.landing .compare-legend span{display:inline-flex;align-items:center;gap:7px}.landing .lvl{display:inline-block;width:13px;height:13px;border-radius:50%;flex-shrink:0}.landing .lvl-full{background:var(--violet);border:1px solid var(--violet)}.landing .lvl-partial{border:1px solid var(--violet);background:linear-gradient(90deg,var(--violet) 50%,transparent 50%)}.landing .lvl-none{border:1px solid var(--muted);background:transparent;opacity:.55}@media (max-width: 900px){.landing .gp-columns{grid-template-columns:1fr}}.landing .faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.landing .faq-item{background:var(--card);border:1px solid var(--line);border-radius:var(--lp-radius);padding:4px 22px}.landing .faq-item summary{padding:18px 0;font-weight:600;font-size:16px;cursor:pointer;list-style:none}.landing .faq-item summary::-webkit-details-marker{display:none}.landing .faq-item p{color:var(--muted);font-size:15px;line-height:1.6;padding-bottom:20px;margin:0}.landing .feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.landing .feat{background:var(--card);border:1px solid var(--line);border-radius:var(--lp-radius);padding:28px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.3s;position:relative;overflow:hidden}.landing .feat:hover{transform:translateY(-4px);border-color:#a855f773;box-shadow:0 18px 50px #a855f72e}.landing .feat:nth-child(2):hover{border-color:#ec489973;box-shadow:0 18px 50px #ec48992e}.landing .feat:nth-child(3):hover{border-color:#22d3ee73;box-shadow:0 18px 50px #22d3ee2e}.landing .feat:nth-child(4):hover{border-color:#f59e0b73;box-shadow:0 18px 50px #f59e0b2e}.landing .feat .ico{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:#a855f724;border:1px solid rgba(168,85,247,.3);margin-bottom:18px;color:var(--violet)}.landing .feat h3{font-size:21px;margin-bottom:10px}.landing .feat p{color:var(--muted);font-size:15px;margin-bottom:18px}.landing .pipe{font-size:13px;color:var(--cyan);border-top:1px solid var(--line);padding-top:14px;font-weight:500}.landing .pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.landing .price-card{background:var(--card);border:1px solid var(--line);border-radius:var(--lp-radius);padding:30px 22px 24px;display:flex;flex-direction:column;position:relative}.landing .price-card[data-featured=true]{border-color:var(--violet);background:#a855f717}.landing .price-ribbon{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--grad);color:#fff;font-size:12px;font-weight:700;padding:4px 14px;border-radius:999px;white-space:nowrap}.landing .price-card h3{font-size:19px;margin-bottom:6px}.landing .price-card .tagline{color:var(--muted);font-size:14px;min-height:40px;margin-bottom:18px}.landing .price-card .amount{font-size:32px;font-weight:800;margin-bottom:4px}.landing .price-card .amount span{font-size:14px;font-weight:400;color:var(--muted)}.landing .price-card .credits{font-size:13px;color:var(--cyan);font-weight:600;margin-bottom:22px}.landing .price-card .btn{margin-top:auto}.landing .price-features{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:8px;text-align:left}.landing .price-features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--txt)}.landing .price-features svg{color:var(--violet);flex-shrink:0;margin-top:2px}.landing .price-features-note{color:var(--muted);font-size:12px;margin:0 0 8px}.landing .example-wrap{display:flex;justify-content:center}.landing .showcase-intro{text-align:center;max-width:620px;margin:56px auto 32px}.landing .showcase-intro h3{font-size:clamp(22px,2.6vw,28px);font-weight:800;margin-bottom:10px}.landing .showcase-intro p{color:var(--muted);font-size:15px}.landing .showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.landing .showcase-label{display:block;font-weight:700;font-size:15px;margin-bottom:12px;text-align:center}.landing .showcase-pair-row{display:flex;gap:14px}.landing .showcase-pair{flex:1;display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--lp-radius);padding:10px;cursor:pointer;transition:.25s;font:inherit;color:var(--txt)}.landing .showcase-pair:hover{transform:translateY(-4px);border-color:#a855f773;box-shadow:0 18px 50px #a855f72e}.landing .showcase-pair img{width:100%;aspect-ratio:3 / 4;object-fit:cover;object-position:left center;border-radius:12px;display:block;transition:object-position 4s ease-in-out}.landing .showcase-pair:hover img{object-position:right center}.landing .showcase-pair span{font-size:13px;color:var(--muted);text-align:center}.landing .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}.landing .steps:before{content:"";position:absolute;top:34px;left:8%;right:8%;height:2px;background:var(--grad3);opacity:.5;z-index:0}.landing .step{position:relative;z-index:1;text-align:center;background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:22px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing .step .num{width:48px;height:48px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;font-weight:800;background:var(--grad);color:#fff;box-shadow:0 6px 20px #ec489966}.landing .step .t{font-weight:700}.landing .step .d{font-size:13px;color:var(--muted);margin-top:4px}.landing .pipe-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.landing .pipe-step{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--lp-radius);padding:26px 22px 22px;transition:transform .2s,border-color .2s,box-shadow .2s}.landing .pipe-step:hover{transform:translateY(-4px);border-color:#a855f773;box-shadow:0 18px 50px #a855f72e}.landing .pipe-badge{position:absolute;top:14px;right:16px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:800;color:#fff;background:var(--grad);box-shadow:0 6px 20px #ec489959}.landing .pipe-ico{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:#a855f724;border:1px solid rgba(168,85,247,.3);color:var(--violet);margin-bottom:18px}.landing .pipe-step h3{font-size:19px;margin-bottom:6px}.landing .pipe-step p{color:var(--muted);font-size:14px}.landing .pipe-arrow{position:absolute;top:50%;right:-20px;transform:translateY(-50%);color:var(--cyan);opacity:.7;z-index:2}@media (max-width: 860px){.landing .pipe-steps{grid-template-columns:repeat(2,1fr)}.landing .pipe-arrow{display:none}}@media (max-width: 560px){.landing .pipe-steps{grid-template-columns:1fr}}.landing .cta{background:var(--grad);border-radius:26px;padding:56px 32px;text-align:center;box-shadow:0 30px 80px #a855f759;position:relative;overflow:hidden}.landing .cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(500px 200px at 80% 0%,rgba(255,255,255,.18),transparent 60%)}.landing .cta h2{font-size:clamp(26px,3.4vw,40px);font-weight:800;margin-bottom:14px;position:relative}.landing .cta p{font-size:17px;opacity:.95;max-width:620px;margin:0 auto 28px;position:relative}.landing .cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative}.landing footer{border-top:1px solid var(--line);padding:30px 0;margin-top:30px}.landing .foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.landing .foot .links{display:flex;gap:24px}.landing .foot .links a{color:var(--muted);font-size:14px}.landing .foot .links a:hover{color:var(--txt)}.landing .foot .credit{color:var(--muted);font-size:14px}.landing .foot .credit a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.landing .foot .credit a:hover{color:var(--txt)}.landing .lp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#05050cb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px;animation:landing-fade .2s ease}@keyframes landing-fade{0%{opacity:0}to{opacity:1}}.landing .lp-modal-box{width:100%;max-width:420px;background:var(--modal-bg);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow);position:relative;animation:landing-pop .25s ease}@keyframes landing-pop{0%{transform:translateY(14px) scale(.97);opacity:0}to{transform:none;opacity:1}}.landing .lp-modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:none;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.landing .lp-modal-close:hover{color:var(--txt);border-color:var(--pink)}.landing .tabs{display:flex;background:var(--field-bg);border-radius:12px;padding:4px;margin-bottom:24px}.landing .tab{flex:1;text-align:center;padding:10px;border-radius:9px;cursor:pointer;font-weight:600;font-size:14px;color:var(--muted);transition:.2s;border:none;background:none;font-family:inherit}.landing .tab.active{background:var(--grad);color:#fff}.landing .lp-modal h3{font-size:22px;margin-bottom:6px}.landing .lp-modal .sub{color:var(--muted);font-size:14px;margin-bottom:22px}.landing .field{margin-bottom:16px}.landing .field label{display:block;font-size:13px;font-weight:600;margin-bottom:7px;color:var(--muted)}.landing .field input{width:100%;padding:13px 14px;border-radius:12px;background:var(--field-bg);border:1px solid var(--line);color:var(--txt);font-size:15px;font-family:inherit;transition:.2s}.landing .field input:focus{outline:none;border-color:var(--violet);background:#a855f714}.landing .form-error{color:var(--pink);font-size:13px;margin:-6px 0 16px}.landing .form-info{color:var(--cyan);font-size:13px;margin:-6px 0 16px}.landing .forgot-password{color:var(--cyan);background:none;border:none;cursor:pointer;font:inherit;font-size:13px;padding:0;margin:-8px 0 16px;display:block}.landing .forgot-password:disabled{opacity:.5;cursor:not-allowed}.landing .divider{text-align:center;color:var(--muted);font-size:12px;margin:18px 0;position:relative}.landing .divider:before,.landing .divider:after{content:"";position:absolute;top:50%;width:38%;height:1px;background:var(--line)}.landing .divider:before{left:0}.landing .divider:after{right:0}.landing .social{display:flex;gap:12px}.landing .social .btn{flex:1}.landing .pane{display:none}.landing .pane.active{display:block}.landing .switch-mode{text-align:center;margin-top:20px;font-size:14px;color:var(--muted)}.landing .switch-mode button{color:var(--cyan);background:none;border:none;cursor:pointer;font:inherit;padding:0}.landing .lp-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;align-items:center;justify-content:center;background:#05050ceb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:40px 20px;animation:landing-fade .2s ease}.landing .lp-lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:var(--shadow);animation:landing-pop .25s ease}.landing .lp-lightbox-close{position:fixed;top:20px;right:20px;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#ffffff0f;color:var(--txt);cursor:pointer;display:flex;align-items:center;justify-content:center}.landing .lp-lightbox-close:hover{color:#fff;border-color:var(--pink)}@media (max-width: 900px){.landing .hero-grid{grid-template-columns:1fr;gap:30px}.landing .mock-stage{height:380px;order:-1}.landing .feat-grid,.landing .pricing-grid,.landing .showcase-grid{grid-template-columns:1fr}.landing .steps{grid-template-columns:1fr 1fr}.landing .steps:before{display:none}.landing .nav-links{display:none}.landing .nav-links.show{display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;background:var(--menu-bg);border-bottom:1px solid var(--line);padding:18px 24px;gap:16px;max-height:calc(100dvh - 72px);overflow-y:auto}.landing .nav-prefs,.landing .nav-signup{display:none}.landing .nav-login{display:inline-flex}.landing .burger{display:grid;place-items:center}.landing .logo small{display:none}.landing .nav-panel-foot{display:flex;flex-direction:column;gap:14px;padding-top:16px;border-top:1px solid var(--line)}.landing .nav-panel-prefs{display:flex;align-items:center;justify-content:space-between;gap:12px}}@media (min-width: 901px){.landing .nav-panel-foot{display:none}}@media (max-width: 520px){.landing .steps{grid-template-columns:1fr}.landing .tablet{width:260px}.landing .showcase-pair-row{flex-direction:column}.landing .nav{gap:10px}.landing .nav-cta{gap:8px}.landing .nav-login{padding-left:14px;padding-right:14px;font-size:14px;min-height:44px}}.landing .lang-toggle{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--glass)}.landing .lang-seg{padding:5px 10px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer;letter-spacing:.02em}.landing .lang-seg[data-active=true]{background:var(--grad);color:#fff}.landing .lang-seg:hover:not([data-active=true]){color:var(--txt)}.landing .price-anchor{max-width:760px;margin:0 auto 28px;text-align:center;padding:14px 22px;border:1px solid var(--line);border-radius:var(--lp-radius);background:linear-gradient(135deg,#a855f724,#22d3ee1a);color:var(--txt);font-size:16px;font-weight:600;line-height:1.5}:root{color-scheme:light;--color-background: #f5f6f9;--color-surface: #ffffff;--color-surface-2: #f0f2f6;--color-surface-hover: #eceff4;--color-border: #e4e7ee;--color-border-strong: #d3d8e2;--color-foreground: #1a1d27;--color-muted-foreground: #59616f;--color-primary: #7c3aed;--color-primary-hover: #6d28d9;--color-on-primary: #ffffff;--color-primary-tint-weak: rgba(124, 58, 237, .06);--color-primary-tint: rgba(124, 58, 237, .12);--color-accent: #16a34a;--color-on-accent: #ffffff;--color-accent-tint: rgba(22, 163, 74, .12);--color-warning: #b45309;--color-destructive: #dc2626;--color-ring: #7c3aed;--warning-bg: rgba(245, 158, 11, .12);--warning-border: rgba(245, 158, 11, .45);--warning-fg: #b45309;--error-bg: rgba(220, 38, 38, .1);--error-border: rgba(220, 38, 38, .4);--error-fg: #b91c1c;--info-bg: rgba(124, 58, 237, .1);--info-border: rgba(124, 58, 237, .35);--info-fg: #6d28d9;--success-bg: rgba(22, 163, 74, .12);--success-border: rgba(22, 163, 74, .4);--success-fg: #15803d;--sidebar-bg: #12141c;--sidebar-surface: #1c1f2b;--sidebar-fg: #e9ebf1;--sidebar-muted: #8b93a6;--sidebar-border: rgba(255, 255, 255, .07);--sidebar-active-bg: rgba(124, 58, 237, .22);--sidebar-active-fg: #ffffff;--overlay-scrim: rgba(12, 14, 20, .72);--overlay-badge: rgba(12, 14, 20, .82);--shimmer: rgba(0, 0, 0, .05);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-1: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);--shadow-2: 0 6px 16px rgba(16, 24, 40, .1), 0 2px 6px rgba(16, 24, 40, .06);--shadow-modal: 0 24px 56px rgba(16, 24, 40, .22);--font: "Plus Jakarta Sans", system-ui, sans-serif;--measure: 72ch;--loader-violet: #5b21b6;--loader-pink: #db2777;--loader-red: #e11d48;--loader-ink: #2c1658;--loader-track: #e9e3f4;--loader-limb-a: #2d1761;--loader-limb-b: #55219b}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--color-background: #0d0f15;--color-surface: #171a22;--color-surface-2: #20242e;--color-surface-hover: #242835;--color-border: rgba(255, 255, 255, .09);--color-border-strong: rgba(255, 255, 255, .16);--color-foreground: #f5f7fa;--color-muted-foreground: #9aa3b2;--color-primary: #8b5cf6;--color-primary-hover: #a78bfa;--color-primary-tint-weak: rgba(139, 92, 246, .1);--color-primary-tint: rgba(139, 92, 246, .18);--color-accent: #22c55e;--color-on-accent: #04240f;--color-accent-tint: rgba(34, 197, 94, .16);--color-warning: #fbbf24;--color-destructive: #f87171;--color-ring: #a78bfa;--loader-violet: #a855f7;--loader-pink: #f472b6;--loader-red: #fb7185;--loader-ink: #f5f3ff;--loader-track: rgba(255, 255, 255, .12);--loader-limb-a: #7c3aed;--loader-limb-b: #c084fc;--warning-bg: rgba(245, 158, 11, .12);--warning-border: rgba(245, 158, 11, .4);--warning-fg: #fbbf24;--error-bg: rgba(220, 38, 38, .14);--error-border: rgba(220, 38, 38, .4);--error-fg: #f87171;--info-bg: rgba(139, 92, 246, .14);--info-border: rgba(139, 92, 246, .4);--info-fg: #c4b5fd;--success-bg: rgba(34, 197, 94, .12);--success-border: rgba(34, 197, 94, .4);--success-fg: #4ade80;--shimmer: rgba(255, 255, 255, .06);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 8px 24px rgba(0, 0, 0, .5);--shadow-modal: 0 16px 44px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{color-scheme:dark;--color-background: #0d0f15;--color-surface: #171a22;--color-surface-2: #20242e;--color-surface-hover: #242835;--color-border: rgba(255, 255, 255, .09);--color-border-strong: rgba(255, 255, 255, .16);--color-foreground: #f5f7fa;--color-muted-foreground: #9aa3b2;--color-primary: #8b5cf6;--color-primary-hover: #a78bfa;--color-primary-tint-weak: rgba(139, 92, 246, .1);--color-primary-tint: rgba(139, 92, 246, .18);--color-accent: #22c55e;--color-on-accent: #04240f;--color-accent-tint: rgba(34, 197, 94, .16);--color-warning: #fbbf24;--color-destructive: #f87171;--color-ring: #a78bfa;--warning-bg: rgba(245, 158, 11, .12);--warning-border: rgba(245, 158, 11, .4);--warning-fg: #fbbf24;--error-bg: rgba(220, 38, 38, .14);--error-border: rgba(220, 38, 38, .4);--error-fg: #f87171;--info-bg: rgba(139, 92, 246, .14);--info-border: rgba(139, 92, 246, .4);--info-fg: #c4b5fd;--success-bg: rgba(34, 197, 94, .12);--success-border: rgba(34, 197, 94, .4);--success-fg: #4ade80;--shimmer: rgba(255, 255, 255, .06);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 8px 24px rgba(0, 0, 0, .5);--shadow-modal: 0 16px 44px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html,body,#root{min-height:100%}#root{padding-bottom:48px}body{margin:0;background:var(--color-background);color:var(--color-foreground);font-family:var(--font);font-size:16px;line-height:1.6}h1,h2,h3{line-height:1.2;font-weight:700;margin:0}h1{font-size:32px}h2{font-size:24px}h3{font-size:18px}p{margin:0}.muted{color:var(--color-muted-foreground)}.meta{font-size:12px;color:var(--color-muted-foreground)}.tabular{font-variant-numeric:tabular-nums}.container{max-width:1152px;margin:0 auto;padding:0 24px 64px}a{color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--color-surface);color:var(--color-foreground);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 16px}.skip-link:focus{left:16px;top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 24px;border-radius:var(--radius-sm);border:1px solid transparent;font-family:var(--font);font-size:16px;font-weight:600;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out,opacity .15s ease-out}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-1)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-foreground);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover)}.btn-success{background:var(--color-accent);color:var(--color-on-accent)}.btn-success:hover:not(:disabled){filter:brightness(1.05)}.btn-danger{background:var(--color-destructive);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{background:none;border:none;color:var(--color-muted-foreground);min-height:44px;padding:8px 12px;font-size:14px;font-weight:500;cursor:pointer}.btn-ghost:hover{color:var(--color-foreground)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0;box-shadow:var(--shadow-1)}.card-clickable{cursor:pointer;transition:background-color .15s ease-out,box-shadow .15s ease-out,border-color .15s ease-out;text-align:left;width:100%;color:var(--color-foreground);font-family:var(--font);font-size:16px}.card-clickable:hover{background:var(--color-surface-hover);box-shadow:var(--shadow-2);border-color:var(--color-border-strong)}.admin-row:hover{background:var(--color-surface-hover)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:24px}.label{font-size:14px;font-weight:500}.section-title{font-size:18px;font-weight:600;margin:0 0 12px}.study-html h3{font-size:15px;font-weight:600;margin:20px 0 6px}.study-html h3:first-child{margin-top:0}.study-html p{margin:0 0 10px;line-height:1.55;color:var(--color-foreground)}.study-html ul,.study-html ol{margin:0 0 10px;padding-left:22px;line-height:1.55}.study-html li{margin-bottom:4px}.study-html strong{font-weight:600}.helper{font-size:12px;color:var(--color-muted-foreground)}.helper-warning{font-size:12px;color:var(--color-warning)}.error-text{font-size:14px;color:var(--error-fg)}.input,textarea.input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-foreground);font-family:var(--font);font-size:16px;padding:12px 16px;transition:border-color .15s ease-out;width:100%}.input::placeholder{color:var(--color-muted-foreground)}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #7c3aed40}textarea.input{resize:vertical;min-height:120px}input[type=range]{accent-color:var(--color-primary);cursor:pointer}.dropzone{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:16px;transition:border-color .15s ease-out,background-color .15s ease-out}.dropzone[data-drag=true]{border-color:var(--color-primary);background:var(--color-surface-hover)}.format-grid{display:flex;gap:16px;flex-wrap:wrap}.format-tile{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-foreground);font-family:var(--font);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:16px;cursor:pointer;transition:border-color .15s ease-out,background-color .15s ease-out;min-width:96px}.format-tile:hover:not(:disabled){background:var(--color-surface-hover)}.format-tile[data-selected=true]{border-color:var(--color-primary);background:var(--color-surface-hover)}.format-tile:disabled{opacity:.45;cursor:not-allowed}.format-tile .shape{background:var(--color-muted-foreground);border-radius:2px;opacity:.6}.format-tile[data-selected=true] .shape{background:var(--color-primary);opacity:1}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted-foreground);font-family:var(--font);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out}.chip:hover{background:var(--color-surface-hover)}@media (max-width: 719px){.chip-touch{min-height:44px;padding:10px 14px}}.chip[data-selected=true]{border-color:var(--color-primary);background:var(--color-primary-tint);color:var(--color-foreground)}.workflow-shell{display:flex;align-items:flex-start;gap:32px}.workflow-shell>.container{flex:1;min-width:0}.stepper{position:sticky;top:24px;flex-shrink:0;width:232px;display:flex;flex-direction:column;gap:4px;padding:16px 12px;margin:24px 0 24px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:calc(100vh - 96px);overflow-y:auto;transition:width .2s ease-out}.stepper[data-collapsed=true]{width:56px}.stepper-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--color-muted-foreground);font-family:var(--font);padding:8px;margin-bottom:8px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;overflow:hidden}.stepper-toggle:hover{background:var(--color-surface-hover)}.step-count{font-size:12px;color:var(--color-muted-foreground)}.stepper-inner{display:flex;flex-direction:column;gap:2px}.step{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:var(--color-muted-foreground);background:none;border:none;white-space:nowrap;font-family:var(--font);padding:8px;border-radius:var(--radius-sm);width:100%;text-align:left}.step[data-state=active]{color:var(--color-foreground);background:var(--color-surface-hover)}.step[data-state=done]{color:var(--color-accent)}.step[data-state=done][data-clickable=true]{cursor:pointer}.step[data-state=done][data-clickable=true]:hover{background:var(--color-surface-hover)}.step-dot{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:var(--color-surface);border:1px solid var(--color-border);flex-shrink:0}.step[data-state=active] .step-dot{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.step[data-state=done] .step-dot{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}.step-label{overflow:hidden;text-overflow:ellipsis}.stepper[data-collapsed=true] .step{justify-content:center;padding:8px 0}.stepper-episode{margin:4px 0 4px 16px;display:flex;flex-direction:column;gap:2px}.stepper-episode-header{font-size:11px;font-weight:600;color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.04em;padding:6px 8px 4px}.step-sub{font-size:13px}.step-sub .step-dot{width:20px;height:20px;font-size:11px}@media (max-width: 900px){.workflow-shell{flex-direction:column}.stepper{position:static;width:auto;max-height:none;margin:24px 24px 0}.stepper[data-collapsed=true]{width:auto}.stepper-inner{flex-direction:row;flex-wrap:wrap}.step{width:auto}}.banner{display:flex;align-items:flex-start;gap:12px;border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;margin-bottom:24px;border:1px solid}.banner-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-fg)}.banner-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-fg)}.banner-info{background:var(--info-bg);border-color:var(--info-border);color:var(--info-fg)}.banner-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-fg)}.tile-grid{display:grid;gap:24px;grid-template-columns:1fr}@media (min-width: 768px){.tile-grid{grid-template-columns:repeat(2,1fr)}.tile-grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}}.tile-card{display:flex;flex-direction:column;gap:8px}.brand-hub-layout{display:grid;grid-template-columns:1fr;gap:24px;margin-top:24px}@media (min-width: 768px){.brand-hub-layout{grid-template-columns:minmax(220px,280px) 1fr;align-items:start}}.tile-row-grid{display:flex;flex-direction:column;gap:16px}.tile-row-card{display:flex;flex-direction:row;align-items:flex-start;gap:16px}.tile-row-left{display:flex;flex-direction:column;gap:8px;width:220px;flex-shrink:0}.tile-row-right{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.tile-row-card .tile-script{flex:1;max-height:none;align-self:stretch}@media (max-width: 640px){.tile-row-card{flex-direction:column}.tile-row-left{width:100%}}.keyframes-storyboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.tile-prompt-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.tile-script{font-size:13px;line-height:1.45;color:var(--color-muted-foreground);padding:8px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);max-height:140px;overflow-y:auto}.tile-script p{margin:0}.tile-script p+p{margin-top:4px}.tile-script strong{color:var(--color-foreground);font-weight:600;margin-right:4px}.editable-text{display:block;width:100%;resize:none;overflow:hidden;font:inherit;color:inherit;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:2px 6px;margin:0 -6px;line-height:inherit}.editable-text:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-border)}.editable-text:focus{background:var(--color-surface);border-color:var(--color-primary);outline:none}.editable-text:disabled{opacity:.7;cursor:default}.editable-text.script-title{font-size:18px;font-weight:600;flex:1}.tile-script .editable-text{background:var(--color-background);border-color:var(--color-border)}.tile-script .editable-text:focus{border-color:var(--color-primary)}.tile{position:relative;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-1)}.tile img,.tile video{width:100%;height:100%;object-fit:cover;display:block}.tile-badge{position:absolute;top:8px;left:8px;z-index:2;background:var(--overlay-badge);color:#f5f7fa;border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.tile-badge-warning{left:auto;right:8px;color:var(--color-warning);border-color:#f59e0b80;display:inline-flex;align-items:center;gap:4px}.tile-status{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;text-align:center}.tile-status .error-text{word-break:break-word}.tile-actions{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-scrim);display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity .15s ease-out}.tile:hover .tile-actions,.tile:focus-within .tile-actions{opacity:1}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-foreground);cursor:pointer;transition:background-color .15s ease-out}.icon-btn:hover{background:var(--color-surface-hover)}.skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-surface);overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--shimmer),transparent);animation:shimmer 1.6s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.skeleton:after{animation:none}*{transition-duration:.01ms!important}}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2s}}.progress-track{height:4px;background:var(--color-surface);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);transition:width .3s ease-out}.vyrio-runner{width:100%;max-width:240px;margin:8px auto 0;text-align:center}.vyrio-runner-stage{position:relative;aspect-ratio:2 / 1;overflow:hidden;background:linear-gradient(var(--color-surface),var(--color-surface-2));border-radius:var(--radius-md)}.vyrio-runner-stage svg{width:100%;height:100%;display:block}.vyrio-runner-run{transform-origin:480px 270px;animation:vyrio-runner-bob var(--speed) linear infinite}.vyrio-runner-body{transform-origin:480px 245px;animation:vyrio-runner-lean var(--speed) ease-in-out infinite}.vyrio-runner-arm-l,.vyrio-runner-arm-r{transform-box:fill-box;transform-origin:50% 15%;animation:vyrio-runner-arm var(--speed) ease-in-out infinite}.vyrio-runner-arm-r{animation-direction:reverse}.vyrio-runner-leg-l,.vyrio-runner-leg-r{transform-box:fill-box;transform-origin:50% 8%;animation:vyrio-runner-leg var(--speed) ease-in-out infinite}.vyrio-runner-leg-r{animation-direction:reverse}.vyrio-runner-eye{transform-origin:center;animation:vyrio-runner-blink 3.7s infinite}.vyrio-runner-pupil{animation:vyrio-runner-look 2.4s ease-in-out infinite}.vyrio-runner-ground{animation:vyrio-runner-ground .7s linear infinite}.vyrio-runner-speedline{animation:vyrio-runner-line .65s linear infinite}.vyrio-runner-speedline:nth-child(2){animation-delay:-.22s}.vyrio-runner-speedline:nth-child(3){animation-delay:-.41s}.vyrio-runner-dust{animation:vyrio-runner-dust var(--speed) ease-out infinite}.vyrio-runner-dust.d2{animation-delay:calc(var(--speed) / -2)}.vyrio-runner[data-done=true] .vyrio-runner-run,.vyrio-runner[data-done=true] .vyrio-runner-body,.vyrio-runner[data-done=true] .vyrio-runner-arm-l,.vyrio-runner[data-done=true] .vyrio-runner-arm-r,.vyrio-runner[data-done=true] .vyrio-runner-leg-l,.vyrio-runner[data-done=true] .vyrio-runner-leg-r{animation:none}.vyrio-runner[data-done=true] .vyrio-runner-run{transform:translateY(5px)}.vyrio-runner[data-done=true] .vyrio-runner-run-parts{opacity:0}.vyrio-runner[data-done=true] .vyrio-runner-win-parts{opacity:1}.vyrio-runner-win-parts{opacity:0;transition:opacity .2s}.vyrio-runner-run-parts{transition:opacity .2s}.vyrio-runner[data-done=true] .vyrio-runner-speedline,.vyrio-runner[data-done=true] .vyrio-runner-dust{display:none}.vyrio-runner[data-done=true] .vyrio-runner-fill{background:var(--color-accent)}@keyframes vyrio-runner-bob{0%,50%,to{transform:translateY(0)}25%,75%{transform:translateY(11px)}}@keyframes vyrio-runner-lean{0%,to{transform:rotate(-7deg) scaleY(1.02)}25%,75%{transform:rotate(-5deg) scaleY(.96)}50%{transform:rotate(-7deg) scaleY(1.02)}}@keyframes vyrio-runner-arm{0%,to{transform:rotate(34deg)}50%{transform:rotate(-45deg)}}@keyframes vyrio-runner-leg{0%,to{transform:rotate(39deg)}50%{transform:rotate(-42deg)}}@keyframes vyrio-runner-blink{0%,45%,49%,to{transform:scaleY(1)}47%{transform:scaleY(.08)}}@keyframes vyrio-runner-look{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes vyrio-runner-ground{to{transform:translate(-80px)}}@keyframes vyrio-runner-line{0%{transform:translate(60px);opacity:0}25%{opacity:.65}to{transform:translate(-180px);opacity:0}}@keyframes vyrio-runner-dust{0%{transform:translate(0) scale(.2);opacity:.8}to{transform:translate(-75px,-25px) scale(1.5);opacity:0}}.vyrio-runner-hud{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:10px}.vyrio-runner-bar{flex:1;height:8px;background:var(--loader-track);border-radius:999px;overflow:hidden}.vyrio-runner-fill{height:100%;width:calc(var(--p) * 1%);background:linear-gradient(90deg,var(--loader-violet),var(--loader-pink),var(--loader-red));border-radius:inherit;transition:width .25s ease}@media (prefers-reduced-motion: reduce){.vyrio-runner-run,.vyrio-runner-body,.vyrio-runner-arm-l,.vyrio-runner-arm-r,.vyrio-runner-leg-l,.vyrio-runner-leg-r,.vyrio-runner-eye,.vyrio-runner-pupil,.vyrio-runner-ground,.vyrio-runner-speedline,.vyrio-runner-dust{animation:none}.vyrio-runner-speedline,.vyrio-runner-dust{display:none}.vyrio-runner-fill{transition:none}}.gauges{display:flex;gap:24px;flex-wrap:wrap}.gauge{flex:1;min-width:140px}.gauge-head{display:flex;justify-content:space-between;font-size:14px;margin-bottom:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);padding:32px;max-width:520px;width:100%;display:flex;flex-direction:column;max-height:min(88vh,900px)}.modal--wide{max-width:960px}.modal-body{overflow-y:auto;flex:1;min-height:0}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;flex-wrap:wrap}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.lightbox-close{position:fixed;top:24px;right:24px}.lightbox-stage{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:90vw;max-height:90vh}.lightbox-media{border-radius:var(--radius-md);border:2px solid transparent;transition:border-color .4s ease-out;max-width:90vw;max-height:78vh;display:flex}.lightbox-media--fresh{border-color:var(--color-accent)}.lightbox-media img,.lightbox-media video{max-width:90vw;max-height:78vh;border-radius:calc(var(--radius-md) - 2px);object-fit:contain;display:block}.lightbox-caption{color:var(--color-muted-foreground);font-size:14px;text-align:center;max-width:70ch}.reference-library-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}@media (min-width: 860px){.reference-library-grid{grid-template-columns:1fr 1fr}}.header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-surface) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border)}.header-inner{position:relative;display:flex;align-items:center;gap:12px;max-width:1152px;margin:0 auto;padding:16px 24px}.logo{display:flex;align-items:center;gap:8px;color:var(--color-foreground)}.logo-svg{height:26px;width:auto;display:block;flex-shrink:0}.logo small{display:block;font-size:10px;font-weight:600;color:var(--color-muted-foreground);letter-spacing:.04em}.logo-button{background:none;border:none;padding:0;cursor:pointer;display:inline-flex}.header-actions{display:flex;align-items:center;gap:12px}.header-menu-btn{display:none}@media (max-width: 760px){.header-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:none;border:1px solid var(--color-border);color:var(--color-foreground);cursor:pointer}.header-menu-btn:hover{border-color:var(--color-primary)}.header-actions{display:none;position:absolute;top:calc(100% + 8px);right:24px;z-index:60;flex-direction:column;align-items:stretch;gap:6px;min-width:190px;padding:10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-modal)}.header-actions.show{display:flex}.header-actions>*{width:100%;justify-content:flex-start}}.script-card{margin-bottom:16px}.script-card h3{margin-bottom:8px}.script-section{margin-bottom:8px;font-size:14px}.script-section .meta{display:block;margin-bottom:2px;text-transform:uppercase;letter-spacing:.04em}.actions-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:32px}.timeline{display:flex;height:8px;border-radius:4px;overflow:hidden;gap:2px;margin-bottom:24px}.timeline-seg{background:var(--color-primary);opacity:.7}.timeline-seg[data-short=true]{background:var(--color-warning)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app-footer{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--color-surface);border-top:1px solid var(--color-border)}.app-footer-bar{max-width:1152px;margin:0 auto;padding:6px 24px;display:flex;align-items:center;gap:12px;min-height:40px}.status-toggle{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--color-foreground);font-family:var(--font);font-size:14px;cursor:pointer;padding:6px 8px;border-radius:var(--radius-sm);transition:background-color .15s ease-out}.status-toggle:hover{background:var(--color-surface-hover)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot[data-s=ok]{background:var(--color-accent)}.status-dot[data-s=error]{background:var(--color-destructive)}.status-dot[data-s=unreachable]{background:var(--color-warning)}.status-dot[data-s=unknown]{background:var(--color-muted-foreground)}.status-dot[data-s=checking]{background:var(--color-primary);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.status-panel{position:fixed;left:0;right:0;bottom:40px;z-index:30;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-modal);max-height:60vh;overflow-y:auto}.status-panel-inner{max-width:1152px;margin:0 auto;padding:16px 24px}.status-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--color-border);font-size:14px}.status-row:last-child{border-bottom:none}.spin-once{animation:spin .8s linear infinite}@media (prefers-reduced-motion: reduce){.status-dot[data-s=checking]{animation:none}.spin-once{animation-duration:2s}}.lang-toggle{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface)}.lang-toggle .lang-seg{padding:4px 9px;border:0;border-radius:999px;background:transparent;color:var(--color-muted-foreground);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.lang-toggle .lang-seg[data-active=true]{background:var(--color-primary);color:var(--color-on-primary)}.lang-toggle .lang-seg:hover:not([data-active=true]){color:var(--color-foreground)}.theme-toggle{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface)}.theme-toggle .theme-seg{display:inline-flex;align-items:center;justify-content:center;width:28px;height:24px;border:0;border-radius:999px;background:transparent;color:var(--color-muted-foreground);cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}.theme-toggle .theme-seg[data-active=true]{background:var(--color-primary);color:var(--color-on-primary)}.theme-toggle .theme-seg:hover:not([data-active=true]){color:var(--color-foreground)}.readable{max-width:var(--measure)}.screen-title{font-size:30px;line-height:1.15;letter-spacing:-.01em}.screen-subtitle{color:var(--color-muted-foreground);font-size:16px;line-height:1.6;max-width:var(--measure)}.stepper-h-wrap{display:flex;flex-direction:column;gap:8px}.stepper-h-summary{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:14px;font-weight:600}.stepper-h-summary .meta{font-weight:400}.stepper-h-toggle{margin-left:auto;display:none;align-items:center;gap:6px;min-height:44px;padding:8px 14px;border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-surface);color:var(--color-foreground);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.stepper-h-toggle:active{background:var(--color-surface-hover)}.stepper-h-progress{display:none}.stepper-h{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;box-shadow:var(--shadow-1)}.stepper-h .step-h{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:0;border-radius:999px;background:transparent;color:var(--color-muted-foreground);font:inherit;font-size:14px;font-weight:600;cursor:default;white-space:nowrap}.stepper-h .step-h[data-clickable=true]{cursor:pointer}.stepper-h .step-h[data-clickable=true]:hover{background:var(--color-surface-hover);color:var(--color-foreground)}.stepper-h .step-h[data-state=active]{background:var(--color-primary-tint);color:var(--color-foreground)}.stepper-h .step-h[data-state=done]{color:var(--color-accent)}.stepper-h .step-h[data-state=accessible]{color:var(--color-foreground)}.stepper-h .step-h[data-state=upcoming]{opacity:.55}.stepper-h .step-h[data-state=blocked]{opacity:.7;cursor:help}.stepper-h .step-h[data-state=blocked] .dot-h{border-style:dashed}.stepper-h .step-h[data-state=error]{color:var(--error-fg)}.stepper-h .step-h .dot-h{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--color-surface-2);border:1px solid var(--color-border);flex-shrink:0}.stepper-h .step-h[data-state=active] .dot-h{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.stepper-h .step-h[data-state=done] .dot-h{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}.stepper-h .step-h[data-state=error] .dot-h{background:var(--error-bg);color:var(--error-fg);border-color:var(--error-border)}.stepper-h .sep-h{color:var(--color-border-strong);flex-shrink:0}@media (max-width: 640px){.stepper-h-toggle{display:inline-flex}.stepper-h-progress{display:block}.stepper-h{display:none}}.stepper-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:60;animation:stepper-sheet-fade .15s ease-out}.stepper-sheet{position:fixed;left:0;right:0;bottom:0;z-index:61;max-height:75vh;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-bottom:none;border-radius:16px 16px 0 0;box-shadow:0 16px 40px #0006;padding-bottom:env(safe-area-inset-bottom);animation:stepper-sheet-slide-up .2s ease-out}@keyframes stepper-sheet-fade{0%{opacity:0}to{opacity:1}}@keyframes stepper-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.stepper-sheet-backdrop,.stepper-sheet{animation:none}}.stepper-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;padding:16px 8px 12px 20px;font-size:16px;font-weight:700;color:var(--color-foreground);border-bottom:1px solid var(--color-border)}.stepper-sheet-close{min-height:44px;min-width:44px;padding:8px}.stepper-sheet-list{overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.stepper-sheet-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:52px;padding:8px 12px;border:0;border-radius:var(--radius-sm);background:none;color:var(--color-muted-foreground);font:inherit;font-size:16px;font-weight:600}.stepper-sheet-row[data-clickable=true]{cursor:pointer}.stepper-sheet-row[data-clickable=true]:active{background:var(--color-surface-hover)}.stepper-sheet-row[data-state=active]{background:var(--color-primary-tint);color:var(--color-foreground)}.stepper-sheet-row[data-state=done]{color:var(--color-accent)}.stepper-sheet-row[data-state=accessible]{color:var(--color-foreground)}.stepper-sheet-row[data-state=upcoming]{opacity:.55}.stepper-sheet-row[data-state=blocked]{opacity:.7}.stepper-sheet-row[data-state=blocked] .dot-h{border-style:dashed}.stepper-sheet-row[data-state=error]{color:var(--error-fg)}.stepper-sheet-row .dot-h{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--color-surface-2);border:1px solid var(--color-border);flex-shrink:0}.stepper-sheet-row[data-state=active] .dot-h{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.stepper-sheet-row[data-state=done] .dot-h{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}.stepper-sheet-row[data-state=error] .dot-h{background:var(--error-bg);color:var(--error-fg);border-color:var(--error-border)}.stepper-sheet-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.stepper-sheet-row-reason{font-size:12px;font-weight:400;color:var(--color-muted-foreground);white-space:normal}@media (min-width: 641px){.stepper-sheet-backdrop,.stepper-sheet{display:none}}.status-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent}.status-chip[data-kind=done]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-fg)}.status-chip[data-kind=active]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-fg)}.status-chip[data-kind=pending]{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-muted-foreground)}.status-chip[data-kind=failed]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-fg)}.app-shell{--sidebar-w: 252px;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.app-shell[data-collapsed=true]{--sidebar-w: 76px}.sidebar{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;background:var(--sidebar-bg);color:var(--sidebar-fg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:4px;padding:16px 12px;overflow-x:hidden}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px 12px}.app-shell[data-collapsed=true] .sidebar-brand{flex-direction:column;gap:8px;padding:6px 4px 12px}.sidebar-brand .logo,.sidebar-brand .logo small{color:var(--sidebar-fg)}.sidebar-collapse{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--sidebar-border);color:var(--sidebar-muted);cursor:pointer;flex-shrink:0}.sidebar-collapse:hover{color:var(--sidebar-fg);background:var(--sidebar-surface)}.sidebar-section{display:flex;flex-direction:column;gap:2px;margin-top:10px}.sidebar-section-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sidebar-muted);padding:8px 10px 4px}.app-shell[data-collapsed=true] .sidebar-section-label{text-align:center;padding:8px 0 4px}.sidebar-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:9px 10px;border-radius:var(--radius-sm);border:0;background:transparent;color:var(--sidebar-muted);font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out;white-space:nowrap}.sidebar-item:hover{background:var(--sidebar-surface);color:var(--sidebar-fg)}.sidebar-item[data-active=true]{background:var(--sidebar-active-bg);color:var(--sidebar-active-fg)}.sidebar-item svg{flex-shrink:0}.sidebar-item .sidebar-label{overflow:hidden;text-overflow:ellipsis}.app-shell[data-collapsed=true] .sidebar-item{justify-content:center;padding:9px 0}.app-shell[data-collapsed=true] .sidebar-label,.app-shell[data-collapsed=true] .sidebar-plan,.app-shell[data-collapsed=true] .sidebar-brand .logo small{display:none}.sidebar-item-row{display:flex;align-items:center;gap:2px}.sidebar-item-row .sidebar-item{flex:1;min-width:0}.sidebar-item-new{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border-radius:var(--radius-sm);border:0;background:transparent;color:var(--sidebar-muted);cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}.sidebar-item-new:hover{background:var(--sidebar-surface);color:var(--sidebar-fg)}.app-shell[data-collapsed=true] .sidebar-item-new{display:none}.sidebar-spacer{flex:1}.sidebar-plan{margin:8px 4px 4px;padding:12px;border-radius:var(--radius-md);background:var(--sidebar-surface);border:1px solid var(--sidebar-border)}.sidebar-plan .plan-meter{height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden;margin:8px 0}.sidebar-plan .plan-meter>span{display:block;height:100%;background:var(--color-primary)}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;padding:12px 24px;background:color-mix(in srgb,var(--color-surface) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border)}.breadcrumb{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;color:var(--color-muted-foreground);flex-wrap:nowrap;overflow:hidden}.breadcrumb .crumb{color:var(--color-muted-foreground);background:none;border:0;font:inherit;cursor:pointer;padding:2px 4px;border-radius:6px;white-space:nowrap}.breadcrumb .crumb:hover{color:var(--color-foreground);background:var(--color-surface-hover)}.breadcrumb .crumb-current{color:var(--color-foreground);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.breadcrumb .crumb-sep{color:var(--color-border-strong);flex-shrink:0}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.credits-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground);font-size:13px;font-weight:600;cursor:pointer}.credits-badge:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.credits-badge svg{color:var(--color-primary)}.icon-pill{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted-foreground);cursor:pointer}.icon-pill:hover{color:var(--color-foreground);background:var(--color-surface-hover)}.user-menu-btn{display:inline-flex;align-items:center;gap:8px;padding:5px 8px 5px 5px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;color:var(--color-foreground)}.user-menu-btn:hover{background:var(--color-surface-hover)}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:var(--color-on-primary);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.user-menu-meta{display:flex;flex-direction:column;line-height:1.15;text-align:left}.user-menu-meta .u-name{font-size:13px;font-weight:600}.user-menu-meta .u-plan{font-size:11px;color:var(--color-muted-foreground)}.user-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:60;min-width:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);padding:8px;display:flex;flex-direction:column;gap:2px}.user-popover .menu-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;background:transparent;border-radius:var(--radius-sm);color:var(--color-foreground);font:inherit;font-size:14px;cursor:pointer;text-align:left}.user-popover .menu-row:hover{background:var(--color-surface-hover)}.user-popover .menu-sep{height:1px;background:var(--color-border);margin:6px 4px}.user-popover .menu-head{padding:8px 10px}.shell-main{min-width:0}.shell-scrim{display:none}.reassurance-bar{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:16px 24px;margin-top:24px;border-top:1px solid var(--color-border);background:var(--color-surface-2)}.reassurance-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--color-muted-foreground)}.reassurance-item svg{color:var(--color-primary);flex-shrink:0}.reassurance-item strong{color:var(--color-foreground);font-weight:600}.shell-menu-btn,.sidebar-close{display:none}@media (max-width: 900px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;left:0;top:0;z-index:80;width:min(84vw,300px);height:100dvh;padding-bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-100%);transition:transform .2s ease-out}.app-shell[data-drawer=true] .sidebar{transform:translate(0);box-shadow:var(--shadow-modal)}.app-shell[data-drawer=true] .shell-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:var(--overlay-scrim)}.app-shell[data-collapsed=true] .sidebar-label,.app-shell[data-collapsed=true] .sidebar-plan,.app-shell[data-collapsed=true] .sidebar-item-new,.app-shell[data-collapsed=true] .sidebar-brand .logo small{display:revert}.app-shell[data-collapsed=true] .sidebar-item{justify-content:flex-start;padding:9px 10px}.app-shell[data-collapsed=true] .sidebar-section-label{text-align:left;padding:10px 8px 4px}.app-shell[data-collapsed=true] .sidebar-brand{flex-direction:row;gap:8px;padding:6px 8px 12px}.sidebar-collapse{display:none}.sidebar-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--sidebar-border);color:var(--sidebar-muted);cursor:pointer;flex-shrink:0}.sidebar-close:hover{color:var(--sidebar-fg);background:var(--sidebar-surface)}.sidebar-item{min-height:44px}.sidebar-item-new{width:44px;height:44px}.shell-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-foreground);cursor:pointer;flex-shrink:0}}@media (max-width: 720px){.topbar{padding-left:16px;padding-right:16px;gap:10px}.credits-badge{padding:7px 10px;min-height:44px}.credits-badge span:not(.tabular){display:none}.user-menu-meta{display:none}.user-menu-btn{padding:5px;min-height:44px;min-width:44px;justify-content:center}.icon-pill{width:44px;height:44px}.breadcrumb .crumb:not(.crumb-current),.breadcrumb .crumb-sep{display:none}.breadcrumb .crumb-current{font-size:16px}}.studio-premium{color-scheme:dark;--font: "Inter", system-ui, sans-serif;--color-background: #08090b;--color-surface: #131318;--color-surface-2: #1a1a21;--color-surface-hover: #202028;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .18);--color-foreground: #f5f5f7;--color-muted-foreground: #97979f;--color-primary: #7c5cfc;--color-primary-hover: #9078ff;--color-on-primary: #ffffff;--color-primary-tint-weak: rgba(124, 92, 252, .08);--color-primary-tint: rgba(124, 92, 252, .18);--color-accent: #34d399;--color-on-accent: #052e1f;--color-accent-tint: rgba(52, 211, 153, .16);--color-warning: #fbbf24;--color-destructive: #f87171;--color-ring: #9078ff;--warning-bg: rgba(251, 191, 36, .12);--warning-border: rgba(251, 191, 36, .4);--warning-fg: #fbbf24;--error-bg: rgba(248, 113, 113, .12);--error-border: rgba(248, 113, 113, .4);--error-fg: #f87171;--info-bg: rgba(124, 92, 252, .14);--info-border: rgba(124, 92, 252, .4);--info-fg: #c3b4ff;--success-bg: rgba(52, 211, 153, .14);--success-border: rgba(52, 211, 153, .4);--success-fg: #4ade80;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .5), 0 1px 1px rgba(0, 0, 0, .4);--shadow-2: 0 12px 32px -8px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .4);--shadow-modal: 0 32px 80px rgba(0, 0, 0, .65);--glow-primary: 0 0 0 1px rgba(124, 92, 252, .5), 0 8px 28px -4px rgba(124, 92, 252, .55), 0 2px 10px rgba(124, 92, 252, .35);--glow-primary-soft: 0 0 0 1px rgba(124, 92, 252, .3), 0 4px 16px -2px rgba(124, 92, 252, .3);background:var(--color-background);color:var(--color-foreground);font-family:var(--font);min-height:100vh}.studio-premium h1,.studio-premium h2,.studio-premium h3{letter-spacing:-.02em}.studio-premium .screen-title{font-size:32px;font-weight:700;letter-spacing:-.025em}.studio-premium .btn-primary{background:linear-gradient(135deg,#6d4ce6,#5a35d9);box-shadow:var(--glow-primary);transition:transform .15s cubic-bezier(.22,1,.36,1),box-shadow .15s cubic-bezier(.22,1,.36,1),background .15s ease-out}.studio-premium .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7a5af0,#6740e0);box-shadow:0 0 0 1px #9078ff99,0 10px 32px -4px #7c5cfc99,0 3px 12px #7c5cfc66;transform:translateY(-1px)}.studio-premium .btn-primary:disabled{box-shadow:none}@media (prefers-reduced-motion: reduce){.studio-premium .btn-primary{transition:box-shadow .15s ease-out,background .15s ease-out}.studio-premium .btn-primary:hover:not(:disabled){transform:none}}.studio-premium .card{background:var(--color-surface);box-shadow:var(--shadow-1);position:relative}.studio-premium .card:before{content:"";position:absolute;top:0;left:var(--radius-md);right:var(--radius-md);height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);pointer-events:none}.studio-premium .input,.studio-premium textarea.input{background:var(--color-surface-2)}.studio-premium .input:focus{box-shadow:var(--glow-primary-soft)}.studio-premium .stepper-h{background:#131318b8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.studio-premium .step-h[data-state=active]{box-shadow:var(--glow-primary-soft)}@media (prefers-reduced-motion: no-preference){.studio-premium .step-h[data-state=active]{animation:studio-step-pulse 2.4s cubic-bezier(.45,0,.55,1) infinite}}@keyframes studio-step-pulse{0%,to{box-shadow:var(--glow-primary-soft)}50%{box-shadow:0 0 0 1px #9078ff73,0 6px 22px -2px #7c5cfc73}}.studio-premium .chip[data-selected=true]{box-shadow:0 0 0 1px #7c5cfc59}.studio-premium ::selection{background:#7c5cfc59;color:#fff}.studio-premium input,.studio-premium textarea{caret-color:var(--color-primary)}