:root{color-scheme:dark;--bg-app: #0a0c10;--bg-canvas: #07090d;--bg-sidebar: #0d0f14;--surface-card: #0e1116;--surface-inset: #0b0e13;--surface-menu: #12161e;--surface-raised: #161b24;--border-subtle: rgba(255, 255, 255, .07);--border-default: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .12);--text-title: #ffffff;--text-body: #e9ecf2;--text-secondary: #c9cfd8;--text-muted: #9aa3b2;--text-faint: #727b8b;--text-ghost: #4d5562;--accent: #4f8dff;--accent-deep: #3461ff;--accent-text: #a8c8ff;--accent-bg: rgba(79, 141, 255, .12);--accent-border: rgba(79, 141, 255, .3);--teal: #46e0d0;--teal-bg: rgba(70, 224, 208, .1);--teal-border: rgba(70, 224, 208, .3);--teal-on: #06121f;--like: #ff5b7f;--error: #ff7a85;--error-soft: #ff9aa3;--error-bg: rgba(255, 122, 133, .08);--error-border: rgba(255, 122, 133, .25);--purple-badge: rgba(168, 140, 255, .9);--gradient-brand: linear-gradient(135deg, #4f8dff, #46e0d0);--gradient-cta: linear-gradient(135deg, #4f8dff, #3461ff);--gradient-progress: linear-gradient(90deg, #4f8dff, #46e0d0);--gradient-text: linear-gradient(90deg, #4f8dff, #46e0d0);--fill-ghost: rgba(255, 255, 255, .04);--fill-soft: rgba(255, 255, 255, .05);--fill-hover: rgba(255, 255, 255, .08);--fill-track: rgba(255, 255, 255, .07);--radius-pill: 999px;--radius-input: 12px;--radius-item: 11px;--radius-btn: 13px;--radius-card: 16px;--radius-panel: 18px;--radius-modal: 22px;--radius-thumb: 11px;--shadow-cta: 0 16px 38px rgba(79, 141, 255, .32);--shadow-cta-modal: 0 14px 32px rgba(79, 141, 255, .3);--shadow-menu: 0 20px 50px rgba(0, 0, 0, .55);--shadow-modal: 0 40px 90px rgba(0, 0, 0, .6);--overlay-backdrop: rgba(4, 6, 10, .72);--ease-ui: .18s ease;--font-ui: "Onest", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tracking-tight: -.02em;--tracking-label: .18em;--tracking-nav: .16em;--bg: var(--bg-app);--surface: var(--surface-card);--surface-2: var(--surface-menu);--card: var(--surface-card);--input-bg: var(--surface-inset);--fg: var(--text-body);--muted: #8a93a3;--muted-2: var(--text-faint);--line: rgba(255, 255, 255, .08);--line-strong: var(--border-hover);--brand-blue: #4f8dff;--brand-blue-2: #3461ff;--brand-teal: #46e0d0;--deep-blue: var(--accent-deep);--blue: var(--accent);--danger: var(--error);--grad: var(--gradient-cta);--shadow-ambient: 0 10px 30px rgba(0, 0, 0, .3);--shadow-lift: var(--shadow-menu);--r-pill: 999px;--r-card: var(--radius-card);--r-card-lg: var(--radius-modal);--r-sm: var(--radius-input)}:root[data-theme=light]{color-scheme:light;--bg-app: #f4f6fa;--bg-canvas: #ffffff;--bg-sidebar: #ffffff;--surface-card: #ffffff;--surface-inset: #f1f4f9;--surface-menu: #ffffff;--surface-raised: #eef1f6;--border-subtle: rgba(12, 20, 34, .07);--border-default: rgba(12, 20, 34, .1);--border-strong: rgba(12, 20, 34, .13);--border-hover: rgba(12, 20, 34, .18);--text-title: #0b1220;--text-body: #1c2431;--text-secondary: #3b4552;--text-muted: #5a6472;--text-faint: #7a8493;--text-ghost: #aab2bf;--accent-text: #2456d6;--accent-bg: rgba(79, 141, 255, .12);--accent-border: rgba(79, 141, 255, .35);--teal-bg: rgba(70, 224, 208, .16);--teal-border: rgba(16, 170, 152, .38);--error: #d64550;--error-soft: #c23b46;--error-bg: rgba(214, 69, 80, .09);--error-border: rgba(214, 69, 80, .28);--fill-ghost: rgba(12, 20, 34, .03);--fill-soft: rgba(12, 20, 34, .05);--fill-hover: rgba(12, 20, 34, .08);--fill-track: rgba(12, 20, 34, .08);--shadow-cta: 0 16px 38px rgba(79, 141, 255, .25);--shadow-cta-modal: 0 14px 32px rgba(79, 141, 255, .22);--shadow-menu: 0 20px 50px rgba(20, 30, 50, .16);--shadow-modal: 0 40px 90px rgba(20, 30, 50, .22);--overlay-backdrop: rgba(20, 28, 45, .42)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 var(--font-ui);background:var(--bg-app);color:var(--text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent-text);text-decoration:none}.muted{color:var(--muted)}.err{color:var(--danger)}.grad-text{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.glow-card{position:relative;background:var(--surface-2);border-radius:var(--r-card);box-shadow:var(--shadow-ambient)}.glow-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:var(--grad);opacity:.55;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:6px 14px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--fill-ghost);color:var(--fg);text-decoration:none;white-space:nowrap}.chip{display:inline-flex;align-items:center;font-size:13px;font-weight:500;padding:8px 16px;border-radius:var(--r-pill);border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}.chip:hover{background:var(--border-subtle);color:var(--fg);border-color:var(--line-strong);transform:translateY(-1px)}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--fg);border-radius:var(--r-pill);padding:11px 22px;font-weight:600;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}button:disabled{opacity:.5;cursor:default}.btn-grad{border:0;color:#fff;font-weight:700;letter-spacing:-.01em;border-radius:var(--radius-btn);background:var(--gradient-cta);box-shadow:var(--shadow-cta)}.btn-grad:not(:disabled):hover{filter:brightness(1.06)}.btn-ghost{background:var(--fill-ghost);border:1px solid var(--border-hover);color:var(--text-body);border-radius:var(--radius-btn);font-weight:700}.btn-ghost:not(:disabled):hover{border-color:var(--border-hover);background:var(--fill-hover)}.btn-block{width:100%}.row{display:flex;gap:12px;align-items:center}textarea,input[type=text],input[type=email],input[type=password]{width:100%;background:var(--input-bg);color:var(--fg);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;font:inherit;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}textarea::placeholder,input::placeholder{color:var(--muted)}textarea:focus,input:focus{outline:none;border-color:var(--deep-blue);box-shadow:0 0 0 3px #4f3ce44d}.label{margin:16px 0 8px;font-size:13px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}header{position:relative;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--line);background:#080a0cb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}header h1{margin:0;font-size:19px;font-weight:800;letter-spacing:-.01em}.brand{font-size:19px;font-weight:800;letter-spacing:-.01em;text-decoration:none}main{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:24px 24px 96px}.hero{text-align:center;padding:64px 0 40px}.hero .eyebrow{margin-bottom:18px}.hero h1{margin:0 auto 18px;max-width:14ch;font-size:clamp(36px,6vw,64px);font-weight:800;line-height:1.05;letter-spacing:-.02em}.hero .subhead{margin:0 auto;max-width:52ch;font-size:18px;color:var(--muted)}.hero-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:32px}body{overflow-x:clip}.hero--video{position:relative;left:50%;width:100vw;margin-left:-50vw;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100svh;padding:96px 24px 72px}.hero-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--bg-canvas)}.hero-video-el{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:1;transition:opacity .2s ease}.hero-video-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(80% 70% at 50% 45%,rgba(7,9,13,.25),rgba(7,9,13,.78) 78%,var(--bg-canvas) 100%)}.hero--video .hero-content{position:relative;z-index:1;max-width:720px;margin:0 auto}@media (prefers-reduced-motion: reduce){.hero-video-el{display:none}}.landing{position:relative;background:var(--bg-canvas);--header-h: 70px}.landing>header{position:sticky;top:0;z-index:100;height:var(--header-h);background:transparent;border-bottom:1px solid transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.landing--scrolled>header{background:#0a0c12b8;border-bottom-color:var(--fill-hover);box-shadow:0 8px 24px #0000004d}.landing>main{max-width:1200px;margin-top:calc(-1 * var(--header-h));padding:0 40px 40px}@media (max-width: 560px){.landing>main{padding:0 20px 32px}}.landing .hero--video{padding-top:calc(var(--header-h) + 54px)}.landing .hero-content{display:flex;flex-direction:column;align-items:center;text-align:center}.landing .hero-content h1{margin:0 0 30px;max-width:16ch;font-size:clamp(44px,7vw,84px);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--text-title)}.landing .hero-content .subhead{margin:0 0 44px;max-width:720px;font-size:clamp(16px,2vw,19px);font-weight:500;line-height:1.65;color:var(--text-muted)}.landing .hero-cta{margin-top:0}.landing .hero-cta .btn-grad{height:58px;padding:0 44px;font-size:17px;display:inline-flex;align-items:center;gap:10px;box-shadow:0 18px 44px #4f8dff59}.landing .hero-cta .btn-ghost{height:58px;padding:0 32px;font-size:16px}.hero--video .hero-content h1{color:#fff}.hero--video .hero-content .subhead{color:#ffffffeb}.hero--video .hero-models-label{color:#fffc}.hero--video .model-pill{color:#fff}.hero-models{margin-top:64px;display:flex;flex-direction:column;align-items:center;gap:18px}.hero-models-label{font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--text-faint)}.hero-models-list{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.model-pill{padding:10px 20px;background:var(--fill-ghost);border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-size:14px;font-weight:700;color:var(--text-secondary)}.ways-intro{text-align:center;margin-top:130px}.ways-intro h2{margin:0 0 14px;font-size:clamp(30px,4vw,40px);font-weight:800;letter-spacing:-.02em;color:var(--text-title)}.ways-intro p{margin:0 auto;max-width:600px;font-size:17px;font-weight:500;line-height:1.6;color:var(--text-muted)}.way-row{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;margin-top:88px}@media (min-width: 860px){.way-row{grid-template-columns:1fr 1fr;gap:64px;margin-top:110px}.way-row.reverse .way-preview{order:-1}}.way-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;margin-bottom:22px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:700}.way-badge.blue{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent-text)}.way-badge.teal{background:#46e0d014;border:1px solid rgba(70,224,208,.28);color:var(--teal)}.way-badge.purple{background:#7a5cd61f;border:1px solid rgba(122,92,214,.35);color:#c3b0f5}.way-copy h3{margin:0 0 14px;font-size:clamp(26px,3vw,32px);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--text-title)}.way-copy>p{margin:0 0 26px;font-size:16px;font-weight:500;line-height:1.65;color:var(--text-muted)}.way-points{display:flex;flex-direction:column;gap:12px}.way-point{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:500;color:var(--text-secondary)}.way-point svg{flex:none;color:var(--teal)}.way-preview{aspect-ratio:16 / 10;border-radius:20px;border:1px solid var(--border-subtle);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff6}.way-preview.video{background:linear-gradient(155deg,#1f7a5c,#0c2a22)}.way-preview.image{background:linear-gradient(155deg,#2f6fd0,#0f2236)}.way-preview.motion{background:linear-gradient(155deg,#7a5cd6,#1b1440)}.way-preview .play-badge{width:56px;height:56px;border-radius:50%;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff}.landing-final{display:flex;flex-direction:column;align-items:center;gap:36px;margin-top:150px;padding-bottom:40px;text-align:center}.landing-final h2{margin:0;font-size:clamp(34px,5vw,52px);font-weight:800;letter-spacing:-.03em;color:var(--text-title)}.landing-final .btn-grad{height:56px;padding:0 38px;font-size:16px;box-shadow:0 18px 44px #4f8dff59}.site-footer{position:relative;z-index:1;border-top:1px solid var(--border-subtle);padding:28px 24px;text-align:center;font-size:13px}.site-footer-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-bottom:12px}.site-footer-legal a{text-decoration:none}.site-footer-legal a:hover{text-decoration:underline}.auth-consent{display:flex;align-items:flex-start;gap:8px;margin:10px 0 2px;text-align:left;font-size:13px;line-height:1.4;cursor:pointer}.auth-consent input[type=checkbox]{margin-top:2px;flex:0 0 auto}.auth-consent a{text-decoration:underline}.billing-legal{margin-top:16px;text-align:center;font-size:12px}.billing-legal a{text-decoration:underline}.auth-wrap{display:flex;justify-content:center;padding-top:56px}.auth-card{width:100%;max-width:420px;padding:34px;text-align:center}.auth-brand{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;margin-bottom:12px}.auth-card .product{font-size:26px;font-weight:800;letter-spacing:var(--tracking-tight);color:var(--text-title);margin:0 0 8px}.auth-card .tagline{margin:0 0 24px;color:var(--muted);font-size:14px}.auth-card form{text-align:left}.auth-card .label:first-of-type{margin-top:0}.auth-actions{display:flex;flex-direction:column;gap:10px;margin-top:22px}.auth-error{display:block;margin-top:4px;text-align:center;font-size:14px}.feedback-card{width:100%;max-width:460px;padding:34px;text-align:center}.feedback-card .product{font-size:24px;font-weight:800;letter-spacing:var(--tracking-tight);color:var(--text-title);margin:0 0 8px}.feedback-card .tagline{margin:0 0 24px;color:var(--muted);font-size:14px}.feedback-card form{text-align:left}.feedback-card .label:first-of-type{margin-top:0}.feedback-textarea{min-height:120px}.feedback-sent{color:var(--text-body);font-size:15px;margin:4px 0 8px}.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0 16px;color:var(--muted);font-size:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.oauth-row{display:flex;gap:12px}.oauth-row{flex-wrap:wrap}.oauth-row a{flex:1 1 28%;min-width:90px}.oauth-row a button{width:100%}.password-field{position:relative}.password-field input{width:100%;padding-right:44px}.password-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.password-toggle:hover{color:var(--fg);background:var(--border-subtle)}.auth-switch{margin-top:20px;text-align:center;font-size:14px}.link-btn{background:none;border:none;padding:0;cursor:pointer;font:inherit;color:var(--accent, #7c5cff);text-decoration:underline}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#080810a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-dialog{position:relative;width:100%;max-width:420px;max-height:calc(100vh - 40px);overflow-y:auto;border-radius:var(--r-card-lg, 18px);border:1px solid var(--line, var(--fill-hover));background:var(--card, #14141f);box-shadow:0 24px 80px #0000008c}.modal-dialog .auth-card{max-width:none;width:auto}.modal-close{position:absolute;top:10px;right:12px;z-index:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--muted, #9aa0b4);font-size:22px;line-height:1;cursor:pointer}.modal-close:hover{background:var(--border-subtle);color:#fff}.modal-dialog.billing-modal{max-width:760px}.billing{padding:26px 28px 28px}.billing-title{margin:0;font-size:22px;font-weight:700;color:var(--text-title)}.billing-subtitle{margin:8px 0 0;font-size:14px;color:var(--text-muted)}.billing-balance{margin:10px 0 0;font-size:13.5px;color:var(--text-secondary)}.billing-balance strong{color:var(--accent-text)}.billing-loading{margin:22px 0;color:var(--text-muted);font-size:14px}.package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}@media (min-width: 620px){.package-grid{grid-template-columns:repeat(4,1fr)}}.package-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 14px 14px;border-radius:14px;border:1px solid var(--line);background:var(--bg-app)}.package-card.best{border-color:var(--accent-border);box-shadow:0 0 0 1px var(--accent-border) inset}.package-badge{position:absolute;top:10px;right:10px;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:700;color:#fff;background:var(--gradient-cta, var(--accent))}.package-best{font-size:11px;font-weight:600;color:var(--accent-text);text-transform:uppercase;letter-spacing:.02em}.package-tokens{font-size:19px;font-weight:700;color:var(--text-title);margin-top:6px}.package-rub{font-size:13px;color:var(--text-muted);margin-bottom:12px}.package-buy{margin-top:auto;height:40px;font-size:14px;cursor:pointer}.package-buy:disabled{opacity:.6;cursor:default}.billing-error{margin:16px 0 0;font-size:13px;color:#ff9aa3}.billing-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:60;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;color:var(--text-body);background:var(--card, #14141f);border:1px solid var(--line);box-shadow:0 14px 40px #00000080}.billing-toast.success{color:#fff;background:var(--gradient-cta, var(--accent));border-color:transparent;cursor:pointer}#root{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;min-height:0;width:100%;max-width:1380px;margin-inline:auto;align-self:center;display:flex;padding:20px 22px 22px}.app-grid{flex:1;min-height:0;width:100%;display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:22px;align-items:stretch}.col-form{align-self:start}.col-work{display:flex;flex-direction:column;gap:18px;min-width:0;min-height:0}.col-work .work-panel{flex:1;min-height:0}.col-work .templates-row{flex-shrink:0}.generator-card{padding:18px;display:flex;flex-direction:column;gap:16px}.gen-section{display:flex;flex-direction:column;gap:8px}.gen-label{margin:0;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.small{font-size:12px}.model-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--input-bg)}.model-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.grad-bg{background:var(--gradient-brand);color:var(--teal-on)}.model-meta{display:flex;flex-direction:column;flex:1;min-width:0}.model-meta strong{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cost-badge{white-space:nowrap;font-size:12px}.prompt-wrap{position:relative}.gen-prompt{width:100%;min-height:104px;padding-bottom:28px}.prompt-count{position:absolute;right:12px;bottom:10px;pointer-events:none}.ref-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ref-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 8px;border:1px solid var(--line);border-radius:12px;background:var(--input-bg);color:var(--muted);cursor:pointer;text-align:center}.ref-tile .ref-icon{display:flex;color:var(--muted)}.ref-name{font-size:12px}.ref-tile:hover:not(:disabled){border-color:var(--line-strong);color:var(--fg)}.ref-tile.active{border-color:#6a5cff;background:#6a5cff1f;color:var(--fg)}.ref-tile.active .ref-icon{color:#9b8cff}.ref-tile.soon{opacity:.45;cursor:not-allowed}.motion-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.motion-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:150px;padding:22px 14px;border:1px dashed var(--line-strong);border-radius:14px;background:var(--input-bg);color:var(--muted);cursor:pointer;text-align:center;transition:border-color .15s,background .15s,color .15s}.motion-tile:hover{border-color:#6a5cff;color:var(--fg)}.motion-tile.active{border-style:solid;border-color:#6a5cff;background:#6a5cff1f;color:var(--fg)}.motion-icon{display:flex;color:var(--muted)}.motion-tile:hover .motion-icon,.motion-tile.active .motion-icon{color:#9b8cff}.motion-title{font-size:13px;line-height:1.35;max-width:14em}.motion-file{font-size:11px;color:#9b8cff;word-break:break-all;max-width:100%}.orient-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.orient-opt{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);font-size:12px;text-align:left;cursor:pointer}.orient-opt:hover{border-color:var(--line-strong);color:var(--fg)}.orient-opt.on{border-color:#6a5cff;color:var(--fg)}.orient-dot{flex:0 0 auto;width:16px;height:16px;border-radius:50%;border:2px solid var(--line-strong);position:relative}.orient-opt.on .orient-dot{border-color:#6a5cff}.orient-opt.on .orient-dot:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:#6a5cff}.motion-help{margin-top:10px;line-height:1.5}.motion-help a{color:#9b8cff;text-decoration:underline}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.setting{display:flex;flex-direction:column;gap:6px}.setting select{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:var(--input-bg);color:var(--fg);font:inherit;cursor:pointer}.switch-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--input-bg);color:var(--fg);font:inherit;cursor:pointer}.switch{position:relative;width:40px;height:22px;border-radius:999px;background:var(--line-strong);flex-shrink:0;transition:background .15s ease}.switch.on{background:#6a5cff}.switch-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s ease}.switch.on .switch-knob{left:20px}.gen-footer{display:flex;flex-direction:column;gap:10px}.submit-msg{font-size:13px}.btn-generate{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border:none;border-radius:14px;color:#fff;font:inherit;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#4f5bd5,#7b5cff);box-shadow:0 8px 24px #5b4cff59}.btn-generate:disabled{opacity:.6;cursor:default;box-shadow:none}.work-panel{display:flex;flex-direction:column;gap:14px}.work-head{display:flex;align-items:center;justify-content:space-between}.work-head h2{margin:0;font-size:26px;font-weight:800}.pill.ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}.preview-panel{position:relative;display:flex;flex-direction:column;flex:1;min-height:320px;border:1px solid var(--line);border-radius:var(--r-card);background:radial-gradient(120% 120% at 50% 0%,rgba(79,91,213,.08),transparent 60%),var(--surface);overflow:hidden}.preview-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-size:12px;letter-spacing:.04em;color:var(--muted)}.rec{display:inline-flex;align-items:center;gap:8px}.rec-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 8px var(--danger)}.preview-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 24px 64px;text-align:center}.preview-empty h3{margin:6px 0 0;font-size:20px;font-weight:800}.preview-empty p{margin:0}.play-btn{display:flex;align-items:center;justify-content:center;width:78px;height:78px;border-radius:50%;color:#fff;background:var(--border-subtle);border:1px solid var(--line-strong)}.job-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding:16px;flex:1;min-height:0;align-content:start;overflow-y:auto}.jobs-feed{display:flex;flex-direction:column;gap:13px;flex:1;min-height:0;padding:14px;overflow-y:auto}.job-row{display:flex;gap:16px;padding:15px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:16px}.job-thumb{position:relative;flex:none;width:134px;height:76px;border-radius:11px;overflow:hidden;border:1px solid var(--border-subtle);background:#10202e;display:flex;align-items:center;justify-content:center}.job-thumb video,.job-thumb img{width:100%;height:100%;object-fit:cover;display:block}.image-modal-gallery{display:flex;flex-direction:column;gap:2px;max-height:82vh;overflow-y:auto;background:#000}.image-modal-gallery a{display:block}.image-modal-view{display:block;max-width:min(920px,92vw);max-height:80vh;width:auto;height:auto;background:#000}.thumb-count{position:absolute;right:6px;bottom:6px;padding:2px 7px;border-radius:var(--radius-pill);background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:11px;font-weight:700}.count-stepper{display:flex;align-items:center;justify-content:space-between;gap:6px;max-width:160px;padding:6px;background:var(--surface-inset);border:1px solid var(--border-strong);border-radius:var(--radius-item)}.count-btn{width:32px;height:32px;padding:0;border:none;border-radius:8px;background:var(--fill-soft);color:var(--text-secondary);font-size:16px;font-weight:700;cursor:pointer}.count-btn:not(:disabled):hover{background:var(--fill-hover)}.count-value{min-width:24px;text-align:center;font-size:14px;font-weight:700;color:var(--text-title)}.job-thumb-failed{background:var(--surface-inset);border-color:#ff7a8538;color:#ff7a85}.thumb-badge{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:32px;height:32px;border-radius:50%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none}.thumb-spinner{width:26px;height:26px;border-radius:50%;border:2.5px solid rgba(255,255,255,.25);border-top-color:#fff;animation:job-spin .9s linear infinite}@keyframes job-spin{to{transform:rotate(360deg)}}.job-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.job-row-head{display:flex;align-items:center;gap:9px}.job-row .job-id{font-size:14px;font-weight:700;color:var(--text-title)}.job-kind-pill{padding:3px 9px;border-radius:var(--r-pill);background:var(--fill-soft);border:1px solid var(--border-default);font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap}.status-pill{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--r-pill);font-size:11px;font-weight:700;white-space:nowrap;border:1px solid transparent}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.status-done{color:#46e0d0;background:#46e0d01a;border-color:#46e0d04d}.status-pill.status-queued,.status-pill.status-running{color:var(--accent-text);background:#4f8dff1f;border-color:#4f8dff4d}.status-pill.status-queued .status-dot,.status-pill.status-running .status-dot{background:#4f8dff;animation:job-pulse 1.4s ease-in-out infinite}.status-pill.status-failed{color:#ff7a85;background:#ff7a851a;border-color:#ff7a8547}@keyframes job-pulse{0%,to{opacity:.5}50%{opacity:1}}.job-row .job-prompt{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.job-row-foot{margin-top:auto;display:flex;align-items:center}.download-btn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:9px;background:#4f8dff1f;border:1px solid rgba(79,141,255,.3);font-size:12px;font-weight:700;color:var(--accent-text);text-decoration:none;transition:background .15s ease}.download-btn:hover{background:#4f8dff33}.job-progress{flex:1;height:6px;border-radius:var(--r-pill);background:var(--border-subtle);overflow:hidden}.job-progress span{display:block;width:40%;height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,#4f8dff,#46e0d0);animation:job-indeterminate 1.3s ease-in-out infinite}@keyframes job-indeterminate{0%{transform:translate(-120%)}to{transform:translate(320%)}}.job-error-box{flex:1;display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-radius:10px;background:#ff7a8512;border:1px solid rgba(255,122,133,.18);color:#ff9aa3;font-size:12.5px;line-height:1.45}.job-error-box svg{flex:none;margin-top:1px;color:#ff7a85}.templates-row{display:flex;flex-direction:column;gap:12px}.templates-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.col-title{margin:0;font-size:18px;font-weight:800}.templates-track{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.template-card{position:relative;flex:0 0 230px;aspect-ratio:16 / 10;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;color:#fff;text-align:left;background-image:linear-gradient(150deg,var(--poster, #333),rgba(0,0,0,.55))}.template-card:hover,.template-card:focus-visible{border-color:#6a5cff;outline:none}.template-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1}.template-title{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;font-size:13px;font-weight:600;background:linear-gradient(to top,rgba(0,0,0,.82),transparent)}.portrait-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.portrait-tabs{display:flex;gap:4px;padding:4px;background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-pill)}.portrait-tab{padding:7px 16px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);font-size:13.5px;font-weight:600;cursor:pointer}.portrait-tab:hover{color:var(--text-body)}.portrait-tab.active{background:var(--accent);color:#fff}.portrait-filter{display:flex;gap:6px}.portrait-chip{padding:7px 14px;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer}.portrait-chip:hover{border-color:var(--border-hover);color:var(--text-body)}.portrait-chip.active{background:var(--teal-bg);border-color:var(--teal-border);color:var(--teal)}.portrait-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.portrait-card{position:relative;padding:0;aspect-ratio:3 / 4;border:1px solid var(--border-default);border-radius:var(--radius-card);overflow:hidden;cursor:pointer;color:#fff;text-align:left;background:var(--surface-inset)}.portrait-card:hover,.portrait-card:focus-visible{border-color:var(--accent);outline:none}.portrait-media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background-size:cover;background-position:center}.portrait-img{width:100%;height:100%;object-fit:cover}.portrait-like{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:var(--radius-pill);background:#00000080;color:#fff;font-size:12px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.portrait-like:hover{background:#000000a8}.portrait-like.liked{color:var(--like)}.portrait-like-count{line-height:1}.portrait-title{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 9px;font-size:13px;font-weight:600;background:linear-gradient(to top,rgba(0,0,0,.85),transparent)}.portrait-empty{color:var(--text-muted);padding:32px 0}.portrait-picked{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px 14px;border:1px solid var(--teal-border);background:var(--teal-bg);border-radius:var(--radius-input)}.portrait-picked-label{font-size:13.5px;font-weight:600;color:var(--text-body)}.portrait-picked-clear{border:0;background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer}.portrait-picked-clear:hover{color:var(--text-body)}.brand{display:flex;align-items:center;gap:9px}.brand-mark{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff}.credits-pill{display:inline-flex;align-items:center;gap:6px}.credits-star{color:#ffd14a}.user-menu{position:relative}.user-chip{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border:1px solid var(--line);border-radius:999px;background:var(--input-bg);color:var(--fg);cursor:pointer;font:inherit}.user-chip:hover{border-color:var(--line-strong)}.avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f5bd5,#7b5cff);color:#fff;font-weight:700;font-size:13px}.user-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.chevron{color:var(--muted);font-size:12px}.user-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:160px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:var(--shadow-lift);z-index:50}.dropdown-item{width:100%;text-align:left;padding:10px 12px;border:none;background:transparent;color:var(--fg);border-radius:8px;cursor:pointer;font:inherit}.dropdown-item:hover{background:var(--border-subtle)}@media (max-width: 980px){.app-grid{grid-template-columns:1fr}.col-form{position:static}.user-name{display:none}}header{padding-inline:max(28px,calc((100vw - 1380px)/2))}.brand .grad-text{background:none;-webkit-text-fill-color:currentColor;color:var(--fg)}.brand-mark{background:linear-gradient(135deg,#2bd4c4,#4f8bff)}.generator-card,.preview-panel{background:#0f1219;border:1px solid var(--border-subtle);box-shadow:0 16px 40px #00000080}.preview-panel{background:radial-gradient(120% 120% at 50% 0%,rgba(91,108,255,.1),transparent 55%),#0f1219}.model-row,.ref-tile,.setting select,.switch-row,.gen-prompt{background:var(--surface-raised);border-color:var(--border-subtle)}.template-card{box-shadow:0 10px 26px #00000073}.credits-pill,.user-chip{background:#14181f;box-shadow:var(--shadow-ambient)}.col-form{align-self:stretch}.generator-card{height:100%}.gen-footer{margin-top:auto}body:before{background:radial-gradient(50% 40% at 50% 0%,rgba(79,141,255,.1),transparent 70%)}header{height:70px;padding:0;padding-inline:max(30px,calc((100vw - 1440px)/2));background:#0a0c10b3}.app-main{max-width:1440px;padding:26px 30px 30px}.app-grid{grid-template-columns:410px minmax(0,1fr);gap:26px}.brand-mark{width:31px;height:31px;border-radius:9px;background:linear-gradient(135deg,#4f8dff,#46e0d0);color:var(--teal-on)}.brand .grad-text{background:none;-webkit-text-fill-color:#fff;color:#fff;font-weight:700;font-size:22px;letter-spacing:-.02em}.credits-pill{background:#4f8dff1a;border:1px solid rgba(79,141,255,.28);color:var(--accent-text);font-weight:700;font-size:13px;box-shadow:none}.credits-star{color:var(--accent-text)}.user-chip{background:var(--fill-ghost);border:1px solid var(--border-strong);box-shadow:none}.avatar{background:linear-gradient(135deg,#4f8dff,#46e0d0);color:var(--teal-on)}.generator-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:none;padding:22px;gap:19px}.gen-label{font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--muted-2)}.model-row{background:linear-gradient(135deg,#4f8dff21,#46e0d00d);border:1px solid rgba(79,141,255,.22);border-radius:15px;padding:14px}.model-icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#4f8dff,#3461ff);box-shadow:0 6px 18px #4f8dff66}.model-meta strong{font-size:17px;color:var(--text-title)}.cost-badge{background:var(--border-subtle);border:1px solid var(--border-strong);color:var(--accent-text);font-weight:700;font-size:11px}.gen-prompt{background:var(--surface-inset);border:1px solid var(--fill-hover);border-radius:14px;min-height:120px;color:var(--text-body)}.prompt-count{color:var(--text-ghost);font-weight:600}.ref-grid{gap:11px}.ref-tile{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;padding:13px;background:var(--surface-inset);border:1px solid var(--fill-hover);border-radius:12px;color:var(--muted-2)}.ref-tile .ref-icon{color:currentColor}.ref-name{font-size:12px;font-weight:600}.ref-tile:hover:not(:disabled){border-color:#4f8dff66;color:var(--accent-text)}.ref-tile.active{background:#4f8dff1a;border-color:#4f8dff73;color:#fff}.ref-tile.soon{opacity:.5}.settings-grid{gap:13px 14px}.setting select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--surface-inset) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23727b8b' stroke-width='2.2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid var(--border-strong);border-radius:11px;padding:10px 30px 10px 12px;font-weight:600;font-size:13px;color:var(--text-body)}.switch-row{background:var(--surface-inset);border:1px solid var(--border-strong);border-radius:11px;padding:12px 14px;font-weight:600;font-size:14px;color:var(--muted-2)}.switch{width:34px;height:20px;background:var(--border-hover)}.switch-knob{width:16px;height:16px;background:var(--muted-2)}.switch.on{background:#4f8dff8c}.switch.on .switch-knob{background:#fff;left:16px}.btn-generate{height:56px;border-radius:15px;background:linear-gradient(135deg,#4f8dff,#3461ff);font-weight:700;font-size:16px;letter-spacing:-.01em;box-shadow:0 16px 38px #4f8dff52}.work-head h2{font-weight:700;color:var(--text-title);letter-spacing:-.02em}.pill.ghost{background:var(--fill-soft);border:1px solid var(--border-default);color:var(--muted);font-weight:600;font-size:13px}.preview-panel{background:radial-gradient(60% 60% at 50% 35%,rgba(79,141,255,.07),transparent 70%),var(--surface-card);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:none}.play-btn{width:92px;height:92px;background:#4f8dff1a;border:1px solid rgba(79,141,255,.3);color:#a8c8ff}.preview-empty h3{font-weight:700;color:var(--text-title)}.preview-empty p{color:var(--muted)}.col-title{font-size:17px;font-weight:700;color:var(--text-title)}.template-card{border-radius:13px;border:1px solid var(--border-subtle);box-shadow:none}.template-title{font-weight:700;font-size:12px;text-shadow:0 2px 8px rgba(0,0,0,.6);background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.setting.soon{opacity:.55}.setting.soon select,.setting.soon .switch-row{cursor:not-allowed}.soon-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;background:var(--fill-hover);border:1px solid var(--line);color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.04em;vertical-align:middle}.modal-dialog.modal-video{max-width:min(920px,92vw);overflow:hidden}.video-modal{display:flex;flex-direction:column}.video-modal-player{width:100%;max-height:80vh;display:block;background:#000}.video-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.video-modal-title{font-weight:700;color:var(--text-title)}.video-modal-actions{display:flex;gap:10px}.job-thumb-clickable{cursor:pointer}.model-select-wrap{position:relative}.model-trigger{width:100%;font:inherit;text-align:left;cursor:pointer}.model-trigger.open{border-color:#4f8dff8c}.model-name{display:block;font-size:15px;font-weight:700;color:var(--text-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-caret{display:flex;flex-shrink:0;color:var(--text-faint, var(--text-faint));transition:transform .18s ease}.model-trigger.open .model-caret{transform:rotate(180deg)}.model-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:none;background:transparent;cursor:default}.model-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:41;margin:0;padding:6px;list-style:none;display:flex;flex-direction:column;gap:4px;background:var(--surface-menu, var(--surface-menu));border:1px solid var(--border-strong);border-radius:16px;box-shadow:var(--shadow-menu, 0 20px 50px rgba(0, 0, 0, .55));max-height:340px;overflow-y:auto}.model-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text-body, var(--text-body));font:inherit;text-align:left;cursor:pointer}.model-option:hover{background:var(--fill-soft)}.model-option.selected{background:#4f8dff1f;border-color:#4f8dff4d}.model-check{display:flex;flex-shrink:0;color:var(--accent, #4f8dff)}.app-shell{flex:1;display:flex;width:100%;min-height:100vh}.sidebar{flex:none;width:252px;align-self:flex-start;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;padding:22px 14px 18px;background:var(--bg-sidebar);border-right:1px solid var(--border-subtle)}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 10px 26px;color:var(--text-title);font-size:21px;font-weight:800;letter-spacing:.02em;text-decoration:none}.sidebar-brand .brand-mark{width:34px;height:34px;border-radius:10px}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.nav-group{margin:0;padding:0 10px 10px;font-size:10px;font-weight:700;letter-spacing:var(--tracking-nav);color:var(--text-faint)}.nav-group:not(:first-child){padding-top:16px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:1px solid transparent;border-radius:var(--radius-item);background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;text-align:left;cursor:pointer}.nav-item:not(.active):not(.soon):hover{background:var(--fill-soft);color:var(--text-body)}.nav-item.active{background:var(--accent-bg);border-color:#4f8dff40;color:#fff}.nav-item.soon{cursor:not-allowed;opacity:.5}.nav-icon{display:flex;flex:none}.nav-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-soon{padding:1px 7px;border-radius:var(--radius-pill);background:var(--fill-hover);border:1px solid var(--border-strong);color:var(--text-faint);font-size:9px;font-weight:700;letter-spacing:.04em}.nav-badge{margin-left:auto;padding:1px 8px;border-radius:var(--radius-pill);background:#46e0d0e6;color:var(--teal-on);font-size:12px;font-weight:700}.nav-divider{height:1px;margin:10px;background:var(--border-subtle)}.sidebar-foot{margin-top:auto;padding-top:14px}.account{position:relative}.account-chip{display:flex;align-items:center;gap:11px;width:100%;padding:12px;border:1px solid var(--border-hover);border-radius:14px;background:var(--fill-ghost);color:var(--text-body);cursor:pointer;text-align:left}.account-chip:hover{background:var(--fill-hover)}.account-avatar{width:34px;height:34px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.account-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.account-name{font-size:13.5px;font-weight:700;color:var(--text-title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-credits{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--accent-text)}.account-caret{flex:none;color:var(--muted);display:flex;transition:transform var(--ease-ui)}.account-caret.up{transform:rotate(180deg)}.account-menu{position:absolute;left:0;right:0;bottom:calc(100% + 8px);padding:7px;border-radius:14px;background:var(--surface-menu);border:1px solid var(--border-strong);box-shadow:var(--shadow-menu);z-index:30}.account-menu-head{padding:9px 12px 12px;border-bottom:1px solid var(--border-subtle);margin-bottom:6px}.account-menu-name{font-size:14px;font-weight:600;color:var(--text-title)}.account-menu-email{margin-top:2px;font-size:12px;color:var(--muted)}.account-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:9px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;text-align:left;cursor:pointer}.account-menu-item:hover{background:var(--fill-soft)}.account-menu-item.danger{color:var(--error)}.account-menu-item.danger:hover{background:#ff7a8514}.account-guest{display:flex;flex-direction:column;gap:9px;padding:14px;border:1px solid var(--border-hover);border-radius:14px;background:var(--fill-ghost)}.account-guest-hint{margin:0 0 3px;font-size:12.5px;line-height:1.4;color:var(--text-muted)}.account-guest .btn-block{padding:11px;font-size:14px}.app-content{flex:1;min-width:0;max-width:1400px;padding:34px;display:flex;flex-direction:column;gap:24px}.app-page-head{max-width:1050px}.app-page-title-row{display:flex;align-items:center;gap:14px}.app-page-head h1{margin:0;font-size:26px;font-weight:800;line-height:1.2;letter-spacing:var(--tracking-tight);color:var(--text-title)}.app-page-desc{margin:12px 0 0;font-size:15.5px;font-weight:500;line-height:1.6;color:var(--text-muted)}.gen-layout{display:grid;grid-template-columns:375px minmax(0,1fr);gap:28px;align-items:start}.gen-col{min-width:0;position:sticky;top:24px;align-self:start;max-height:calc(100vh - 48px);overflow-y:auto}.gen-col .generator-card{height:auto}.templates-col{min-width:0}.templates-col .templates-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;overflow:visible;padding-bottom:0}.templates-col .template-card{flex:none;width:auto;aspect-ratio:16 / 11}.jobs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:320px;padding:48px 24px;border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:radial-gradient(60% 60% at 50% 35%,rgba(79,141,255,.07),transparent 70%),var(--surface-card);text-align:center}.jobs-empty-icon{display:flex;align-items:center;justify-content:center;width:92px;height:92px;border-radius:50%;background:#4f8dff1a;border:1px solid var(--accent-border);color:var(--accent-text)}.jobs-empty h3{margin:6px 0 0;font-size:20px;font-weight:700;color:var(--text-title)}.jobs-empty p{margin:0}.job-model-pill{padding:3px 9px;border-radius:var(--radius-pill);background:var(--fill-soft);border:1px solid var(--border-default);font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap}.job-refs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}.job-refs-label{font-size:12px;font-weight:600;color:var(--text-muted)}.job-ref-link{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-pill);background:var(--fill-soft);border:1px solid var(--border-default);font-size:11.5px;font-weight:600;color:var(--accent-text);text-decoration:none;white-space:nowrap}.job-ref-link:hover{border-color:var(--accent-border);background:#4f8dff1a}@media (max-width: 1080px){.gen-layout{grid-template-columns:1fr}.gen-col{position:static;max-height:none;overflow-y:visible}}@media (max-width: 760px){.app-shell{flex-direction:column}.sidebar{position:static;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-subtle)}.app-content{padding:22px 18px}}:root[data-theme=light] .nav-item.active,:root[data-theme=light] .ref-tile.active,:root[data-theme=light] .ref-tile.active .ref-icon,:root[data-theme=light] .orient-opt.on{color:var(--accent-text)}.sidebar-tools{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}.tool-btn{display:flex;align-items:center;justify-content:center;width:100%;height:36px;border-radius:var(--radius-item);border:1px solid var(--border-subtle);background:var(--fill-ghost);color:var(--text-muted);cursor:pointer;transition:color var(--ease-ui),background var(--ease-ui),border-color var(--ease-ui)}.tool-btn:hover{color:var(--text-body);background:var(--fill-hover);border-color:var(--border-default)}.tool-btn svg{flex:none}.docs-page{min-height:100vh;background:var(--bg-app);color:var(--text-body);padding:40px 24px 80px}.docs-layout{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:232px 1fr;gap:40px;align-items:start}.docs-nav{position:sticky;top:40px;display:flex;flex-direction:column;gap:6px}.docs-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:14px;font-weight:600;margin-bottom:14px}.docs-back:hover{color:var(--text-body)}.docs-nav-title{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin-bottom:4px}.docs-nav-group{display:flex;flex-direction:column;gap:2px;margin-top:12px}.docs-nav-group-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-ghost);margin:0 0 4px;padding:0 10px}.docs-nav-item{text-align:left;border:0;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;padding:8px 10px;border-radius:var(--radius-item);cursor:pointer}.docs-nav-item:hover{background:var(--surface-inset);color:var(--text-body)}.docs-nav-item.active{background:var(--accent-bg);color:var(--accent-text)}.docs-content{min-width:0}.docs-head{margin-bottom:8px}.docs-title{margin:0 0 8px;font-size:clamp(26px,3.4vw,32px);font-weight:800;letter-spacing:var(--tracking-tight);color:var(--text-title);text-wrap:balance}.docs-lead{margin:0 0 12px;color:var(--text-muted);font-size:15px}.docs-article{display:flex;flex-direction:column;gap:16px;max-width:72ch}.docs-h2{margin:18px 0 0;font-size:18px;font-weight:700;color:var(--text-title)}.docs-p{margin:0;color:var(--text-secondary);line-height:1.7}.docs-ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:7px;color:var(--text-secondary);line-height:1.6}.docs-note{margin:0;padding:12px 15px;border:1px solid var(--border-subtle);border-left:3px solid var(--accent);border-radius:var(--radius-input);background:var(--surface-inset);color:var(--text-secondary);font-size:14px;line-height:1.6}.docs-table-wrap{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-card)}.docs-table{border-collapse:collapse;width:100%;min-width:560px;font-size:13.5px}.docs-table th,.docs-table td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border-subtle);vertical-align:top;line-height:1.5}.docs-table th{background:var(--surface-inset);color:var(--text-title);font-weight:700;white-space:nowrap}.docs-table td:first-child{color:var(--text-title);font-weight:600;white-space:nowrap}.docs-table td{color:var(--text-secondary)}.docs-table tr:last-child td{border-bottom:0}@media (max-width: 820px){.docs-layout{grid-template-columns:1fr;gap:22px}.docs-nav{position:static}}.admin-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-muted);font:500 15px var(--font-ui)}.admin-login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-canvas);padding:24px}.admin-login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px;padding:30px 28px;border-radius:18px;border:1px solid var(--line);background:var(--card, #14141f);box-shadow:0 24px 80px #00000080}.admin-login-title{font:800 22px var(--font-ui);color:var(--text-title);text-align:center;margin-bottom:4px}.admin-login-btn{height:46px;cursor:pointer}.admin-login-error{color:#ff9aa3;font:500 13px var(--font-ui);text-align:center}.admin-shell{display:flex;min-height:100vh;background:var(--bg-app);color:var(--text-body)}.admin-sidebar{flex:none;width:240px;display:flex;flex-direction:column;padding:20px 14px;border-right:1px solid var(--line);background:var(--bg-sidebar)}.admin-brand{display:flex;align-items:center;gap:9px;font:800 18px var(--font-ui);color:var(--text-title);margin-bottom:22px;padding:0 6px}.admin-nav{display:flex;flex-direction:column;gap:3px}.admin-nav-item{text-align:left;padding:10px 12px;border:none;border-radius:9px;background:transparent;color:var(--text-secondary);font:600 14px var(--font-ui);cursor:pointer}.admin-nav-item:hover{background:var(--fill-hover, rgba(255, 255, 255, .05))}.admin-nav-item.active{background:var(--accent-bg);color:var(--accent-text)}.admin-foot{margin-top:auto;padding-top:16px}.admin-account{padding:10px 8px}.admin-account-email{font:600 13px var(--font-ui);color:var(--text-body);word-break:break-all}.admin-account-role{font:500 12px var(--font-ui);color:var(--accent-text);margin-top:2px}.admin-content{flex:1;padding:28px 32px;overflow-x:auto}.admin-view{max-width:1200px}.admin-title{font:800 24px var(--font-ui);color:var(--text-title);margin:0 0 20px}.admin-toolbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.admin-input{height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--border-strong, var(--line));background:var(--surface-inset, #0b0e13);color:var(--text-body);font:500 14px var(--font-ui);min-width:160px}.admin-input:focus{outline:none;border-color:var(--accent-border)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.admin-stat{padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--surface-inset, #0b0e13)}.admin-stat-value{font:800 22px var(--font-ui);color:var(--text-title)}.admin-stat-label{font:500 12.5px var(--font-ui);color:var(--text-muted);margin-top:4px}.admin-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--line)}.admin-table{width:100%;border-collapse:collapse;font:500 13.5px var(--font-ui)}.admin-table th{text-align:left;padding:11px 14px;color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--line);background:var(--surface-inset, #0b0e13);white-space:nowrap}.admin-table td{padding:11px 14px;color:var(--text-secondary);border-bottom:1px solid var(--line)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tr.clickable{cursor:pointer}.admin-table tr.clickable:hover td{background:var(--fill-hover, rgba(255, 255, 255, .04))}.admin-table td.pos{color:#46e0d0}.admin-table td.neg{color:#ff9aa3}.admin-empty{padding:40px;text-align:center;color:var(--text-muted);border:1px dashed var(--line);border-radius:12px}.admin-badge{padding:2px 9px;border-radius:999px;font:700 11.5px var(--font-ui)}.admin-badge-succeeded{background:#46e0d026;color:#46e0d0}.admin-badge-pending{background:#ffc85a26;color:#ffc53a}.admin-badge-canceled{background:#ff7a8526;color:#ff9aa3}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}.admin-page-info{font:500 13px var(--font-ui);color:var(--text-muted)}.modal-dialog.admin-modal{max-width:560px}.admin-detail{padding:26px 28px}.admin-detail-title{font:800 20px var(--font-ui);color:var(--text-title);margin:0 0 14px;word-break:break-all}.admin-detail-sub{font:700 14px var(--font-ui);color:var(--text-secondary);margin:20px 0 8px}.admin-kv{display:flex;justify-content:space-between;padding:6px 0;font:500 14px var(--font-ui);color:var(--text-muted)}.admin-kv b{color:var(--text-body)}.admin-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:16px 0}.admin-field{display:flex;flex-direction:column;gap:6px;font:600 12px var(--font-ui);color:var(--text-muted)}.admin-adjust{display:flex;gap:8px}.admin-adjust .admin-input{min-width:90px;width:110px}.admin-msg{font:500 13px var(--font-ui);color:var(--accent-text);margin-top:8px}.admin-clamp{display:inline-block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.admin-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:420px}.admin-row-actions{display:inline-flex;gap:6px}.admin-row-actions .btn-ghost{padding:5px 10px;font-size:12.5px}.admin-note{font:500 13px var(--font-ui);color:var(--text-muted);margin:0 0 16px}.admin-check{display:flex;align-items:center;gap:8px;font:500 13.5px var(--font-ui);color:var(--text-secondary);margin:8px 0}.admin-badge-queued{background:#ffc85a26;color:#ffc53a}.admin-badge-running{background:#4f8dff26;color:#7db0ff}.admin-badge-done{background:#46e0d026;color:#46e0d0}.admin-badge-failed{background:#ff7a8526;color:#ff9aa3}.admin-integrations{display:flex;flex-direction:column;gap:2px;max-width:520px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.admin-integ-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.admin-integ-row:last-child{border-bottom:none}.admin-integ-name{font:600 14px var(--font-ui);color:var(--text-body);flex:1}.admin-integ-state{font:500 12.5px var(--font-ui);color:var(--text-muted)}.admin-dot{width:9px;height:9px;border-radius:50%;flex:none}.admin-dot.on{background:#46e0d0;box-shadow:0 0 6px #46e0d099}.admin-dot.off{background:var(--text-ghost, #4d5562)}.admin-detail textarea.admin-input{min-height:68px;resize:vertical;font-family:var(--font-ui)}