:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;margin:0}@media (width<=860px),(height<=560px){html,body,#root{height:auto;min-height:100%}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070b16;--text:#eaf0ff;--muted:#9aa6c4;--line:#ffffff1f;--accent:#19c3f0;--accent-soft:#19c3f02e;--surface:#090d1be6;--chip:#161d34f2;--btn-bg:linear-gradient(135deg, #0a566f, #35278f);--btn-bg-hover:linear-gradient(135deg, #0d6d8c, #4634b3);--btn-solid:#0a566f;--btn-text:#fff;--btn-line:#8cdcff66;--violet:#8b6bff;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text)}.app{pointer-events:none;flex-direction:column;height:100dvh;padding:0 clamp(16px,4vw,56px);display:flex;position:relative;overflow:hidden}.app>*{pointer-events:auto}.splash-cursor.youlaf-splash,.splash-cursor.youlaf-splash .splash-cursor__base{min-height:100dvh}.splash-cursor.youlaf-splash{background:radial-gradient(60% 50% at 85% 10%, #8b6bff38, transparent 70%), radial-gradient(50% 45% at 8% 90%, #19c3f029, transparent 70%), radial-gradient(30% 25% at 50% 100%, #ed293914, transparent 70%), var(--bg);overflow:hidden}.splash-cursor.youlaf-splash .splash-cursor__text-layer{z-index:5;opacity:.6}.nav{z-index:1;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex;position:relative}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;font-size:19px;font-weight:800;text-decoration:none;display:inline-flex}.brand img{width:30px;height:30px}.nav-links{gap:4px;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:7px 14px;font-size:14px;text-decoration:none;transition:color .2s,background .2s}.nav-links a:hover,.nav-links a.is-active{color:var(--text);background:#ffffff14}.nav-end{align-items:center;gap:14px;display:flex}.api-dot{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.api-dot:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.api-dot.is-online:before{background:#3ddc84;box-shadow:0 0 8px #3ddc84}.api-dot.is-offline:before{background:#ed2939;box-shadow:0 0 8px #ed2939}.content{z-index:1;flex:1;min-height:0;padding-bottom:20px;position:relative}.btn-primary,.btn-ghost{font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .2s,opacity .2s,border-color .2s;display:inline-flex}.btn-primary{background:var(--btn-bg);color:var(--btn-text);border:1px solid var(--btn-line);text-shadow:0 1px 2px #00000080;box-shadow:0 10px 30px -14px #19c3f0b3}.btn-primary:hover:not(:disabled){background:var(--btn-bg-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-ghost{border:1px solid var(--line);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--accent)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=860px){.splash-cursor.youlaf-splash{overflow:hidden visible}.app{height:auto;min-height:100dvh;overflow:visible}.nav-links,.api-dot{display:none}}@media (height<=560px){.splash-cursor.youlaf-splash{overflow:hidden visible}.app{height:auto;min-height:100dvh;overflow:visible}.nav{padding:10px 0}.content{padding-bottom:92px}}@media (width<=860px){.content{padding-bottom:92px}}.chat{z-index:20;position:fixed;bottom:clamp(14px,2.4vw,28px);right:clamp(14px,2.4vw,32px)}.chat-fab{color:var(--text);font:inherit;cursor:pointer;background:#090d1bf2;border:1px solid #19c3f08c;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:700;transition:transform .15s,border-color .2s;display:inline-flex;box-shadow:0 14px 40px -14px #19c3f0b3}.chat-fab:hover{border-color:var(--accent);transform:translateY(-1px)}.chat-fab span{color:var(--accent)}.chat-backdrop{z-index:59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#03060e8c;transition:opacity .3s;position:fixed;inset:0}.chat-backdrop.is-open{opacity:1;pointer-events:auto}.chat-drawer{z-index:60;border-left:1px solid var(--line);visibility:hidden;background:#090d1bfa;flex-direction:column;width:min(420px,100vw);transition:transform .3s,visibility 0s linear .3s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-30px 0 80px -20px #000c}.chat-drawer.is-open{visibility:visible;transition:transform .3s,visibility;transform:none}@media (prefers-reduced-motion:reduce){.chat-backdrop,.chat-drawer,.chat-drawer.is-open{transition:none}}.chat-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.chat-head div{gap:2px;display:grid}.chat-head span{color:var(--muted);font-size:12px}.chat-close{background:var(--chip);width:30px;height:30px;color:var(--text);cursor:pointer;border:0;border-radius:50%;font-size:18px;line-height:1}.chat-list{flex-direction:column;flex:1;gap:8px;min-height:0;padding:14px;display:flex;overflow-y:auto}.chat-msg{overflow-wrap:anywhere;border-radius:14px;max-width:88%;padding:9px 12px;font-size:13.5px;line-height:1.45}.chat-msg p{margin:0}.chat-msg p+p,.chat-msg p+ul,.chat-msg ul+p{margin-top:6px}.chat-msg ul{gap:4px;margin:0;padding-left:18px;display:grid}.chat-msg strong{font-weight:700}.chat-msg.assistant{border:1px solid var(--line);background:var(--chip);align-self:flex-start}.chat-msg.user{background:var(--btn-bg);color:var(--btn-text);border:1px solid var(--btn-line);align-self:flex-end}.chat-thinking{color:var(--muted);align-items:center;gap:10px;display:flex}.chat-dots{gap:4px;display:inline-flex}.chat-dots i{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite chat-bounce}.chat-dots i:nth-child(2){animation-delay:.15s}.chat-dots i:nth-child(3){animation-delay:.3s}.chat-think-label{background:linear-gradient(90deg, var(--muted) 20%, #fff 50%, var(--muted) 80%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.8s linear infinite chat-shimmer}.chat-think-time{font-variant-numeric:tabular-nums;opacity:.7;margin-left:auto;font-size:12px}@keyframes chat-bounce{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes chat-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.chat-dots i,.chat-think-label{animation:none}.chat-think-label{color:var(--muted);background:0 0}}.chat-quick{flex-wrap:wrap;gap:6px;padding:0 14px 10px;display:flex}.chat-quick button{border:1px solid var(--line);background:var(--chip);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:5px 11px;font-size:12.5px}.chat-quick button:hover{border-color:var(--accent)}.chat-error{color:#ff8a93;margin:0;padding:0 14px 8px;font-size:12.5px}.chat-form{border-top:1px solid var(--line);gap:8px;padding:10px;display:flex}.chat-form input{border:1px solid var(--line);background:var(--chip);min-width:0;color:var(--text);font:inherit;border-radius:999px;outline:0;flex:1;padding:9px 14px;font-size:16px}.chat-form input:focus{border-color:var(--accent)}.chat-form button{background:var(--btn-bg);color:var(--btn-text);font:inherit;cursor:pointer;border:1px solid var(--btn-line);border-radius:999px;padding:9px 16px;font-size:13.5px;font-weight:700}.chat-form button:disabled{opacity:.4;cursor:not-allowed}.choice-card{border-top:1px solid var(--line);gap:10px;margin-top:10px;padding-top:10px;display:grid}.choice-row{gap:6px;display:grid}.choice-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:700}.choice-options{flex-wrap:wrap;gap:6px;display:flex}.choice-options button{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:#ffffff0d;border-radius:999px;padding:5px 12px;font-size:13px;transition:border-color .2s,background .2s}.choice-options button:hover:not(:disabled){border-color:var(--accent)}.choice-options button.is-on{border-color:var(--accent);background:var(--btn-solid);color:var(--btn-text);box-shadow:inset 0 0 0 1px var(--btn-line);font-weight:700}.choice-options button:disabled:not(.is-on){opacity:.4}.choice-start{background:var(--btn-bg);color:var(--btn-text);font:inherit;cursor:pointer;border:1px solid var(--btn-line);border-radius:999px;padding:9px 14px;font-size:13.5px;font-weight:700}.choice-start:disabled{opacity:.55;cursor:not-allowed}.choice-note{color:var(--muted);margin:0;font-size:12px}.splash-cursor{isolation:isolate;background:#101010;width:100%;min-height:100vh;position:relative;overflow:hidden visible}.splash-cursor__text-layer,.splash-cursor__canvas,.splash-cursor__overlay{position:absolute;inset:0}.splash-cursor__base{z-index:3;min-height:100vh;position:relative}.splash-cursor__text-layer{z-index:1;pointer-events:none;width:100%;height:100%}.splash-cursor__canvas{z-index:2;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .5s}.splash-cursor--ready .splash-cursor__canvas{opacity:1}.splash-cursor__overlay{z-index:4;pointer-events:none}.splash-cursor__overlay>*{pointer-events:auto}.auth-screen{justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.auth-card{border:1px solid var(--line);background:var(--surface);pointer-events:auto;border-radius:16px;flex-direction:column;gap:14px;width:min(380px,100%);padding:28px;display:flex}.auth-card h1{text-align:center;margin:0}.auth-logo{width:48px;height:48px;margin:0 auto}.auth-card label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.auth-card input,.admin-form input{border:1px solid var(--line);background:var(--chip);color:var(--text);border-radius:8px;padding:10px 12px;font-size:15px}.auth-sub,.auth-hint{color:var(--muted);text-align:center;margin:0;font-size:13px}.auth-error{color:#ff7b86;margin:0;font-size:13px}.auth-ok{color:#6fe3a3;word-break:break-all;margin:0;font-size:13px}.admin{flex-direction:column;gap:14px;width:min(720px,100%);margin:0 auto;padding:16px 0;display:flex;overflow-y:auto}.admin h1{margin:0}.admin .auth-sub{text-align:left}.admin-form{flex-wrap:wrap;gap:8px;display:flex}.admin-form input{flex:160px}.admin-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.admin-list li{border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.admin-actions{gap:8px;display:flex}.nav-user{color:var(--muted);font-size:13px}.pricing{flex-direction:column;justify-content:center;align-items:center;gap:18px;height:100%;min-height:0;padding:8px 4px 0;display:flex}.pricing-head{text-align:center}.pricing-kicker{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.pricing h1{letter-spacing:-.02em;margin:0;font-size:clamp(26px,3.6vw,40px)}.pricing-sub{color:var(--muted);margin:8px 0 0}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(1020px,100%);display:grid}.plan{border:1px solid var(--line);background:linear-gradient(160deg,#ffffff0d,#ffffff04);border-radius:20px;flex-direction:column;gap:8px;padding:22px;display:flex;position:relative}.plan.is-featured{background:linear-gradient(160deg,#00b5e224,#7c5cff14);border-color:#00b5e28c;box-shadow:0 20px 60px -30px #00b5e299}.plan-badge{background:var(--btn-solid);color:var(--btn-text);border:1px solid var(--btn-line);border-radius:999px;padding:3px 12px;font-size:11px;font-weight:800;position:absolute;top:-11px;right:18px}.plan h2{margin:0;font-size:18px}.plan-blurb{color:var(--muted);margin:0;font-size:13px}.plan-price{margin:8px 0 4px}.plan-price strong{letter-spacing:-.02em;font-size:34px}.plan-price span{color:var(--muted);font-size:13px}.plan ul{flex:1;gap:7px;margin:6px 0 12px;padding:0;font-size:13.5px;list-style:none;display:grid}.plan li:before{content:"✓";color:#3ddc84;margin-right:8px;font-weight:800}.pricing-note{color:var(--muted);margin:0;font-size:12.5px}.pricing-back{color:var(--accent);font-size:13.5px;text-decoration:none}.pricing-back:hover{text-decoration:underline}@media (width<=860px){.pricing{justify-content:flex-start}.pricing-grid{grid-template-columns:1fr}}@media (height<=560px){.pricing{justify-content:flex-start;height:auto;padding-bottom:24px}}.tour{flex-direction:column;gap:10px;width:min(900px,100%);margin:0 auto;display:flex}.tour-grid{grid-template-columns:minmax(0,1fr) auto;gap:16px;height:clamp(190px,31vh,252px);display:grid}.tour-ui{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;flex-direction:column;gap:10px;min-width:0;padding:12px 14px;font-size:12.5px;display:flex;position:relative;overflow:hidden}.mock-bar{color:var(--muted);align-items:center;gap:5px;font-size:11.5px;display:flex}.mock-bar i{background:#ffffff2e;border-radius:50%;width:8px;height:8px}.mock-bar span{margin-left:8px}.mock-prompt{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;flex-wrap:wrap;flex:1;align-content:flex-start;align-items:flex-start;gap:6px 8px;padding:10px 12px;font-size:14px;line-height:1.45;display:flex}.mock-file{color:#7ff0b0;opacity:0;background:#143c28e6;border:1px solid #3ddc8480;border-radius:999px;padding:1px 10px;font-size:12px;transform:scale(.85)}.mock-typed{color:var(--text)}.mock-caret{background:var(--accent);align-self:center;width:2px;height:16px;margin-left:-6px;animation:.8s step-end infinite tour-blink}.mock-row{align-items:center;gap:8px;display:flex}.mock-attach{background:var(--chip);white-space:nowrap;border:1px dashed #ffffff57;border-radius:999px;padding:5px 10px}.mock-voice{border:1px solid var(--line);background:var(--chip);border-radius:999px;gap:2px;padding:2px;display:inline-flex}.mock-voice b{border-radius:999px;padding:3px 9px;font-weight:500;transition:background .3s}.mock-voice b.is-on{background:var(--btn-solid);box-shadow:inset 0 0 0 1px var(--btn-line);font-weight:700}.mock-send{border:1px solid var(--btn-line);background:var(--btn-bg);white-space:nowrap;border-radius:999px;margin-left:auto;padding:6px 14px;font-weight:700;transition:transform .15s}.mock-send.is-pressed{filter:brightness(1.3);transform:scale(.92)}.mock-stages{color:var(--muted);grid-template-columns:repeat(5,1fr);gap:5px;margin:0;padding:0;font-size:11px;list-style:none;display:grid}.mock-stages li{gap:4px;display:grid}.mock-stages i{background:#ffffff24;border-radius:4px;height:4px;transition:background .4s;position:relative;overflow:hidden}.mock-stages .is-done{color:var(--text)}.mock-stages .is-done i{background:#3ddc84}.mock-stages .is-current i:after{content:"";background:var(--accent);width:50%;animation:1s ease-in-out infinite tour-slide;position:absolute;inset:0}.mock-ready{color:#7ff0b0;opacity:0;background:#143c28e6;border:1px solid #3ddc8480;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;transition:opacity .4s,transform .4s;position:absolute;top:10px;right:14px;transform:translateY(-4px)}[data-phase=result] .mock-ready{opacity:1;transform:none}[data-phase=attach] .mock-file,[data-phase=type] .mock-file,[data-phase=voice] .mock-file,[data-phase=send] .mock-file,[data-phase=work] .mock-file,[data-phase=result] .mock-file{animation:.45s .5s both tour-pop}.mock-cursor{z-index:2;filter:drop-shadow(0 2px 3px #0009);transition:left .9s cubic-bezier(.4,0,.2,1),top .9s cubic-bezier(.4,0,.2,1);position:absolute;top:70%;left:8%}[data-phase=attach] .mock-cursor{top:74%;left:11%}[data-phase=type] .mock-cursor{top:30%;left:52%}[data-phase=voice] .mock-cursor{top:76%;left:50%}[data-phase=send] .mock-cursor{top:76%;left:88%}[data-phase=work] .mock-cursor{top:52%;left:90%}[data-phase=result] .mock-cursor{opacity:0;transition:left .9s,top .9s,opacity .5s;top:30%;left:96%}.tour-video{aspect-ratio:16/9;background:#000;border:1px solid #19c3f073;border-radius:16px;height:100%;position:relative;overflow:hidden;box-shadow:0 24px 70px -34px #19c3f0b3}.tour-video video{object-fit:cover;width:100%;height:100%;display:block}.tour-caption{text-align:center;pointer-events:none;background:#000000b8;border-radius:8px;margin:0;padding:4px 10px;font-size:12.5px;line-height:1.35;position:absolute;bottom:46px;left:10px;right:10px}.tour-badge{border:1px solid var(--line);pointer-events:none;background:#090d1be0;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700;position:absolute;top:10px;left:10px}.tour-badge.is-dub{color:#7ff0b0;border-color:#3ddc8499}.tour-toggle{border:1px solid var(--line);background:#090d1be0;border-radius:999px;gap:2px;padding:2px;display:inline-flex;position:absolute;top:10px;right:10px}.tour-toggle button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:700}.tour-toggle button.is-on{background:var(--btn-solid);box-shadow:inset 0 0 0 1px var(--btn-line)}.tour-foot{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;display:flex}.tour-try{border:1px solid var(--btn-line);background:var(--btn-bg);color:var(--btn-text);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:7px 16px;font-size:13px;font-weight:700;transition:transform .15s}.tour-try:hover:not(:disabled){background:var(--btn-bg-hover);transform:translateY(-1px)}.tour-try:disabled{opacity:.6;cursor:wait}@keyframes tour-blink{50%{opacity:0}}@keyframes tour-slide{0%{transform:translate(-100%)}to{transform:translate(220%)}}@keyframes tour-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@media (height<=700px){.tour-foot span{display:none}.tour-foot{justify-content:center}}@media (width<=860px){.tour-grid{grid-template-columns:1fr;height:auto}.tour-ui{display:none}.tour-video{width:100%;height:auto}.tour-foot{text-align:center;flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.mock-caret,.mock-stages .is-current i:after{animation:none}.mock-file,.mock-ready{opacity:1;transform:none;animation:none!important}.mock-cursor{display:none}}.source{aspect-ratio:16/9;background:#000;border:1px solid #19c3f073;border-radius:16px;max-width:100%;height:clamp(130px,31vh,270px);margin:0 auto;animation:.4s both source-in;position:relative;overflow:hidden;box-shadow:0 24px 70px -34px #19c3f0b3}.source-media,.source-thumb{object-fit:contain;background:#000;border:0;width:100%;height:100%;display:block}.source-thumb{cursor:pointer;padding:0;position:relative}.source-thumb img{object-fit:cover;width:100%;height:100%}.source-play{background:#090d1bc7;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:56px;height:56px;transition:transform .2s,background .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.source-play:after{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:16px solid #fff;width:0;height:0;margin-left:4px}.source-thumb:hover .source-play{background:var(--accent);transform:translate(-50%,-50%)scale(1.08)}.source-bar{pointer-events:none;background:linear-gradient(#000000b3,#0000);justify-content:space-between;align-items:center;gap:10px;padding:8px 10px 18px 14px;display:flex;position:absolute;top:0;left:0;right:0}.source-name{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.source-clear{border:1px solid var(--line);width:28px;height:28px;color:var(--text);cursor:pointer;pointer-events:auto;background:#090d1bd9;border-radius:50%;flex:none;font-size:18px;line-height:1}.source-clear:hover{border-color:var(--accent)}@keyframes source-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.source{animation:none}}.studio{flex-direction:column;justify-content:center;gap:clamp(14px,3.2vh,30px);height:100%;min-height:0;display:flex}.ask{flex-direction:column;gap:14px;width:min(780px,100%);min-width:0;margin:0 auto;display:flex}.ask h1{letter-spacing:-.03em;text-align:center;margin:0;font-size:clamp(24px,3.2vw,40px);line-height:1.1}.ask h1 span{background:linear-gradient(90deg, var(--accent), var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text}.composer,.job,.result{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px}.composer{flex-direction:column;gap:10px;padding:12px 14px;transition:border-color .2s;display:flex;box-shadow:0 30px 80px -50px #19c3f099}.composer:focus-within{border-color:#19c3f0b3}.composer textarea{resize:none;width:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0;padding:6px 4px 2px;font-size:16px;line-height:1.5}.composer textarea::placeholder{color:var(--muted)}.composer-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.attach{background:var(--chip);max-width:200px;color:var(--text);cursor:pointer;border:1px dashed #ffffff57;border-radius:999px;flex:none;align-items:center;gap:8px;padding:8px 14px;font-size:13.5px;transition:border-color .2s;display:inline-flex}.attach:hover,.attach.has-file{border-color:var(--accent)}.attach-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.visually-hidden:focus-visible+.attach{outline:2px solid var(--accent);outline-offset:2px}.voice{border:1px solid var(--line);background:var(--chip);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.voice-label{color:var(--muted);padding:0 8px 0 10px;font-size:12.5px}.voice button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 12px;font-size:13px;transition:background .2s,color .2s}.voice button:hover{background:#ffffff1a}.voice button.is-on{background:var(--btn-solid);color:var(--btn-text);box-shadow:inset 0 0 0 1px var(--btn-line);font-weight:700}.link-chip{color:#7ff0b0;background:#143c28e6;border:1px solid #3ddc8480;border-radius:999px;padding:6px 12px;font-size:12.5px}.send{margin-left:auto}.info{position:relative}.info-btn{border:1px solid var(--line);background:var(--chip);width:30px;height:30px;color:var(--muted);font:inherit;cursor:pointer;border-radius:50%;place-items:center;font-size:14px;font-style:italic;font-weight:700;transition:border-color .2s,color .2s;display:grid}.info-btn:hover,.info-btn[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.info-pop{z-index:5;border:1px solid var(--line);background:#090d1bfa;border-radius:16px;width:min(360px,82vw);padding:16px 18px;font-size:13.5px;line-height:1.5;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 24px 60px -20px #000000d9}.info-title{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.info-pop ul{color:var(--muted);gap:6px;margin:0 0 14px;padding-left:18px;display:grid}.info-pop b{color:var(--text);font-weight:600}.info-examples{gap:6px;display:grid}.info-examples button{border:1px solid var(--line);background:var(--chip);color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:10px;padding:7px 12px;font-size:13px}.info-examples button:hover{border-color:var(--accent)}.form-note{color:var(--muted);margin:0;padding:0 4px;font-size:12.5px}.form-note.is-error{color:#ff8a93}.studio-job{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch;gap:clamp(16px,2.5vw,32px);padding-top:4px;display:grid}.job{flex-direction:column;align-content:start;gap:14px;min-width:0;padding:22px;display:flex}.job-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.job-source{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.job-state{background:var(--accent-soft);color:var(--accent);border-radius:999px;flex:none;padding:4px 12px;font-size:12.5px;font-weight:700}.job-state.is-ok{color:#7ff0b0;background:#143c28e6}.job-state.is-bad{color:#ff8a93;background:#46141ce6}.job-prompt{color:var(--muted);margin:0;font-size:13.5px;font-style:italic}.job-plan{flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.job-plan span{color:#b7a6ff;font-weight:700}.job-plan em{border:1px solid var(--line);background:var(--chip);border-radius:999px;padding:2px 10px;font-style:normal}.stages{grid-template-columns:repeat(5,1fr);gap:6px;margin:4px 0 0;padding:0;list-style:none;display:grid}.stages li{color:var(--muted);gap:6px;font-size:12px;display:grid}.stages i{background:#ffffff24;border-radius:5px;height:5px;position:relative;overflow:hidden}.stages .is-done{color:var(--text)}.stages .is-done i{background:#3ddc84}.stages .is-current{color:var(--accent)}.stages .is-current i:after{content:"";border-radius:inherit;background:var(--accent);width:45%;animation:1.2s ease-in-out infinite studio-slide;position:absolute;inset:0}.job-hint{color:var(--muted);margin:0;font-size:12.5px}.job-time{color:var(--muted);margin:0;font-size:13px}.job-time strong{color:var(--text);font-variant-numeric:tabular-nums}.job-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.job-error{background:#46141c8c;border:1px solid #ed293980;border-radius:14px;gap:8px;padding:12px 14px;display:grid}.job-error p{color:#ffb3ba;margin:0;font-size:14px;line-height:1.5}.job-error-toggle{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:12.5px;text-decoration:underline}.job-error pre{max-height:110px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;background:#00000073;border-radius:8px;margin:0;padding:8px 10px;font-size:11.5px;line-height:1.45;overflow:auto}.result{flex-direction:column;gap:10px;min-height:0;padding:18px;display:flex}.result.is-ready{border-color:#3ddc8480}.result-title{color:#7ff0b0;margin:0;font-size:13px;font-weight:700}.result video{background:#000;border-radius:12px;width:100%;min-height:0;max-height:100%}.working{flex-direction:column;flex:1;justify-content:center;align-items:stretch;gap:14px;display:flex}.working p{color:var(--muted);text-align:center;margin:0}.wave{justify-content:space-between;align-items:center;gap:4px;height:90px;display:flex}.wave span{height:calc(var(--h) * 1%);animation:1.1s ease-in-out infinite studio-wave;animation-delay:calc(var(--i) * -60ms);background:linear-gradient(#3ddc84,#19c3f0 55%,#ed2939);border-radius:3px;flex:1}.working.is-stopped .wave span{opacity:.35;animation:none;transform:scaleY(.5)}@keyframes studio-wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes studio-slide{0%{transform:translate(-100%)}to{transform:translate(230%)}}@media (height<=700px){.composer textarea{font-size:15px}}@media (width<=860px){.studio{justify-content:flex-start;height:auto}.studio-job{display:flex}.send{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.stages .is-current i:after{width:100%;animation:none}.wave span{animation:none}}@media (width<=860px),(height<=560px){.composer{-webkit-backdrop-filter:none;backdrop-filter:none;background:#090d1bf5}.info-pop{z-index:70;width:auto;max-height:min(70dvh,520px);position:fixed;bottom:84px;left:12px;right:12px;overflow-y:auto}}@media (height<=560px){.studio{justify-content:flex-start;height:auto;padding-bottom:12px}}