html{touch-action:manipulation;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}:root{--fs-2xs:.75rem;--fs-xs:.8125rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:1.75rem;--fs-3xl:2rem;--fs-4xl:2.5rem;--fs-5xl:3rem}@font-face{font-family:DejaVu Serif;src:url(/fonts/DejaVuSerif.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DejaVu Serif;src:url(/fonts/DejaVuSerif-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--background:#080807;--surface:#ffffff0a;--surface-solid:#100f0d;--surface-border:#ffffff14;--primary:#0177fd;--primary-hover:#3f91fd;--secondary:#00d4ff;--text-primary:#f5f3ef;--text-secondary:#f5f3ef80;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--input-bg:#ffffff08;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--shadow-elevated:0 8px 32px #00000059;--shadow-modal:0 24px 64px #00000080;--shadow-glow-primary:0 4px 16px #0177fd59;--font-sans:var(--font-dm-sans), system-ui, -apple-system, sans-serif;--font-display:var(--font-playfair), Georgia, serif;--font-mono:var(--font-dm-mono), "SF Mono", monospace}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e;border-radius:10px}::-webkit-scrollbar-thumb:active{background:#ffffff2e;border-radius:10px}::-webkit-scrollbar-thumb:window-inactive{background:#ffffff2e;border-radius:10px}body{background-color:var(--background);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(circle at 15%,#0177fd12,#0000 28%),radial-gradient(circle at 85% 30%,#00d4ff12,#0000 28%);flex-direction:column;min-height:100vh;display:flex}.cursor-zone-native{cursor:auto}body.is-processing-edit,body.is-processing-edit .cursor-zone-native{cursor:progress!important}.cursor-zone-native button,.cursor-zone-native a,.cursor-zone-native [role=button]{cursor:pointer!important}.font-display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.font-mono{font-family:var(--font-mono)}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}.glass-panel{background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);border-radius:16px;box-shadow:0 8px 32px #0003}.input-field{background:var(--input-bg);border:1px solid var(--surface-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:var(--fs-base);transition:all .3s var(--ease-out);outline:none;padding:12px 16px}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 2px #0177fd33}.input-field::placeholder{color:var(--text-secondary)}.input-field:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0px 1000px var(--input-bg) inset;box-shadow:0 0 0px 1000px var(--input-bg) inset;caret-color:var(--text-primary);transition:background-color 9999s ease-in-out}.input-field:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0px 1000px var(--input-bg) inset;box-shadow:0 0 0px 1000px var(--input-bg) inset;caret-color:var(--text-primary);transition:background-color 9999s ease-in-out}.input-field:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0px 1000px var(--input-bg) inset;box-shadow:0 0 0px 1000px var(--input-bg) inset;caret-color:var(--text-primary);transition:background-color 9999s ease-in-out}.input-field:-webkit-autofill:active{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0px 1000px var(--input-bg) inset;box-shadow:0 0 0px 1000px var(--input-bg) inset;caret-color:var(--text-primary);transition:background-color 9999s ease-in-out}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#f5f3ef;border-radius:var(--radius-sm);width:100%;font-family:var(--font-display);font-size:var(--fs-base);cursor:pointer;transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), opacity .2s var(--ease-out);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:700;display:flex}.btn-primary:has(.generate-btn-cost){font-style:italic}.share-modal .btn-primary,.credits-modal-actions .btn-primary,.settings-modal .btn-primary{font-size:var(--fs-sm)}a.btn-primary:hover{color:#f5f3ef}.btn-primary:hover{box-shadow:var(--shadow-glow-primary);transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-danger{background:var(--danger);color:#f5f3ef;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--fs-base);cursor:pointer;transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), opacity .2s var(--ease-out);border:none;align-items:center;gap:8px;padding:10px 24px;font-weight:700;display:inline-flex}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ef444459}.btn-danger:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.settings-card-note{color:var(--text-secondary);font-size:var(--fs-sm);margin-bottom:16px}.settings-list{max-width:640px;padding:8px 24px}.settings-row{align-items:center;gap:16px;padding:20px 0;display:flex}.settings-row+.settings-row{border-top:1px solid var(--surface-border)}.settings-row-icon{width:38px;height:38px;color:var(--primary);background:#ffffff0f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-switch{border:1px solid var(--surface-border);cursor:pointer;background:#ffffff14;border-radius:13px;flex-shrink:0;width:44px;height:26px;padding:0;transition:background .15s;position:relative}.settings-switch span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:2px;left:2px}.settings-switch--on{background:var(--primary);border-color:#0000}.settings-switch--on span{transform:translate(18px)}.settings-row-icon--danger{color:var(--danger);background:#ef44441a}.settings-row-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.settings-row-title{font-weight:600;font-size:var(--fs-base)}.char-design-icon{padding:0;overflow:hidden}.char-design-thumb{object-fit:cover;border-radius:10px;width:100%;height:100%}.char-design-ready-badge{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--success);margin-left:8px;font-weight:600}.char-scan-modal{text-align:center;-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--surface-border);border-radius:var(--radius-lg);width:min(360px,100%);box-shadow:var(--shadow-modal);background:#100f0df7;flex-direction:column;align-items:center;gap:6px;padding:30px 26px 26px;display:flex;position:relative}.char-scan-modal h3{font-family:var(--font-display);font-size:var(--fs-md)}.char-scan-modal p{font-size:var(--fs-xs);color:var(--text-secondary);max-width:260px}.char-scan-modal-close{position:absolute;top:14px;right:14px}.char-scan-qr{border-radius:var(--radius-md);background:#fff;width:176px;height:176px;margin:16px 0 12px;padding:10px}.char-scan-status{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-pill);align-items:center;gap:8px;margin-top:4px;padding:9px 14px;display:flex}.char-scan-status-spin{border:1.5px solid var(--surface-border);border-top-color:var(--secondary);border-radius:50%;width:9px;height:9px;animation:.8s linear infinite spin}.char-scan-progress{gap:6px;margin-top:14px;display:flex}.char-scan-progress-dot{border:1.5px solid var(--surface-border);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:background .2s,border-color .2s;display:flex}.char-scan-progress-dot--voice{box-shadow:inset 0 0 0 3px var(--background)}.char-scan-progress-dot--done{background:var(--primary);border-color:var(--primary)}.char-scan-expiry{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-secondary);margin-top:12px}.char-mobile{background:var(--background);min-height:100dvh;color:var(--text-primary);font-family:var(--font-sans);flex-direction:column;display:flex}.char-mobile-screen{flex-direction:column;flex:1;padding:48px 24px 32px;display:flex}.char-mobile-screen--center{text-align:center;justify-content:center;align-items:center;gap:12px}.char-mobile-screen--voice{padding-top:16px}.char-mobile-icon{width:48px;height:48px;color:var(--primary-hover);background:#0177fd24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.char-mobile-icon--danger{color:var(--danger);background:#ef444424}.char-mobile-icon--success{color:var(--success);background:#22c55e24}.char-mobile-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xl);text-wrap:balance;margin-bottom:14px}.char-mobile-title--sm{font-size:var(--fs-lg);margin-bottom:18px}.char-mobile-body{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6}.char-mobile-body strong{color:var(--text-primary);font-weight:600}.char-mobile-tips{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-md);margin-top:20px;padding:14px 16px}.char-mobile-tips-title{font-size:var(--fs-2xs);letter-spacing:.03em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;font-weight:700;display:block}.char-mobile-tips ul{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.char-mobile-tips li{font-size:var(--fs-xs);color:var(--text-secondary);line-height:1.45}.char-mobile-foot{flex-direction:column;align-items:center;gap:12px;margin-top:auto;padding-top:24px;display:flex}.char-mobile-foot .btn-primary{width:100%}.char-mobile-passage{font-size:var(--fs-base);background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-md);flex:1;padding:16px 18px;line-height:1.7}.char-mobile-voice-videowrap{margin-top:14px;position:relative}.char-mobile-voice-video{aspect-ratio:4/3;border-radius:var(--radius-md);object-fit:cover;background:#0c0b09;width:100%;transform:scaleX(-1)}@property --ring-progress{syntax:"<number>";inherits:false;initial-value:0}@keyframes voice-ring-sweep{0%{--ring-progress:0}to{--ring-progress:1}}.char-mobile-voice-number-badge{--ring-progress:0;background:conic-gradient(#6d8cff calc(var(--ring-progress) * 360deg), #fff3 0deg);border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;padding:5px;transition:background .15s linear;animation-name:voice-ring-sweep;animation-timing-function:linear;animation-fill-mode:forwards;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.char-mobile-voice-number-badge span{width:100%;height:100%;font-family:var(--font-mono);font-size:var(--fs-4xl);font-variant-numeric:tabular-nums;color:#fff;background:#0c0b09e6;border-radius:50%;justify-content:center;align-items:center;font-weight:700;transition:color .1s linear,background .1s linear;display:flex}.char-mobile-voice-number-badge--missed{background:#e5484d;animation:none}.char-mobile-voice-number-badge--missed span{color:#ff8489;background:#e5484d40}.char-mobile-voice-timer{text-align:center;font-family:var(--font-mono);font-size:var(--fs-md);font-variant-numeric:tabular-nums;margin-top:18px}.char-mobile-voice-timer span{font-size:var(--fs-2xs);color:var(--text-secondary)}.char-mobile-hint{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-secondary);letter-spacing:.02em}.char-mobile-rec-btn{background:#e5484d;border:3px solid #ffffff40;border-radius:50%;width:64px;height:64px;position:relative}.char-mobile-rec-btn:disabled{opacity:.5}.char-mobile-rec-btn--stop:after{content:"";background:#fff;border-radius:4px;position:absolute;inset:20px}.char-mobile-cam{height:100dvh;padding:calc(24px + env(safe-area-inset-top,0px)) 24px calc(28px + env(safe-area-inset-bottom,0px));background:#0c0b09;flex-direction:column;justify-content:space-between;align-items:center;gap:18px;display:flex}.char-mobile-cam-dots{justify-content:center;gap:6px;display:flex}.char-mobile-cam-dot{background:#ffffff40;border-radius:50%;width:6px;height:6px}.char-mobile-cam-dot--done{background:var(--secondary)}.char-mobile-cam-dot--active{background:#fff;border-radius:3px;width:16px}.char-mobile-cam-card{aspect-ratio:3/4;border:2px solid var(--secondary);background:#17140f;border-radius:28px;width:min(78vw,320px);transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.char-mobile-cam-card--aligned{border-color:var(--success);box-shadow:0 0 0 3px #22c55e33}.char-mobile-cam-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.char-mobile-cam-guide{aspect-ratio:1;z-index:1;pointer-events:none;border:2px dashed #ffffff8c;border-radius:50%;width:74%;transition:border-color .15s,background .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.char-mobile-cam-guide--aligned{border-color:var(--success);border-style:solid}.char-mobile-cam-guide--warn{background:#f5a52414;border-style:solid;border-color:#f5a524}.char-mobile-cam-turn-track{z-index:1;background:#ffffff40;border-radius:2px;height:4px;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.char-mobile-cam-turn-fill{background:#6d8cff;border-radius:2px;transition:width .1s linear,background .15s;position:absolute;top:0;bottom:0}.char-mobile-cam-turn-fill--reached{background:var(--success)}.char-mobile-cam-arrow{color:#fff;z-index:2;background:#6d8cff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:left .1s linear,background .15s;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #0006}.char-mobile-cam-arrow:before{content:"";z-index:-1;background:#ffffff38;border-radius:50%;position:absolute;inset:-14px}.char-mobile-cam-arrow--reached{background:var(--success)}.char-mobile-cam-startwrap{z-index:3;background:#08080752;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.char-mobile-cam-start-btn{border-radius:var(--radius-pill);background:var(--secondary);color:#08110f;font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.04em;text-transform:uppercase;border:none;padding:14px 36px;font-weight:700;box-shadow:0 8px 24px -6px #00d4ff80}.char-mobile-cam-count{font-family:var(--font-mono);font-size:var(--fs-5xl);color:#fff;text-shadow:0 2px 12px #0009;z-index:3;background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.char-mobile-cam-uploading{color:#fff;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.02em;z-index:3;background:#08080799;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.char-mobile-cam-uploading svg{color:var(--success)}.char-mobile-cam-spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite char-spin}@keyframes char-spin{to{transform:rotate(360deg)}}.char-mobile-cam-spinner--lg{border-width:3px;width:40px;height:40px}.char-mobile-voice-uploading{z-index:20;background:var(--background);color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.char-mobile-voice-uploading svg{color:var(--success)}.char-mobile-voice-uploading-title{font-weight:600;font-size:var(--fs-base);text-align:center;padding:0 32px}.char-mobile-voice-uploading-sub{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-secondary)}.char-mobile-cam-pose{text-align:center;font-weight:600;font-size:var(--fs-sm)}.char-mobile-cam-error{color:#ff8a8a;font-weight:500;font-size:var(--fs-xs)}.char-mobile-cam-pose-sub{font-family:var(--font-mono);font-weight:500;font-size:var(--fs-2xs);letter-spacing:.02em;color:#ffffffbf;text-transform:none;margin-top:6px;display:block}.char-mobile-cam-pose-sub--warn{color:#f5a524;font-weight:700}.char-mobile-cam-shutter-ring{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;padding:4px;transition:background .15s linear;display:flex}.char-mobile-cam-shutter{background:#ffffff2e;border:3px solid #fff;border-radius:50%;width:60px;height:60px}.char-mobile-cam-shutter:disabled{opacity:.5}.settings-row-desc{color:var(--text-secondary);font-size:var(--fs-xs)}.settings-version{color:var(--text-secondary);font-size:var(--fs-xs);opacity:.7;margin:18px 4px 0}.sum-version{color:var(--text-secondary);opacity:.65;-webkit-user-select:text;user-select:text;padding:8px 12px 4px;font-size:11px}.settings-modal{-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:#100f0df7;width:min(460px,100%);max-height:85vh;padding:32px;position:relative;overflow-y:auto}.settings-modal--danger{border-color:#ef44444d}.settings-modal-header{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:20px;display:flex}.settings-modal-header h2{font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:-.01em;font-weight:700}.settings-modal-header--danger{color:var(--danger)}@media (max-width:480px){.settings-row{flex-wrap:wrap}.settings-row button:not(.settings-switch){justify-content:center;width:100%}.settings-row:has(.settings-switch){flex-wrap:nowrap}}.btn-secondary-sm{color:#fffc;font-size:var(--fs-xs);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-weight:600;transition:background .2s;display:inline-flex}.btn-secondary-sm:hover{background:#ffffff1a}.btn-secondary-sm:disabled{opacity:.5;cursor:not-allowed}.auth-login-btn{color:#0b0b0a;font-family:var(--font-sans);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;isolation:isolate;transition:color .35s ease, box-shadow .4s var(--ease-out), transform .3s var(--ease-out);background:#f5f3ef;border:0;border-radius:999px;align-items:center;gap:10px;padding:4px 4px 4px 16px;font-size:14px;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0006,inset 0 0 0 1px #ffffff80}.auth-login-btn-arrow{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:relative}.auth-login-btn-arrow:before{content:"";z-index:-1;background:var(--primary);border-radius:50%;transition:transform .55s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.auth-login-btn-arrow svg{transition:transform .35s var(--ease-out);position:relative}.auth-login-btn:hover,.auth-login-btn:focus-visible{color:#fff;box-shadow:0 0 0 4px #0177fd24,0 10px 30px #0177fd66}.auth-login-btn:hover .auth-login-btn-arrow:before,.auth-login-btn:focus-visible .auth-login-btn-arrow:before{transform:scale(10)}.auth-login-btn:hover .auth-login-btn-arrow svg,.auth-login-btn:focus-visible .auth-login-btn-arrow svg{transform:translate(2px)}.auth-login-btn:focus-visible{outline:2px solid var(--secondary);outline-offset:3px}.auth-login-btn:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.auth-login-btn,.auth-login-btn-arrow:before,.auth-login-btn-arrow svg{transition:none}}.auth-login-btn--lg{gap:14px;padding:6px 6px 6px 24px;font-size:16px}.auth-login-btn--lg .auth-login-btn-arrow{width:38px;height:38px}.projects-login-cta{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:56px 16px 72px;display:flex}.projects-login-cta p{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;margin:0}.profile-avatar-lg{width:88px;height:88px;font-size:var(--fs-4xl);color:#fff;background:linear-gradient(135deg,#0177fd,#00d4ff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.profile-avatar-lg img{object-fit:cover;width:100%;height:100%}.profile-avatar-wrap{flex-shrink:0;width:88px;height:88px;position:relative}.profile-avatar-edit-btn,.profile-avatar-delete-btn{border:2px solid var(--surface);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,transform .15s;display:flex;position:absolute;bottom:-2px}.profile-avatar-edit-btn{color:#fff;background:linear-gradient(135deg,#0177fd,#00d4ff);right:-2px}.profile-avatar-edit-btn:hover{transform:scale(1.08)}.profile-avatar-delete-btn{color:#ff6464d9;background:#140a0ce6;left:-2px}.profile-avatar-delete-btn:hover{background:#ef444433}.profile-avatar-edit-btn:disabled,.profile-avatar-delete-btn:disabled{opacity:.5;cursor:not-allowed}.profile-handle-prefix{align-items:center;display:flex}.profile-handle-prefix span{color:var(--text-secondary);padding:0 10px 0 14px;font-weight:600}.profile-handle-prefix input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding-left:0}.profile-social-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.profile-social-row .input-field{flex:1}.profile-social-remove{border:1px solid var(--surface-border);color:#ff6464b3;cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.profile-social-remove:hover{background:#ef44441a}.profile-add-link-btn{border:1px dashed var(--surface-border);color:var(--text-secondary);font-size:var(--fs-xs);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:flex}.profile-add-link-btn:hover{color:#0177fd;border-color:#0177fd66}.auth-modal-backdrop{z-index:1100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s var(--ease-out);background:radial-gradient(at 50% 35%,#0177fd29,#0000 62%),#04060fd6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}@keyframes authModalRise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.auth-modal{width:100%;max-width:1080px;height:min(720px,100dvh - 48px);animation:authModalRise .5s var(--ease-out);background:#0b0a09;border:1px solid #0177fd47;border-radius:20px;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 30px 90px #000000a6,0 0 90px #0177fd24}.auth-modal-form{background:radial-gradient(circle at 0 0,#0177fd1c,#0000 55%),#0d0c0af0;padding:64px 52px 44px;display:flex;position:relative;overflow-y:auto}.auth-modal-form:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff0d 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 15% 0,#000 0%,#0000 70%);mask-image:radial-gradient(at 15% 0,#000 0%,#0000 70%)}.auth-modal-form>*{position:relative}.auth-modal-form .auth-form-header{margin-bottom:26px}.auth-modal-brand{border-left:1px solid #0177fd33;min-height:0;position:relative;overflow:hidden}.auth-modal-close{z-index:2;border:1px solid var(--surface-border);background:var(--surface);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;left:12px}.auth-modal-close:hover{color:var(--text-primary);border-color:#ffffff4d}.auth-modal-link{font:inherit;color:var(--secondary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;transition:color .2s}.auth-modal-link:hover{color:#fff}.auth-modal .auth-eyebrow{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.18em;text-transform:uppercase;color:var(--secondary);margin-bottom:12px;font-weight:500;display:block}.auth-modal .auth-form-header h1{font-family:var(--font-display);font-size:var(--fs-3xl);letter-spacing:-.01em;color:var(--text-primary);-webkit-text-fill-color:var(--text-primary);background:0 0;margin-bottom:10px;font-style:italic;font-weight:700;line-height:1.1}.auth-modal .auth-form-header h1 em{background:linear-gradient(100deg, var(--primary), var(--secondary));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-right:.06em;font-style:italic}.auth-modal .auth-form-header p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.5}.auth-modal .form-group label,.auth-modal .form-label-row label{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.16em;text-transform:uppercase;color:#f5f3ef9e;font-weight:500}.auth-modal .form-inline-link{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase}.auth-modal .input-field{font-size:var(--fs-sm);background:#ffffff09;border-color:#ffffff1a;border-radius:12px}.auth-modal .input-field:focus{background:#0177fd0d;border-color:#0177fdd9;box-shadow:0 0 0 3px #0177fd29,0 0 24px #0177fd1f}.auth-modal .btn-primary{color:#fff;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(100deg,#0177fd 0%,#00b4ff 60%,#00d4ff 100%);border-radius:999px;padding:14px 24px;font-style:normal;font-weight:500;position:relative;overflow:hidden;box-shadow:0 8px 28px #0177fd52}.auth-modal .btn-primary:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff57,#0000);width:40%;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.auth-modal .btn-primary:hover:not(:disabled){box-shadow:0 0 0 4px #0177fd24,0 12px 36px #0177fd73}.auth-modal .btn-primary:hover:not(:disabled):before{animation:heroSheen .9s var(--ease-out) 1}.auth-modal .btn-primary>*{z-index:1;position:relative}.auth-modal .auth-divider{font-size:var(--fs-2xs);letter-spacing:.22em;margin:18px 0}.auth-modal .btn-google{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;padding:13px 24px;font-weight:500}.auth-modal .btn-google:hover:not(:disabled){box-shadow:none;background:#ffffff14;border-color:#ffffff57}.auth-modal .auth-footer{font-size:var(--fs-xs);margin-top:22px}.auth-modal .auth-form-inner{max-width:420px;margin:auto}.auth-modal .auth-form-header h1{font-size:var(--fs-4xl)}.auth-modal .auth-form-header p{font-size:var(--fs-sm)}.auth-modal .input-field{padding-block:15px}.auth-modal .btn-primary{padding:17px 24px}.auth-modal .btn-google{padding:16px 24px}@media (max-width:860px){.auth-modal-backdrop{padding:16px}.auth-modal{grid-template-columns:minmax(0,1fr);max-width:480px;height:min(700px,100dvh - 32px)}.auth-modal-form{padding:60px 24px 32px}.auth-modal .auth-form-header h1{font-size:var(--fs-3xl)}}.auth-modal .auth-steps{gap:6px;margin-bottom:22px;display:flex}.auth-modal .auth-steps span{width:26px;height:3px;transition:width .35s var(--ease-out), background .35s var(--ease-out);background:#ffffff1a;border-radius:999px}.auth-modal .auth-steps .auth-steps-done{background:#0177fd8c}.auth-modal .auth-steps .auth-steps-active{background:linear-gradient(90deg, var(--primary), var(--secondary));width:46px;box-shadow:0 0 10px #0177fd80}.auth-modal .auth-back{cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);transition:color .2s ease, transform .2s var(--ease-out);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:0;display:inline-flex}.auth-modal .auth-back:hover{color:var(--text-primary);transform:translate(-2px)}.auth-modal .auth-email-chip{color:var(--text-primary);font-size:var(--fs-sm);background:#0177fd0f;border:1px solid #0177fd47;border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:11px 14px;display:flex}.auth-modal .auth-email-chip svg{color:var(--secondary);flex-shrink:0}.auth-modal .auth-email-chip span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.auth-modal .auth-email-chip button{cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--secondary);background:0 0;border:none;transition:color .2s}.auth-modal .auth-email-chip button:hover{color:#fff}.auth-modal .auth-check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:11px;margin-top:4px;display:flex;position:relative}.auth-modal .auth-check input{opacity:0;width:0;height:0;position:absolute}.auth-modal .auth-check-box{background:#ffffff0a;border:1px solid #ffffff47;border-radius:5px;flex-shrink:0;width:18px;height:18px;margin-top:1px;transition:background .2s,border-color .2s,box-shadow .2s}.auth-modal .auth-check:hover .auth-check-box{border-color:#0177fdcc}.auth-modal .auth-check input:focus-visible+.auth-check-box{box-shadow:0 0 0 3px #0177fd4d}.auth-modal .auth-check input:checked+.auth-check-box{background:linear-gradient(135deg, var(--primary), var(--secondary));border-color:#0000;box-shadow:0 0 14px #0177fd73}.auth-modal .auth-check input:checked+.auth-check-box:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;margin:2px 0 0 6px;display:block;transform:rotate(45deg)}.auth-modal .auth-check-text{font-size:var(--fs-xs);color:#f5f3efb8;line-height:1.5}.auth-modal .auth-check-text a,.auth-modal .auth-legal a{color:var(--secondary);font-weight:500;transition:color .2s}.auth-modal .auth-check-text a:hover,.auth-modal .auth-legal a:hover{color:#fff;text-decoration:underline}.auth-modal .auth-legal{text-align:center;font-size:var(--fs-2xs);color:var(--text-secondary);margin-top:26px;line-height:1.65}.auth-modal .auth-note{background:#0177fd0d;border:1px dashed #0177fd52;border-radius:12px;margin-top:18px;padding:14px}.auth-modal .auth-note>p{font-size:var(--fs-xs);color:#f5f3efc7;margin-bottom:12px;line-height:1.5}.auth-modal .auth-note .error-message{margin:10px 0 0}.auth-modal .auth-choice{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auth-terms-backdrop{z-index:1200}.auth-modal.auth-terms{max-width:440px;height:auto;padding:36px 32px 24px;display:block}.auth-modal.auth-terms .auth-form-header{margin-bottom:22px}.auth-modal .auth-terms-cancel{cursor:pointer;font-size:var(--fs-xs);color:var(--text-secondary);background:0 0;border:none;margin:14px auto 0;padding:4px 8px;transition:color .2s;display:block}.auth-modal .auth-terms-cancel:hover{color:var(--text-primary)}.auth-modal-brand .brand-logo-wrap img{max-width:82%;height:auto}@media (max-width:860px){.auth-modal{grid-template-columns:1fr;max-width:440px}.auth-modal-close{left:auto;right:12px}.auth-modal-form{padding:40px 24px 28px}}.auth-split{grid-template-columns:1fr 1fr;min-height:100vh;display:grid;overflow:hidden}.auth-form-side{border-right:1px solid var(--surface-border);background:#100f0db3;justify-content:center;align-items:center;padding:48px 40px;display:flex}.auth-form-inner{width:100%;max-width:400px}.auth-form-header{margin-bottom:36px}.auth-form-header h1{font-size:var(--fs-3xl);background:linear-gradient(120deg, #fff 40%, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-weight:700}.auth-form-header p{color:var(--text-secondary);font-size:var(--fs-base)}.auth-brand-side{position:relative;overflow:hidden}.input-wrap{position:relative}.input-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-field--icon{padding-left:40px}.input-field--password{padding-right:40px}.password-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--text-primary)}.input-hint{font-size:var(--fs-xs);color:var(--text-secondary);margin-top:5px}.form-group{margin-bottom:20px}.form-group label{font-size:var(--fs-sm);color:var(--text-secondary);letter-spacing:.02em;margin-bottom:8px;font-weight:500;display:block}.form-label-row{justify-content:space-between;align-items:center;display:flex}.form-label-row label{margin-bottom:8px}.form-inline-link{font-size:var(--fs-xs);color:var(--primary);margin-bottom:8px}.auth-status-icon{margin-bottom:16px}.auth-status-icon--primary{color:var(--primary)}.auth-status-icon--danger{color:var(--danger)}.form-inline-link:hover{text-decoration:underline}.error-message{color:var(--danger);font-size:var(--fs-xs);margin-top:6px}.success-message{color:#4ade80;font-size:var(--fs-xs);margin-top:6px}.inline-text-button{color:var(--primary);font-size:var(--fs-xs);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.auth-footer{text-align:center;font-size:var(--fs-sm);color:var(--text-secondary);margin-top:28px}.auth-divider{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:12px;margin:20px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.btn-google{color:#1f1f1f;border-radius:var(--radius-sm);width:100%;font-size:var(--fs-base);cursor:pointer;transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), opacity .2s var(--ease-out);background:#fff;border:none;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-weight:600;display:flex}.btn-google:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ffffff26}.btn-google:active{transform:translateY(1px)}.btn-google:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.brand-panel{background:radial-gradient(ellipse at 60% 35%, #0177fd12 0%, transparent 55%), radial-gradient(ellipse at 30% 70%, #00d4ff17 0%, transparent 55%), linear-gradient(160deg, var(--background) 0%, var(--surface-solid) 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.brand-grid{background-image:radial-gradient(circle,#ffffff0f 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.brand-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.brand-cursor-glow{pointer-events:none;opacity:0;z-index:2;background:radial-gradient(circle,#0177fd1f,#0000 68%);border-radius:50%;width:360px;height:360px;transition:opacity .3s;position:absolute;transform:translate(-50%,-50%)}.brand-hud{z-index:10;flex-direction:column;gap:3px;padding:14px;display:flex;position:absolute}.brand-hud-tl{top:0;left:0}.brand-hud-tr{text-align:right;top:0;right:0}.brand-hud-bl{bottom:0;left:0}.brand-hud-br{text-align:right;bottom:0;right:0}.brand-hud-label{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.15em;color:#0177fd73;text-transform:uppercase}.brand-hud-value{font-family:var(--font-mono);font-size:var(--fs-2xs);color:#ffffff8c;letter-spacing:.05em}.brand-hud-status{color:#0177fd80;font-size:var(--fs-2xs);letter-spacing:.1em}.brand-orb{filter:blur(60px);will-change:transform;pointer-events:none;border-radius:50%;transition:transform .15s ease-out;position:absolute}.brand-orb-1{background:radial-gradient(circle,#0177fd33,#0000 70%);width:420px;height:420px;animation:8s ease-in-out infinite orbFloat1;top:25%;left:30%;transform:translate(-50%,-50%)}.brand-orb-2{background:radial-gradient(circle,#00d4ff38,#0000 70%);width:320px;height:320px;animation:10s ease-in-out infinite orbFloat2;top:68%;left:65%;transform:translate(-50%,-50%)}.brand-orb-3{background:radial-gradient(circle,#0050d429,#0000 70%);width:220px;height:220px;animation:12s ease-in-out infinite orbFloat3;top:20%;left:72%;transform:translate(-50%,-50%)}@keyframes orbFloat1{0%,to{opacity:.7}50%{opacity:1}}@keyframes orbFloat2{0%,to{opacity:.5}33%{opacity:.9}66%{opacity:.6}}@keyframes orbFloat3{0%,to{opacity:.4}50%{opacity:.8}}.brand-rings{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.brand-ring{border:1px solid #00e5ff1f;border-radius:50%;animation:4s ease-out infinite ringPulse;position:absolute}.brand-ring-1{border-color:#0177fd26;width:280px;height:280px;animation-delay:0s}.brand-ring-2{border-color:#00d4ff1a;width:420px;height:420px;animation-delay:1.3s}.brand-ring-3{border-color:#0177fd0d;width:560px;height:560px;animation-delay:2.6s}@keyframes ringPulse{0%{opacity:0;transform:scale(.9)}30%{opacity:1}to{opacity:0;transform:scale(1.1)}}.brand-particle{opacity:0;background:#0177fd;border-radius:50%;animation:3.5s ease-in-out infinite particleFade;position:absolute}@keyframes particleFade{0%,to{opacity:0;transform:translateY(0)}40%{opacity:.6}60%{opacity:.4;transform:translateY(-8px)}}.brand-logo-wrap{z-index:20;will-change:transform;flex-direction:column;align-items:center;gap:20px;transition:transform .12s ease-out;display:flex;position:relative}.brand-logo-glow{filter:blur(28px);pointer-events:none;background:radial-gradient(#0177fd2e,#0000 68%);width:280px;height:280px;animation:3s ease-in-out infinite alternate logoGlow;position:absolute}@keyframes logoGlow{0%{opacity:.5;transform:scaleX(.9)}to{opacity:1;transform:scaleX(1.1)}}.brand-wordmark{font-size:var(--fs-4xl);letter-spacing:-.01em;margin-top:4px;font-weight:700;line-height:1}.brand-word-motion{color:#fff}.brand-word-metrix{color:#00d4ff}.brand-wordmark-serif{font-family:var(--font-display);font-size:var(--fs-5xl);letter-spacing:-.01em;white-space:nowrap;color:var(--text-primary);margin-top:4px;font-weight:700;line-height:1}.brand-wordmark-serif-accent{color:var(--primary);font-style:italic}.brand-logo-wrap--mobile .brand-wordmark-serif{font-size:var(--fs-2xl)}.brand-tagline{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.2em;text-transform:uppercase;color:#ffffff4d;margin-top:6px;font-weight:500}@keyframes slideInLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}.auth-enter-left{animation:.45s cubic-bezier(.22,1,.36,1) both slideInLeft}.auth-enter-right{animation:.45s cubic-bezier(.22,1,.36,1) both slideInRight}@media (max-width:768px){.auth-split{grid-template-columns:1fr;min-height:100dvh}.auth-brand-side{border-bottom:none;border-right:none;order:-1;height:auto}.brand-panel--mobile{background:radial-gradient(ellipse at 60% 30%, #0177fd24 0%, transparent 55%), radial-gradient(ellipse at 30% 80%, #00d4ff29 0%, transparent 55%), linear-gradient(160deg, var(--background) 0%, var(--surface-solid) 100%);border-radius:0 0 28px 28px;justify-content:center;align-items:center;padding:32px 0;display:flex;position:relative;overflow:hidden}.brand-panel--mobile .brand-orb-1{width:170px;height:170px;top:25%;left:22%}.brand-panel--mobile .brand-orb-2{width:140px;height:140px;top:75%;left:75%}.brand-panel--mobile .brand-orb-3{display:none}.brand-logo-wrap--mobile{gap:8px}.brand-logo-wrap--mobile .brand-logo-glow{filter:blur(18px);width:140px;height:140px}.brand-logo-wrap--mobile .brand-tagline{font-size:var(--fs-2xs);margin-top:2px}.auth-form-side{border-right:none;padding:28px 20px}.auth-form-inner{max-width:420px}.auth-form-header{margin-bottom:24px}.auth-form-header h1{font-size:var(--fs-2xl)}.form-group{margin-bottom:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.app-layout{height:100vh;display:flex;overflow:hidden}.app-main{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex:1;min-width:0;height:100vh;padding-top:74px;overflow:hidden auto}.app-main--no-topnav{padding-top:0}.app-main.app-main--bare{padding-top:0;padding-bottom:0}.app-main.app-main--hero-bleed{padding-top:0}@media (max-width:1024px){.app-main.app-main--hero-bleed{padding-top:56px}}.app-main::-webkit-scrollbar{width:6px}.app-main::-webkit-scrollbar-track{background:0 0}.app-main::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.app-main::-webkit-scrollbar-thumb:hover{background:#ffffff2e;border-radius:10px}.app-main::-webkit-scrollbar-thumb:active{background:#ffffff2e;border-radius:10px}.app-main::-webkit-scrollbar-thumb:window-inactive{background:#ffffff2e;border-radius:10px}.app-sidebar{z-index:20;-webkit-backdrop-filter:blur(64px)saturate(1.8);backdrop-filter:blur(64px)saturate(1.8);background:#080807a6;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:24px;height:74px;padding:8px 32px 0;display:flex;position:fixed;top:0;left:0;right:0}.sidebar-brand{flex-shrink:0;align-items:center;gap:12px;display:flex}.sidebar-wordmark{font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:-.01em;white-space:nowrap;color:var(--text-primary);font-weight:700;line-height:1}.sidebar-wordmark-accent{color:var(--primary);font-style:italic}.sidebar-nav{align-items:center;gap:36px;display:flex;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.sidebar-link{font-family:var(--font-sans);font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:#f5f3ef73;white-space:nowrap;transition:color .25s var(--ease-out);font-weight:400;position:relative}.sidebar-link:hover{color:#f5f3efe6}.sidebar-link--active{color:var(--text-primary)}.sidebar-link--active:after{content:"";background:linear-gradient(90deg, var(--secondary), var(--primary));border-radius:2px;height:2px;position:absolute;bottom:-22px;left:0;right:0;box-shadow:0 0 8px #0177fd99}.sidebar-bottom{flex-shrink:0;position:relative}.sidebar-user-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:0;display:flex}.sidebar-avatar,.sum-avatar,.profile-avatar-lg{font-family:var(--font-display);font-style:normal;font-weight:700;line-height:1}.sidebar-avatar{background:linear-gradient(135deg, var(--secondary), var(--primary));width:32px;height:32px;font-size:var(--fs-xs);color:#fff;box-shadow:var(--shadow-glow-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.sidebar-avatar img,.sum-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-user-info{flex-direction:column;display:flex;overflow:hidden}.sidebar-user-name{font-size:var(--fs-xs);color:#ffffffbf;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-user-plan{font-size:var(--fs-2xs);color:#ffffff4d;text-transform:capitalize}.sidebar-user-menu{-webkit-backdrop-filter:blur(24px)saturate(1.4);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal), 0 0 0 1px #0177fd0a;z-index:200;animation:sumSlideIn .15s var(--ease-out) both;background:#100f0df7;border:1px solid #0177fd24;min-width:220px;padding:8px;position:absolute}.sidebar-user-menu--down{top:calc(100% + 12px);right:0}.sidebar-user-menu--up{bottom:calc(100% + 8px);left:0;right:0}@keyframes sumSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sum-header{align-items:center;gap:10px;padding:8px 6px 10px;display:flex}.sum-avatar{background:linear-gradient(135deg, var(--secondary), var(--primary));width:34px;height:34px;box-shadow:var(--shadow-glow-primary);font-size:var(--fs-xs);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.sum-header-info{flex-direction:column;display:flex;overflow:hidden}.sum-name{font-size:var(--fs-sm);color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sum-email{font-size:var(--fs-xs);color:#ffffff73;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.sum-plan{font-size:var(--fs-2xs);color:#ffffff4d;text-transform:capitalize;margin-top:2px}.sum-divider{background:#ffffff0f;height:1px;margin:4px 0}.sum-item{border-radius:var(--radius-sm);color:#fff9;width:100%;font-size:var(--fs-sm);cursor:pointer;transition:background .12s var(--ease-out), color .12s var(--ease-out);text-align:left;background:0 0;border:none;align-items:center;gap:9px;padding:8px 10px;font-weight:500;display:flex}.sum-item:hover{color:#ffffffe6;background:#0177fd14}.sum-item--danger{color:#ff6464b3}.sum-item--danger:hover{color:#ff6b6b;background:#ef44441a}.bottom-nav{z-index:30;height:64px;padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(20px)saturate(1.4);border-top:1px solid var(--surface-border);background:#100f0df7;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-link{color:#ffffff73;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:100%;display:flex}.bottom-nav-link--active{color:#0177fd}.bottom-nav-label{font-size:var(--fs-2xs);font-weight:600}.mobile-top-bar{z-index:30;-webkit-backdrop-filter:blur(20px)saturate(1.4);border-bottom:1px solid var(--surface-border);background:#100f0df7;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 10px;display:none;position:fixed;top:0;left:0;right:0}.mobile-top-bar-lead{align-items:center;gap:10px;min-width:0;display:flex;overflow:visible}.mobile-top-bar-trail{flex-shrink:0;align-items:center;gap:10px;display:flex;position:relative}.mobile-filter-toggle{border-radius:var(--radius-md);color:#ffffffbf;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-filter-toggle--active{color:#0177fd;background:#0177fd26;border-color:#0177fd59}.mobile-filter-backdrop{display:none}@media (max-width:1024px){.app-sidebar{display:none}.bottom-nav,.mobile-top-bar{display:flex}.app-main{padding-top:56px;padding-bottom:64px}.mobile-filter-backdrop--open{z-index:34;background:#04060f80;display:block;position:fixed;inset:0}}.dash-page{max-width:1500px;margin:0 auto;padding:36px 40px}.home-hero{background:radial-gradient(ellipse at 65% 25%, #0177fd1f 0%, transparent 55%), radial-gradient(ellipse at 22% 78%, #00d4ff1c 0%, transparent 55%), linear-gradient(160deg, var(--background) 0%, var(--surface-solid) 100%);border-bottom:1px solid var(--surface-border);flex-direction:column;justify-content:center;min-height:100dvh;padding:168px 40px 120px;display:flex;position:relative;overflow:hidden}.home-hero-aurora{z-index:1;pointer-events:none;filter:blur(90px);opacity:.5;background:conic-gradient(from 120deg,#0177fd00 0deg,#0177fd29 90deg,#00d4ff24 180deg,#0177fd00 300deg);animation:26s linear infinite heroAurora;position:absolute;inset:-35%}@keyframes heroAurora{to{transform:rotate(360deg)}}.home-hero-scan{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#00d4ff80,#0000);height:1px;animation:8s ease-in-out infinite heroScan;position:absolute;top:0;left:0;right:0}@keyframes heroScan{0%{opacity:0;transform:translateY(0)}6%{opacity:1}94%{opacity:1}to{opacity:0;transform:translateY(min(80vh,920px))}}.home-hero-hud{z-index:3;font-family:var(--font-mono);pointer-events:none;flex-direction:column;gap:2px;display:flex;position:absolute}.home-hero-hud--tl{top:94px;left:40px}.home-hero-hud--br{text-align:right;bottom:26px;right:40px}.home-hero-hud-label{font-size:var(--fs-2xs);letter-spacing:.18em;text-transform:uppercase;color:#0177fd80}.home-hero-hud-value{font-size:var(--fs-2xs);letter-spacing:.06em;color:#f5f3ef66}.home-hero-orb{filter:blur(70px);pointer-events:none;z-index:1;border-radius:50%;position:absolute}.home-hero-orb-1{background:radial-gradient(circle,#0177fd3d,#0000 70%);width:380px;height:380px;animation:8s ease-in-out infinite orbFloat1;top:-100px;left:6%}.home-hero-orb-2{background:radial-gradient(circle,#00d4ff33,#0000 70%);width:320px;height:320px;animation:10s ease-in-out infinite orbFloat2;bottom:-120px;left:52%}.home-hero-orb-3{background:radial-gradient(circle,#0050d42e,#0000 70%);width:260px;height:260px;animation:12s ease-in-out infinite orbFloat3;top:-80px;right:8%}.home-hero-inner{z-index:3;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,5vw,72px);width:100%;max-width:1500px;margin:0 auto;display:grid;position:relative}.home-hero-art{justify-self:end;width:100%;max-width:720px}.home-stage-tag{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffffe6;background:#0a0a0cb3;border-radius:999px;padding:4px 10px;font-size:10px;position:absolute;bottom:12px;left:12px}@media (max-width:1000px){.home-hero-inner{grid-template-columns:1fr}.home-hero-art{justify-self:center;max-width:560px}}.home-hero-content{max-width:780px}.home-hero-content h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin:18px 0 22px;font-size:clamp(2.6rem,7vw,5rem);font-weight:700;line-height:1.02}.home-hero-content h1 em{color:var(--primary);font-style:italic}@keyframes heroGradientText{0%,to{background-position:0%}50%{background-position:100%}}.home-hero-content p{color:#f5f3ef94;max-width:560px;margin-bottom:40px;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.6}.home-hero-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.home-cta-primary{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.18em;text-transform:uppercase;transition:transform .4s var(--ease-out), border-color .3s var(--ease-out), box-shadow .4s var(--ease-out);background:linear-gradient(#0177fd3d,#0177fd1a);border:1px solid #0177fd80;border-radius:999px;align-items:center;gap:14px;padding:12px 12px 12px 34px;font-weight:500;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #0177fd38}.home-cta-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:40%;animation:4.5s ease-in-out infinite heroSheen;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}@keyframes heroSheen{0%{left:-60%}55%{left:140%}to{left:140%}}.home-cta-primary:hover{border-color:#0177fdf2;box-shadow:0 0 0 6px #0177fd1f,0 16px 54px #0177fd66}.home-cta-primary:disabled{opacity:.6;cursor:not-allowed}.home-cta-primary>span{z-index:1;position:relative}.home-cta-primary-arrow{z-index:1;background:var(--primary);color:#fff;width:36px;height:36px;transition:transform .3s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative}.home-cta-primary:hover .home-cta-primary-arrow{transform:translate(4px)}.home-hero-quick{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:#f5f3ef61;align-items:center;gap:12px;display:inline-flex}.home-hero-quick button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:#f5f3efb8;transition:color .2s var(--ease-out), border-color .2s var(--ease-out);background:0 0;border:none;border-bottom:1px solid #0000;padding:2px 0}.home-hero-quick button:hover{color:var(--secondary);border-color:var(--secondary)}.home-hero-quick button:disabled{opacity:.5;cursor:not-allowed}.home-hero-scrollcue{z-index:3;color:#f5f3ef66;width:fit-content;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.22em;text-transform:uppercase;transition:color .2s var(--ease-out);background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;margin-inline:auto;display:inline-flex;position:absolute;bottom:26px;left:0;right:0}.home-hero-scrollcue:hover{color:var(--text-primary)}.home-hero-scrollcue svg{animation:1.8s ease-in-out infinite heroBob}@keyframes heroBob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (max-width:1024px){.home-hero{min-height:calc(100dvh - 56px)}}@media (max-width:768px){.home-hero{justify-content:flex-start;min-height:calc(100dvh - 120px);padding:28px 20px 58px}.home-hero-inner{flex-direction:column;flex:auto;gap:4px;min-height:0;display:flex}.home-hero-content h1{margin:12px 0 16px}.home-hero-art{flex:1 1 0;justify-content:center;align-items:center;min-height:140px;display:flex}.home-hero--video .home-hero-art{width:100%;max-width:none;height:auto}.home-hero-scrollcue{bottom:12px}.home-hero-content{max-width:100%}.home-hero-hud--tl{top:16px;left:20px}.home-hero-hud--br{bottom:78px;right:20px}.home-hero-actions{gap:18px}}@media (max-width:768px) and (max-height:720px){.home-hero-art{display:none}}@media (prefers-reduced-motion:reduce){.home-hero-aurora,.home-hero-scan,.home-hero-content h1 em,.home-cta-primary:before,.home-hero-scrollcue svg,.home-latest-dot,.showcase-frame-eq i,.hs-tile{animation:none!important}.home-hero-scan{opacity:0}}.home-latest{background:linear-gradient(180deg, #0177fd0d, transparent), var(--background);border-bottom:1px solid var(--surface-border)}.home-latest-inner{align-items:center;gap:28px;max-width:1500px;margin:0 auto;padding:22px 40px;display:flex}.home-latest-tag{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.18em;text-transform:uppercase;color:var(--secondary);flex-shrink:0;align-items:center;gap:8px;font-weight:500;display:inline-flex}.home-latest-dot{background:var(--secondary);border-radius:999px;width:7px;height:7px;animation:2.4s ease-in-out infinite latestPulse;box-shadow:0 0 #00d4ff80}@keyframes latestPulse{0%,to{box-shadow:0 0 #00d4ff73}50%{box-shadow:0 0 0 6px #00d4ff00}}.home-latest-marquee{flex:1;min-width:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.home-latest-track{align-items:center;width:max-content;margin:0;padding:0;list-style:none;animation:38s linear infinite latestMarquee;display:flex}.home-latest-marquee:hover .home-latest-track{animation-play-state:paused}@keyframes latestMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.home-latest-item{border-right:1px solid var(--surface-border);flex:none;align-items:center;gap:10px;margin-right:28px;padding-right:28px;display:flex}.home-latest-item>svg{color:var(--primary);flex-shrink:0}.home-latest-item div{flex-direction:column;gap:2px;display:flex}.home-latest-item strong{font-size:var(--fs-xs);color:var(--text-primary);white-space:nowrap;font-weight:600}.home-latest-item span{font-size:var(--fs-2xs);color:#f5f3ef80;white-space:nowrap;line-height:1.4}@media (max-width:640px){.home-latest-inner{flex-direction:column;align-items:flex-start;gap:12px;padding:18px 20px}.home-latest-marquee{width:100%}}.reveal{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(28px)}.reveal--in{opacity:1;transform:none}.type-caret{vertical-align:-.08em;background:var(--secondary);border-radius:1px;width:2px;height:.92em;margin-left:.06em;animation:1s step-end infinite caretBlink;display:inline-block}@keyframes caretBlink{0%,49%{opacity:1}50%,to{opacity:0}}.home-hero-content>*{animation:heroEnter .75s var(--ease-out) both}.home-hero-content>:first-child{animation-delay:50ms}.home-hero-content>:nth-child(2){animation-delay:.15s}.home-hero-content>:nth-child(3){animation-delay:.28s}.home-hero-content>:nth-child(4){animation-delay:.4s}.home-hero-hud,.home-hero-scrollcue{animation:heroEnter .9s var(--ease-out) both;animation-delay:.7s}@keyframes heroEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.home-models-strip .home-model-mark{opacity:0;transition:opacity .45s var(--ease-out), transform .45s var(--ease-out), color .2s var(--ease-out), border-color .2s var(--ease-out), background .2s var(--ease-out);transform:translateY(14px)scale(.9)}.home-models-strip.reveal--in .home-model-mark{opacity:1;transform:none}.home-models-strip.reveal--in .home-model-mark:first-child{transition-delay:20ms}.home-models-strip.reveal--in .home-model-mark:nth-child(2){transition-delay:70ms}.home-models-strip.reveal--in .home-model-mark:nth-child(3){transition-delay:.12s}.home-models-strip.reveal--in .home-model-mark:nth-child(4){transition-delay:.17s}.home-models-strip.reveal--in .home-model-mark:nth-child(5){transition-delay:.22s}.home-models-strip.reveal--in .home-model-mark:nth-child(6){transition-delay:.27s}.home-models-strip.reveal--in .home-model-mark:nth-child(7){transition-delay:.32s}.home-models-strip.reveal--in .home-model-mark:nth-child(8){transition-delay:.37s}.home-models-strip.reveal--in .home-model-mark:nth-child(9){transition-delay:.42s}.app-main--hero-bleed .tool-grid .tool-card{opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out), border-color .2s, box-shadow .2s;transform:translateY(22px)}.app-main--hero-bleed .tool-grid.reveal--in .tool-card{opacity:1;transform:none}.app-main--hero-bleed .tool-grid.reveal--in .tool-card:first-child{transition-delay:30ms}.app-main--hero-bleed .tool-grid.reveal--in .tool-card:nth-child(2){transition-delay:90ms}.app-main--hero-bleed .tool-grid.reveal--in .tool-card:nth-child(3){transition-delay:.15s}.app-main--hero-bleed .tool-grid.reveal--in .tool-card:nth-child(4){transition-delay:.21s}.app-main--hero-bleed .tool-grid.reveal--in .tool-card:nth-child(5){transition-delay:.27s}.app-main--hero-bleed .tool-grid.reveal--in .tool-card:nth-child(6){transition-delay:.33s}.app-main--hero-bleed .tool-grid.reveal--in .tool-card:nth-child(7){transition-delay:.39s}.app-main--hero-bleed .tool-grid.reveal--in .tool-card:nth-child(8){transition-delay:.45s}.app-main--hero-bleed .tool-grid.reveal--in .tool-card:nth-child(n+9){transition-delay:.5s}@media (prefers-reduced-motion:reduce){.reveal,.home-hero-content>*,.home-hero-hud,.home-hero-scrollcue,.home-models-strip .home-model-mark,.app-main--hero-bleed .tool-grid .tool-card{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.type-caret{animation:none}.home-latest-track{animation:none!important}.home-latest-marquee{overflow-x:auto}.home-latest-item[aria-hidden=true]{display:none}}.home-showcase{max-width:1500px;margin:0 auto;padding:76px 40px 20px;scroll-margin-top:90px;overflow-x:hidden}.home-showcase-head{justify-content:space-between;align-items:center;gap:48px;margin-bottom:56px;display:flex}.home-showcase-head-text{flex:auto;max-width:620px}.home-showcase-head-strip{perspective:1100px;perspective-origin:50% 40%;flex:none;align-items:center;display:flex}.hs-tile{--hs-face:#1c2740;--hs-face-lo:#0e1526;--hs-edge:#05080f;--hs-glow:#0177fd80;color:#f5f3ef;background:radial-gradient(120% 90% at 30% 15%, #ffffff38, transparent 55%), linear-gradient(158deg, var(--hs-face) 0%, var(--hs-face-lo) 100%);width:108px;height:108px;box-shadow:inset 0 3px 4px #ffffff4d, inset 0 -14px 20px #0006, inset 0 0 0 1px #ffffff0f, 0 10px 0 var(--hs-edge), 0 26px 34px #00000080, 0 30px 60px -8px var(--hs-glow);transform:rotateX(16deg) rotateY(var(--hs-ry,0deg)) rotateZ(var(--hs-rz,0deg)) translateY(var(--hs-ty,0px));animation:hsFloat var(--hs-dur,9s) ease-in-out infinite;animation-delay:var(--hs-delay,0s);border-radius:28px;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.hs-tile svg{filter:drop-shadow(0 3px 4px #00000073)}.hs-tile:not(:first-child){margin-left:-20px}.hs-tile-1{--hs-ry:20deg;--hs-rz:-8deg;--hs-dur:9s;--hs-delay:0s;z-index:1;--hs-face:#1a3358;--hs-face-lo:#0c1c33;--hs-glow:#0177fd8c}.hs-tile-2{--hs-ry:10deg;--hs-rz:5deg;--hs-dur:11s;--hs-delay:-3s;z-index:2;--hs-face:#14384a;--hs-face-lo:#082430;--hs-glow:#00d4ff80}.hs-tile-3{--hs-ry:0deg;--hs-rz:-3deg;--hs-dur:8s;--hs-delay:-1.5s;z-index:5;--hs-face:#223a63;--hs-face-lo:#0e1d3c;--hs-glow:#5082ff8c}.hs-tile-4{--hs-ry:-10deg;--hs-rz:7deg;--hs-dur:12s;--hs-delay:-5s;z-index:3;--hs-face:#163a44;--hs-face-lo:#08262c;--hs-glow:#00d4ff80}.hs-tile-5{--hs-ry:-20deg;--hs-rz:-6deg;--hs-dur:10s;--hs-delay:-2s;z-index:2;--hs-face:#2a2f5c;--hs-face-lo:#131636;--hs-glow:#786eff80}@keyframes hsFloat{0%,to{transform:rotateX(16deg) rotateY(var(--hs-ry,0deg)) rotateZ(var(--hs-rz,0deg)) translateY(0)}50%{transform:rotateX(16deg) rotateY(var(--hs-ry,0deg)) rotateZ(var(--hs-rz,0deg)) translateY(-12px)}}@media (max-width:1240px){.home-showcase-head{gap:32px}.hs-tile{border-radius:24px;width:90px;height:90px}.hs-tile svg{width:34px;height:34px}.hs-tile:not(:first-child){margin-left:-18px}}@media (max-width:1000px){.home-showcase-head{display:block}.home-showcase-head-strip{display:none}}.home-showcase-head h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);margin:12px 0;font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:700;line-height:1.12}.home-showcase-head h2 em,.showcase-row-copy h3 em{color:#f5f3ef61;font-style:italic}.home-showcase-head p{font-size:var(--fs-base);color:var(--text-secondary)}.showcase-row{border-top:1px solid var(--surface-border);grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(32px,6vw,88px);padding:44px 0;display:grid}.showcase-row:nth-child(2n) .showcase-row-media{order:2}.showcase-row .showcase-row-media,.showcase-row .showcase-row-copy{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out)}.showcase-row .showcase-row-media{transform:translate(-40px)}.showcase-row .showcase-row-copy,.showcase-row:nth-child(2n) .showcase-row-media{transform:translate(40px)}.showcase-row:nth-child(2n) .showcase-row-copy{transform:translate(-40px)}.showcase-row.reveal--in .showcase-row-media,.showcase-row.reveal--in .showcase-row-copy{opacity:1;transform:none}.showcase-row.reveal--in .showcase-row-copy{transition-delay:.1s}@media (max-width:860px){.home-showcase{padding:52px 20px 12px}.showcase-row{grid-template-columns:1fr;gap:24px;padding:36px 0}.showcase-row:nth-child(2n) .showcase-row-media{order:0}.showcase-row .showcase-row-media,.showcase-row .showcase-row-copy,.showcase-row:nth-child(2n) .showcase-row-media,.showcase-row:nth-child(2n) .showcase-row-copy{transform:translateY(24px)}.showcase-row.reveal--in .showcase-row-media,.showcase-row.reveal--in .showcase-row-copy{transform:none}}@media (prefers-reduced-motion:reduce){.showcase-row .showcase-row-media,.showcase-row .showcase-row-copy{opacity:1!important;transition:none!important;transform:none!important}}.showcase-row-copy .projects-hero-eyebrow{margin-bottom:8px}.showcase-row-copy h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);margin:0 0 12px;font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:700;line-height:1.15}.showcase-row-copy p{font-size:var(--fs-base);color:#f5f3ef9e;max-width:460px;margin:0 0 20px;line-height:1.6}.showcase-link{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary);transition:color .2s var(--ease-out), gap .2s var(--ease-out);background:0 0;border:none;align-items:center;gap:8px;padding:0;font-weight:500;text-decoration:none;display:inline-flex}.showcase-link svg{transition:transform .2s var(--ease-out);flex-shrink:0}.showcase-link:hover{color:var(--primary);gap:12px}.showcase-link:hover svg{transform:translate(2px)}.showcase-link:disabled{opacity:.5;pointer-events:none}.showcase-media{aspect-ratio:16/10;background:var(--surface-solid);border-radius:16px;width:100%;position:relative;overflow:hidden}.showcase-media-el{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease-out), transform 8s linear;position:absolute;inset:0;transform:scale(1.04)}.showcase-media-el--loaded{opacity:1;transform:scale(1)}.showcase-media-skeleton{transition:opacity .5s var(--ease-out);background:linear-gradient(100deg,#0177fd0f 30%,#0177fd29 50%,#0177fd0f 70%) 0 0/200% 100%;justify-content:center;align-items:center;animation:1.4s ease-in-out infinite skeletonShimmer;display:flex;position:absolute;inset:0}.showcase-media--cyan .showcase-media-skeleton{background:linear-gradient(100deg,#00d4ff0d 30%,#00d4ff24 50%,#00d4ff0d 70%) 0 0/200% 100%}.showcase-media--violet .showcase-media-skeleton{background:linear-gradient(100deg,#0050d40f 30%,#5078ff29 50%,#0050d40f 70%) 0 0/200% 100%}.showcase-media-skeleton--hidden{opacity:0;pointer-events:none}.showcase-media-fallback{color:#f5f3ef80;flex-direction:column;align-items:center;gap:12px;animation:none;display:flex}.showcase-media-fallback span{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.16em;text-transform:uppercase}.showcase-media-ring{border:1px solid var(--surface-border);pointer-events:none;border-radius:16px;position:absolute;inset:0}.showcase-row,.showcase-row-media{position:relative}.showcase-frame{z-index:1;width:100%;position:relative}.showcase-frame-inner{border-radius:16px;position:relative;overflow:hidden}.showcase-row--wave:before{content:"";opacity:.9;background:linear-gradient(var(--primary), var(--secondary));border-radius:2px;width:3px;height:44px;position:absolute;top:46px;left:0}.showcase-frame-chip{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0608148c;border:1px solid #ffffff24;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:12px;left:12px}.showcase-frame-chip--blue{color:#86b6ff}.showcase-frame-chip--cyan{color:var(--secondary)}.showcase-frame-chip--violet{color:#9db4ff}.showcase-frame-eq{z-index:3;background:linear-gradient(#0000,#040610c7);justify-content:center;align-items:flex-end;gap:4px;height:48px;padding:0 16px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.showcase-frame-eq i{background:linear-gradient(to top, var(--primary), var(--secondary));border-radius:3px;flex:1;max-width:7px;min-height:3px;animation:1.1s ease-in-out infinite eqBar}.showcase-frame-eq i:first-child{animation-duration:.9s;animation-delay:0s}.showcase-frame-eq i:nth-child(2){animation-duration:1.3s;animation-delay:.15s}.showcase-frame-eq i:nth-child(3){animation-duration:1s;animation-delay:.3s}.showcase-frame-eq i:nth-child(4){animation-duration:1.5s;animation-delay:.1s}.showcase-frame-eq i:nth-child(5){animation-duration:.8s;animation-delay:.25s}.showcase-frame-eq i:nth-child(6){animation-duration:1.2s;animation-delay:50ms}.showcase-frame-eq i:nth-child(7){animation-duration:1.4s;animation-delay:.35s}.showcase-frame-eq i:nth-child(8){animation-duration:.95s;animation-delay:.2s}.showcase-frame-eq i:nth-child(9){animation-duration:1.25s;animation-delay:.4s}.showcase-frame-eq i:nth-child(10){animation-duration:1.05s;animation-delay:.1s}.showcase-frame-eq i:nth-child(11){animation-duration:1.35s;animation-delay:.3s}@keyframes eqBar{0%,to{height:16%}50%{height:78%}}@media (max-width:860px){.showcase-row--wave:before{height:36px;top:38px}}.home-models{text-align:center;max-width:1500px;margin:0 auto;padding:44px 40px 8px}.home-models p{font-size:var(--fs-base);color:var(--text-secondary);max-width:520px;margin:8px auto 24px}.home-models-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.home-model-mark{border:1px solid var(--surface-border);color:#f5f3ef9e;width:52px;height:52px;transition:color .2s var(--ease-out), border-color .2s var(--ease-out), background .2s var(--ease-out);background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.home-model-mark:hover{color:var(--text-primary);background:#0177fd0f;border-color:#0177fd59}@media (max-width:768px){.home-models{padding:32px 20px 4px}}.dash-greeting{margin-bottom:32px}.dash-greeting h1{font-size:var(--fs-3xl);margin-bottom:4px;font-weight:700}.dash-greeting h1 span{color:var(--primary)}.dash-greeting p{font-size:var(--fs-sm);color:var(--text-secondary)}.folder-chip-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.folder-chip{border:1px solid var(--surface-border);height:32px;color:var(--text-secondary);font-size:var(--fs-xs);cursor:pointer;background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex}.folder-chip:hover{color:var(--text-primary);background:#ffffff14}.folder-chip--active{color:var(--primary);background:#0177fd1f;border-color:#0177fd66}.folder-chip-count{opacity:.6;font-weight:500}.folder-chip--new{color:var(--text-secondary);border-style:dashed}.folder-chip-wrap{align-items:center;display:flex;position:relative}.folder-chip-actions{opacity:0;align-items:center;gap:2px;margin-left:2px;transition:opacity .12s;display:flex}.folder-chip-wrap:hover .folder-chip-actions{opacity:1}.folder-chip-actions button{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.folder-chip-actions button:hover{color:#fff;background:#ffffff14}.folder-chip--input{cursor:default;padding:0 6px 0 14px}.folder-chip--input input{width:110px;color:var(--text-primary);font-size:var(--fs-xs);background:0 0;border:none;outline:none;font-weight:600}.folder-chip--input button{width:20px;height:20px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.folder-chip--input button:hover{color:#fff;background:#ffffff14}.dash-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:44px;display:grid}.stat-card{background:var(--surface);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px)saturate(1.4);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);border:1px solid #0177fd14;align-items:center;gap:16px;padding:20px 22px;display:flex}.stat-card:hover{border-color:#0177fd33;box-shadow:0 0 24px #0177fd0f}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-icon--blue{color:#0177fd;background:#0177fd1f}.stat-icon--indigo{color:#6b9bff;background:#00d4ff1f}.stat-icon--white{color:#ffffffb3;background:#ffffff0f}.stat-label{font-size:var(--fs-xs);color:var(--text-secondary);margin-bottom:3px}.stat-value{font-size:var(--fs-xl);font-weight:700;line-height:1}.dash-section-title{font-size:var(--fs-base);color:#ffffffa6;letter-spacing:.02em;margin-bottom:16px;font-weight:600}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.plan-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:1024px){.plan-grid{grid-template-columns:1fr}}.tool-card{color:inherit;background:#0a0c1e8c;border:1px solid #0177fd12;border-radius:16px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.tool-card:hover{color:inherit;border-color:#0177fd38;box-shadow:0 4px 32px #0177fd14}.tool-card--disabled{opacity:.5;pointer-events:none}.tool-card-media{aspect-ratio:16/10;background:#ffffff08;position:relative;overflow:hidden}.tool-card-media img,.tool-card-media video{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:block;transform:scale(1.015)}.tool-card:hover .tool-card-media img,.tool-card:hover .tool-card-media video{transform:scale(1.06)}.tool-card-media--placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tool-card-media--placeholder-icon{color:#ffffff1f;transition:transform .4s cubic-bezier(.4,0,.2,1),color .3s;transform:scale(1.4)}.tool-card:hover .tool-card-media--placeholder-icon{transform:scale(1.55)rotate(-4deg)}.tool-card-media--placeholder--blue{background:radial-gradient(circle at 22% 20%, #0177fd52, transparent 55%), radial-gradient(circle at 82% 78%, #0177fd29, transparent 60%), linear-gradient(135deg, #0a1a26, var(--surface-solid))}.tool-card-media--placeholder--indigo{background:radial-gradient(circle at 22% 20%, #00d4ff57, transparent 55%), radial-gradient(circle at 82% 78%, #6b9bff2e, transparent 60%), linear-gradient(135deg, #10123a, var(--surface-solid))}.tool-card-media--placeholder--white{background:radial-gradient(circle at 22% 20%, #ffffff1a, transparent 55%), radial-gradient(circle at 82% 78%, #ffffff0f, transparent 60%), linear-gradient(135deg, var(--surface-solid), var(--background))}.tool-card-media-fade{pointer-events:none;background:linear-gradient(#0a0c1e00 45%,#0a0c1eeb 100%);position:absolute;inset:0}.tool-card-media-chip{z-index:1;position:absolute}.tool-card-media-chip--icon{top:14px;left:14px}.tool-card-media-chip--badge.tool-badge{-webkit-backdrop-filter:blur(6px);top:16px;right:14px}.tool-icon{-webkit-backdrop-filter:blur(6px);border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tool-icon--blue{color:#0177fd;background:#0177fd2e}.tool-icon--indigo{color:#6b9bff;background:#00d4ff38}.tool-icon--white{color:#ffffffbf;background:#ffffff1a}.tool-badge{font-size:var(--fs-2xs);letter-spacing:.04em;border-radius:20px;padding:3px 9px;font-weight:600}.tool-badge--soon{color:#bfe8ff;background:#0177fd29}.tool-badge--temp{color:#ffffffbf;background:#ffffff1f}.tool-card-body{padding:16px 20px 22px;position:relative}.tool-card h3{font-size:var(--fs-md);margin-bottom:6px;font-weight:600}.tool-card p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.55}.tool-page{flex-direction:column;max-width:1240px;height:100%;margin:0 auto;padding:20px 32px;display:flex}.tool-page--edit{max-width:none;margin:0;padding:0;position:relative}.tool-page--edit .tool-composer:not(.tool-composer--floating){margin-bottom:20px}.tool-page-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.tool-page-header-info{align-items:center;gap:14px;min-width:0;display:flex}.tool-mode-toggle{border:1px solid var(--surface-border);background:#ffffff0a;border-radius:10px;flex-shrink:0;gap:4px;padding:4px;display:flex}.tool-mode-toggle-btn{border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--fs-xs);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-weight:600;transition:background .15s,color .15s;display:flex}.tool-mode-toggle-btn--active{background:var(--primary);color:#fff}.tool-page-body{flex:1;gap:0;min-height:0;display:flex;position:relative}.tool-page-body--with-sidebar .tool-unified-panel{min-width:0}.tool-page-body--edit-topbar{padding-top:52px}.media-version-sidebar{flex-direction:column;flex-shrink:0;gap:10px;width:300px;padding:20px 5px 0 0;display:flex;overflow:hidden auto}.media-version-sidebar-title{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin:0;font-weight:500}.media-version-sidebar-empty{font-size:var(--fs-xs);color:var(--text-secondary)}.media-version-list{flex-direction:column;gap:12px;min-width:0;display:flex}.media-version-card{border:1px solid #0000;border-radius:12px;flex-direction:column;gap:6px;min-width:0;padding:6px;display:flex}.media-version-thumb{aspect-ratio:1;border:1px solid var(--surface-border);cursor:pointer;background:#ffffff08;border-radius:10px;width:100%;padding:0;position:relative;overflow:hidden}.media-version-thumb--portrait{width:auto;max-width:100%;height:150px;margin:0 auto;display:block}.media-version-thumb img,.media-version-thumb video{object-fit:cover;width:100%;height:100%;display:block}.media-version-thumb-loading{color:var(--text-secondary);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.media-version-thumb-media{opacity:0;transition:opacity .25s;position:relative}.media-version-thumb-media--loaded{opacity:1}.media-version-thumb-failed{width:100%;height:100%;color:var(--danger);background:#ef44440f;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.media-version-thumb-failed span{font-size:var(--fs-2xs);font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-secondary)}.media-version-video-mark{color:#fff;background:#0009;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:6px;left:6px}.media-version-badge{color:#04121c;font-size:var(--fs-2xs);background:#0177fde6;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-weight:700;display:flex;position:absolute;bottom:6px;left:6px}.media-version-edit-kind-badge{border-radius:var(--radius-sm);border:1px solid var(--surface-border);width:22px;height:22px;color:var(--text-secondary);background:#ffffff0f;flex-shrink:0;justify-content:center;align-items:center;margin-right:auto;display:flex}.media-version-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.media-version-time{font-size:var(--fs-2xs);color:var(--text-secondary)}.media-version-detail-row{flex-direction:column;gap:6px;min-width:0;display:flex}.media-version-ref-thumbs{flex-wrap:wrap;align-items:flex-start;gap:8px;min-width:0;display:flex}.media-version-ref-thumb{border:1px solid var(--surface-border);background:#ffffff08;border-radius:6px;flex-shrink:0;width:34px;height:34px;position:relative}.media-version-ref-thumb--broken{color:var(--danger);background:#ef44440f;justify-content:center;align-items:center;display:flex}.media-version-ref-thumb--audio{color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.media-version-ref-thumb img,.media-version-ref-thumb video{object-fit:cover;border-radius:5px;width:100%;height:100%;display:block}.media-version-ref-thumb-preview{border:1px solid var(--surface-border);opacity:0;pointer-events:none;z-index:50;border-radius:10px;width:130px;height:130px;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden;transform:translateY(4px);box-shadow:0 12px 32px #00000080}.media-version-ref-thumb-preview--landscape{width:190px;height:107px}.media-version-ref-thumb-preview--portrait{width:107px;height:190px}.media-version-ref-thumb-preview--audio{background:var(--surface-solid);align-items:center;width:240px;height:40px;padding:0 8px;display:flex}.media-version-ref-thumb-preview--audio audio{width:100%}.media-version-ref-thumb-preview img,.media-version-ref-thumb-preview video{object-fit:cover;width:100%;height:100%;display:block}.media-version-ref-thumb:hover .media-version-ref-thumb-preview{opacity:1;pointer-events:auto;transform:translateY(0)}.media-version-prompt-toggle{text-align:left;cursor:pointer;background:0 0;border:none;flex:none;min-width:0;padding:0}.media-version-prompt-text{font-size:var(--fs-2xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;display:block;overflow:hidden}.media-version-prompt-text--expanded{white-space:normal;max-height:110px;overflow-y:auto}.media-version-actions-row{justify-content:flex-end;align-items:center;gap:6px;display:flex}.media-version-reuse-btn{border-radius:var(--radius-sm);border:1px solid var(--surface-border);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.media-version-reuse-btn:hover{color:var(--primary);background:#0177fd24;border-color:#0177fd66}.media-version-delete-btn{border-radius:var(--radius-sm);border:1px solid var(--surface-border);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.media-version-delete-btn:hover:not(:disabled){color:#ff6b6b;background:#ef444424;border-color:#ef444466}.media-version-delete-btn:disabled{opacity:.35;cursor:not-allowed}@media (max-width:1024px){.tool-page-body--with-sidebar{flex-direction:column}.media-version-sidebar{flex-direction:row;width:100%;padding:0 0 8px;overflow:auto visible}.media-version-list{flex-direction:row}.media-version-card{flex-shrink:0;width:140px;min-width:0}}.tool-page-icon{color:#0177fd;background:#0177fd1f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.tool-page-header h1{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:-.02em;margin-bottom:2px;font-weight:700}.tool-page-header p{font-size:var(--fs-xs);color:var(--text-secondary)}.tool-page--single{max-width:720px;height:auto;min-height:100%}.tool-page--natural-height{height:auto;min-height:100%}.tool-page-breadcrumb{color:var(--text-secondary);font-size:var(--fs-xs);align-items:center;gap:6px;margin-bottom:14px;display:flex}.tool-page-breadcrumb a{color:var(--text-secondary);text-decoration:none}.tool-page-breadcrumb-btn{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0}.tool-page-breadcrumb-btn:hover,.tool-page-breadcrumb a:hover{color:var(--text-primary)}.tool-page-breadcrumb span{color:var(--text-primary);font-weight:500}.prompt-builder-panel{display:block}.prompt-builder-panel.prompt-builder-body{grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:stretch;gap:32px;display:grid}.prompt-builder-left{min-width:0}.prompt-builder-right{flex-direction:column;min-width:0;min-height:260px;display:flex}.prompt-builder-field-label{font-size:var(--fs-sm);color:var(--text-primary);margin:26px 0 12px;font-weight:600;display:block}.prompt-builder-field-label--first{margin-top:0}.prompt-builder-mode-description{min-height:54px;margin-bottom:12px;line-height:1.4}.prompt-builder-attach-row{position:relative}.prompt-builder-attach-row .tool-attach-tile{border-radius:var(--radius-lg);width:100%;height:180px}.prompt-builder-attach-row .tool-attach-tile svg{width:30px;height:30px}.prompt-builder-attach-row .tool-attach-tile img,.prompt-builder-attach-row .tool-attach-tile video{object-fit:contain;background:#ffffff05}.prompt-builder-attach-empty-text{text-align:center;width:80%;font-size:var(--fs-xs);color:var(--text-secondary);pointer-events:none;position:absolute;top:calc(50% + 22px);left:50%;transform:translate(-50%)}@media (max-width:900px){.prompt-builder-panel.prompt-builder-body{grid-template-columns:1fr;gap:24px}}.prompt-builder-generate-btn{margin-top:26px}.prompt-builder-left--busy form>:not(.prompt-builder-generate-bar){pointer-events:none;opacity:.6}@media (max-width:1024px){.tool-page:has(>.prompt-builder-panel){height:auto;min-height:100%}}@media (max-width:900px){.prompt-builder-panel.prompt-builder-body{flex-direction:column;gap:0;display:flex}.prompt-builder-left,.prompt-builder-left>form{display:contents}.prompt-builder-right{order:1;min-height:0;margin-top:26px}.prompt-builder-result-text{max-height:none;overflow-y:visible}.prompt-builder-generate-bar{z-index:3;isolation:isolate;border-top:1px solid var(--surface-border);background:#100f0d;border-radius:0 0 16px 16px;order:2;margin:20px -8px -14px;padding:10px 8px 12px;position:sticky;bottom:0}.prompt-builder-generate-bar .prompt-builder-generate-btn{margin-top:0}}.prompt-builder-result{flex-direction:column;height:100%;display:flex}.prompt-builder-result-actions{gap:10px;margin-top:auto;padding-top:20px;display:flex}.prompt-builder-result-text{white-space:pre-wrap;line-height:1.6;font-size:var(--fs-base);max-height:320px;padding-right:4px;overflow-y:auto}.prompt-builder-result-clear-btn{border:1px solid var(--surface-border);height:36px;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--fs-sm);cursor:pointer;background:#ffffff0a;border-radius:9px;align-items:center;gap:6px;padding:0 16px;font-weight:600;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.prompt-builder-result-clear-btn:hover{color:var(--text-primary);background:#ffffff1a}.prompt-builder-examples{flex-direction:column;display:flex}.prompt-builder-examples-label{font-family:var(--font-mono);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:10px;font-weight:500;display:block}.prompt-builder-examples-row{aspect-ratio:2.4;grid-template-rows:1fr 1fr;grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:12px;width:100%;max-width:640px;display:grid}.prompt-builder-example-card--portrait{grid-area:1/1/span 2}.prompt-builder-example-card--portrait2{grid-area:1/4/span 2}.prompt-builder-example-card--landscape{grid-area:2/2/auto/span 2}.prompt-builder-example-card{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;height:100%;padding:0;font-family:inherit;display:block}.prompt-builder-example-card:disabled{cursor:not-allowed;opacity:.6}.prompt-builder-example-thumb{border:1px solid var(--surface-border);background:#ffffff08;border-radius:12px;width:100%;height:100%;transition:border-color .15s,transform .1s;display:block;position:relative;overflow:hidden}.prompt-builder-example-card:hover:not(:disabled) .prompt-builder-example-thumb{border-color:#0177fd80;transform:translateY(-1px)}.prompt-builder-example-thumb img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;display:block}.prompt-builder-example-thumb img.prompt-builder-example-img--loaded{opacity:1}.prompt-builder-example-thumb-loading{color:#fff;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.prompt-builder-example-mode{-webkit-backdrop-filter:blur(8px);color:#fff;font-size:var(--fs-2xs);white-space:nowrap;background:#0a0908bf;border-radius:999px;align-items:center;gap:4px;padding:3px 7px;font-weight:500;display:flex;position:absolute;bottom:6px;left:6px}.prompt-builder-mode-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.prompt-builder-mode-btn{border:1px solid var(--surface-border);color:var(--text-secondary);font-size:var(--fs-xs);cursor:pointer;background:#ffffff08;border-radius:10px;align-items:center;gap:7px;padding:10px 12px;font-family:inherit;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:flex}.prompt-builder-mode-btn:hover{background:#ffffff0f}.prompt-builder-mode-btn--active{color:var(--primary);background:#0177fd1f;border-color:#0177fd80}.prompt-builder-loading{text-align:center;flex-direction:column;align-items:center;margin:auto;display:flex}.prompt-builder-result-mode-label{color:var(--primary);font-size:var(--fs-2xs);background:#0177fd1f;border-radius:999px;align-items:center;gap:5px;margin-bottom:12px;padding:4px 10px;font-weight:600;display:inline-flex}.prompt-builder-example-note{color:var(--text-secondary);font-size:var(--fs-xs);background:#0177fd14;border-radius:8px;margin:-6px 0 14px;padding:8px 10px;line-height:1.4}.tool-page-grid{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;min-height:0;display:grid}@media (max-width:1024px){.tool-page-grid{grid-template-columns:1fr;gap:20px}.tool-page-grid>.tool-panel:first-child{border-radius:20px 20px 0 0;order:2;margin-bottom:0}.tool-page-grid>.tool-panel:last-child{border-radius:20px 20px 28px 28px;order:1;min-height:520px}}.tool-panel{flex-direction:column;padding:32px;display:flex}.tool-panel-scroll{flex-direction:column;flex:1;justify-content:space-between;min-height:0;max-height:720px;margin-right:-6px;padding-right:6px;display:flex;overflow-y:auto}.tool-panel-footer{flex-shrink:0;padding-top:16px}.tool-prompt-tabs{border:1px solid var(--surface-border);background:#ffffff0a;border-radius:8px;gap:2px;width:fit-content;margin-bottom:8px;padding:3px;display:flex}.tool-prompt-tab{font-size:var(--fs-xs);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-weight:600;transition:background .15s,color .15s}.tool-prompt-tab--active{color:#0177fd;background:#0177fd26}.tool-prompt-textarea{resize:none;overflow-wrap:break-word;word-break:break-word;flex-shrink:0;height:160px;font-family:inherit}.tool-prompt-textarea.tool-prompt-textarea--compact{height:auto;min-height:48px;max-height:min(45vh,420px);font-size:var(--fs-sm);background:0 0;border:none;padding:3px 74px 3px 2px;overflow-y:auto}.tool-prompt-textarea.tool-prompt-textarea--compact:focus{box-shadow:none}.tool-prompt-textarea.tool-prompt-textarea--compact.tool-prompt-textarea--collapsed{max-height:32px}.tool-prompt-wrap{position:relative}.tool-prompt-charcount{font-size:var(--fs-2xs);color:var(--text-secondary);pointer-events:none;position:absolute;bottom:4px;right:8px}.tool-select-row{flex-shrink:0;gap:12px;margin-bottom:28px;display:flex}.tool-select-row>div{flex:1;min-width:0}.tool-select-row label{margin-bottom:8px;font-weight:500;display:block}.tool-select{width:100%;font-size:var(--fs-sm);color:var(--text-primary);border:1px solid var(--surface-border);cursor:pointer;background:#ffffff0a;border-radius:8px;outline:none;padding:10px 12px;font-weight:500}.tool-select:disabled{cursor:not-allowed;opacity:.6}.tool-attach-row{flex-shrink:0;align-items:center;gap:14px;margin-bottom:28px;display:flex}.tool-attach-tile{border:1px dashed var(--surface-border);width:84px;height:84px;color:var(--text-secondary);cursor:pointer;background:#ffffff05;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:flex;position:relative;overflow:hidden}.tool-attach-tile:hover{color:#0177fd;border-color:#0177fd73}.tool-attach-scroll-row--drag-over .tool-attach-tile{color:#0177fd;background:#0177fd14;border-style:solid;border-color:#0177fd}.tool-attach-tile img,.tool-attach-tile video{object-fit:cover;width:100%;height:100%}.tool-attach-remove{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:4px;right:4px}.tool-attach-remove:hover{background:#000000d9}.tool-attach-label{font-size:var(--fs-sm);font-weight:500}.tool-attach-hint{font-size:var(--fs-xs);color:var(--text-secondary);margin-top:2px}.tool-attach-scroll-row{scrollbar-width:thin;flex-shrink:0;gap:12px;margin-bottom:28px;padding-bottom:4px;display:flex;overflow-x:auto}.tool-attach-index{color:#fff;min-width:16px;height:16px;font-size:var(--fs-2xs);background:#000000a6;border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-weight:600;display:flex;position:absolute;bottom:4px;left:4px}.tool-seed-label{margin-bottom:8px;font-weight:500;display:block}.tool-seed-row{flex-shrink:0;gap:8px;margin-bottom:0;display:flex}.tool-seed-toggle{border:1px solid var(--surface-border);background:#ffffff0a;border-radius:8px;flex-shrink:0;gap:2px;padding:3px;display:flex}.tool-seed-toggle-btn{height:34px;font-size:var(--fs-xs);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-weight:600;transition:background .15s,color .15s;display:flex}.tool-seed-toggle-btn--active{color:#0177fd;background:#0177fd26}.tool-seed-input{flex:1;min-width:0}.video-sequence-gallery{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--surface-border);background:#060814b8;border-radius:12px;padding:10px 12px;position:absolute;bottom:14px;left:14px;right:14px}.video-sequence-gallery-header{font-size:var(--fs-2xs);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.video-sequence-gallery-header span{align-items:center;gap:5px;display:flex}.video-sequence-stitch-btn{font-size:var(--fs-2xs);color:#0177fd;cursor:pointer;background:#0177fd1f;border:1px solid #0177fd40;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-weight:600;transition:background .15s;display:flex}.video-sequence-stitch-btn:hover{background:#0177fd38}.video-sequence-stitch-btn:disabled{opacity:.6;cursor:not-allowed}.video-sequence-gallery-strip{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.video-sequence-thumb{cursor:pointer;background:#ffffff0a;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:64px;height:64px;position:relative;overflow:hidden}.video-sequence-thumb--active{border-color:#0177fd}.video-sequence-thumb img{object-fit:cover;width:100%;height:100%;display:block}.video-sequence-thumb-placeholder{background:#ffffff0f;width:100%;height:100%}.video-sequence-thumb-index{font-size:var(--fs-2xs);color:#fff;text-shadow:0 1px 2px #000c;z-index:1;font-weight:700;position:absolute;top:2px;left:3px}.video-sequence-thumb-status{font-size:var(--fs-2xs);color:#fff;background:#0000008c;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.video-sequence-thumb-actions{opacity:0;gap:2px;transition:opacity .15s;display:flex;position:absolute;top:2px;right:2px}.video-sequence-thumb:hover .video-sequence-thumb-actions{opacity:1}.video-sequence-thumb-actions button{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:flex}.video-sequence-thumb-actions button:hover{background:#0177fd99}.video-sequence-thumb--final{border:2px solid #facc158c;width:84px;margin-right:6px;box-shadow:0 0 0 1px #0000004d}.video-sequence-thumb--final:after{content:"";background:var(--surface-border);width:1px;position:absolute;top:0;bottom:0;right:-7px}.video-sequence-thumb--final.video-sequence-thumb--active{border-color:#facc15}.video-sequence-thumb-index--final{color:#1a1200;text-shadow:none;font-size:var(--fs-2xs);background:#facc15d9;border-radius:4px;align-items:center;gap:2px;padding:1px 4px;display:inline-flex;top:3px;left:3px}.tool-panel-scroll,.tool-prompt-textarea,.prompt-mention-editor,.prompt-builder-result-text{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent}.tool-panel-scroll::-webkit-scrollbar{width:6px}.tool-prompt-textarea::-webkit-scrollbar{width:6px}.prompt-mention-editor::-webkit-scrollbar{width:6px}.prompt-builder-result-text::-webkit-scrollbar{width:6px}.tool-panel-scroll::-webkit-scrollbar-track{background:0 0}.tool-prompt-textarea::-webkit-scrollbar-track{background:0 0}.prompt-mention-editor::-webkit-scrollbar-track{background:0 0}.prompt-builder-result-text::-webkit-scrollbar-track{background:0 0}.tool-panel-scroll::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.tool-prompt-textarea::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.prompt-mention-editor::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.prompt-builder-result-text::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.tool-panel-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff2e;border-radius:10px}.tool-prompt-textarea::-webkit-scrollbar-thumb:hover{background:#ffffff2e;border-radius:10px}.prompt-mention-editor::-webkit-scrollbar-thumb:hover{background:#ffffff2e;border-radius:10px}.prompt-builder-result-text::-webkit-scrollbar-thumb:hover{background:#ffffff2e;border-radius:10px}.tool-panel-scroll::-webkit-scrollbar-thumb:active{background:#ffffff2e;border-radius:10px}.tool-prompt-textarea::-webkit-scrollbar-thumb:active{background:#ffffff2e;border-radius:10px}.prompt-mention-editor::-webkit-scrollbar-thumb:active{background:#ffffff2e;border-radius:10px}.prompt-builder-result-text::-webkit-scrollbar-thumb:active{background:#ffffff2e;border-radius:10px}.coming-soon-placeholder{color:#ffffff2e;border:1px dashed #ffffff12;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-top:8px;padding:80px 40px;display:flex}.coming-soon-placeholder p{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase}.dash-page.usage-page{flex-direction:column;height:100%;padding-bottom:24px;display:flex}.usage-greeting{flex-shrink:0;margin-bottom:20px}.usage-panel{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.usage-scroll{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex:1;min-height:0;transition:opacity .2s;overflow:hidden auto}.usage-scroll--loading{opacity:.55;pointer-events:none}.usage-empty{color:var(--text-secondary);flex-direction:column;align-items:center;gap:10px;padding:64px 16px;display:flex}.usage-filters{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:14px 24px;display:flex}.usage-filter-field{border:1px solid var(--surface-border);background:var(--surface);border-radius:10px;align-items:center;height:36px;display:inline-flex;overflow:hidden}.usage-filter-field:focus-within{border-color:#0177fd80}.usage-filter-field>span{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;padding:0 4px 0 12px}.usage-filter-field select,.usage-filter-field input{height:100%;color:var(--text-primary);font-family:inherit;font-size:var(--fs-xs);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer;background:0 0;border:none;outline:none;padding:0 10px 0 6px}.usage-filter-field select option{background:#16151a}.usage-filter-field--grow select{min-width:180px}.usage-filter-field .custom-select{height:100%}.usage-filter-field .custom-select-trigger{width:auto;min-width:120px;height:100%;font-size:var(--fs-xs);background:0 0;border:none;border-radius:0;padding:0 12px 0 6px}.usage-filter-field--grow .custom-select-trigger{min-width:190px}.custom-select-panel.usage-filter-panel{min-width:260px;max-height:380px}.usage-col-open{justify-content:flex-end;display:flex}.usage-open-btn{border:1px solid var(--surface-border);background:var(--surface);height:30px;color:var(--text-primary);font-size:var(--fs-xs);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.usage-open-btn:hover:not(:disabled){border-color:var(--primary);background:#0177fd1f}.usage-open-btn:disabled{opacity:.4;cursor:not-allowed}.usage-open-wrap{display:inline-flex;position:relative}.usage-open-wrap:after{content:attr(data-tooltip);border:1px solid var(--surface-border);font-size:var(--fs-2xs);white-space:nowrap;color:var(--text-primary);opacity:0;pointer-events:none;z-index:5;background:#06080ef2;border-radius:8px;padding:6px 10px;transition:opacity .15s;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.usage-open-wrap:hover:after{opacity:1}.usage-filter-reset{border:1px solid var(--surface-border);height:36px;color:var(--text-secondary);font-size:var(--fs-xs);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:5px;padding:0 12px;display:inline-flex}.usage-filter-reset:hover{color:var(--text-primary);border-color:#0177fd66}.usage-row{font-size:var(--fs-sm);border-bottom:1px solid #ffffff0d;grid-template-columns:56px 64px 2fr .8fr .8fr 1.3fr 104px;align-items:center;column-gap:12px;padding:10px 24px;display:grid}.usage-row:not(.usage-row--head):hover{background:#ffffff05}.usage-col-index{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-secondary)}.usage-row--head{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;padding-top:14px;padding-bottom:14px;font-weight:500}.usage-activity{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0;display:flex}.usage-activity>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.usage-activity-sub{font-size:var(--fs-2xs);color:var(--text-secondary)}.usage-run-thumb{display:inline-flex;position:relative}.usage-run-thumb:before{content:"";border:1px solid var(--surface-border);background:#ffffff0a;border-radius:10px;position:absolute;inset:0;transform:translate(4px,-4px)}.usage-run-thumb>.usage-thumb{position:relative}.usage-run-count{z-index:2;background:var(--primary);color:#fff;font-family:var(--font-mono);pointer-events:none;border-radius:999px;align-items:center;gap:2px;padding:1px 5px;font-size:9px;font-weight:600;display:inline-flex;position:absolute;bottom:-5px;right:-6px}.usage-steps{scrollbar-width:thin;flex-shrink:0;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.usage-step{border:1px solid var(--surface-border);background:var(--surface);color:var(--text-primary);text-align:left;cursor:pointer;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:7px 12px 7px 8px;transition:border-color .15s,background .15s;display:flex}.usage-step:hover{border-color:#0177fd66}.usage-step--active{border-color:var(--primary);background:#0177fd1f}.usage-step--deleted .usage-step-label{color:var(--text-secondary);text-decoration:line-through}.usage-step-num{width:20px;height:20px;font-family:var(--font-mono);background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.usage-step--active .usage-step-num{background:var(--primary);color:#fff}.usage-step-text{flex-direction:column;line-height:1.25;display:flex}.usage-step-label{font-size:var(--fs-xs);white-space:nowrap;font-weight:600}.usage-step-amount{font-family:var(--font-mono);font-size:10px}.usage-step-amount--debit{color:var(--danger)}.usage-step-amount--credit{color:var(--primary)}.usage-step-empty{text-align:center;padding:48px 0}.usage-date{color:var(--text-secondary)}.usage-loading{justify-content:center;padding:64px;display:flex}.usage-thumb{background:var(--surface);border:1px solid var(--surface-border);width:48px;height:48px;color:var(--text-secondary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.usage-thumb--btn{cursor:pointer;padding:0;transition:border-color .15s,transform .15s}.usage-thumb--btn:hover{border-color:#0177fd80;transform:scale(1.04)}.usage-thumb--empty{background:0 0;border-style:dashed}.usage-thumb-skeleton,.usage-viewer-skeleton{background:linear-gradient(100deg,#0177fd0f 30%,#0177fd29 50%,#0177fd0f 70%) 0 0/200% 100%;animation:1.4s ease-in-out infinite skeletonShimmer;position:absolute;inset:0}.usage-thumb-media{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s var(--ease-out);position:absolute;inset:0}.usage-thumb-media--loaded{opacity:1}.usage-thumb-badge{color:#f5f3ef;background:#06080ebf;border-radius:4px;padding:2px;display:inline-flex;position:absolute;bottom:3px;left:3px}.usage-thumb-count{font-family:var(--font-mono);color:#f5f3ef;background:#06080ecc;border-radius:999px;padding:1px 5px;font-size:9px;position:absolute;bottom:3px;right:3px}.usage-thumb--missing{color:var(--text-secondary);opacity:.8;cursor:help;border-style:dashed;overflow:visible}.usage-thumb--missing:after{content:attr(data-tooltip);border:1px solid var(--surface-border);font-size:var(--fs-2xs);white-space:nowrap;color:var(--text-primary);opacity:0;pointer-events:none;z-index:5;background:#06080ef2;border-radius:8px;padding:6px 10px;transition:opacity .15s;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.usage-thumb--missing:hover:after{opacity:1}.usage-thumb--large{border-radius:var(--radius-lg);cursor:default;flex-direction:column;gap:10px;width:100%;height:100%;min-height:280px}.usage-thumb--large:after{display:none}.usage-viewer-missing-text{font-size:var(--fs-sm)}.usage-pagination{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.usage-pagination-info{font-size:var(--fs-xs);color:var(--text-secondary)}.usage-pagination-pages{align-items:center;gap:4px;display:flex}.usage-page-btn{border:1px solid var(--surface-border);background:var(--surface);min-width:32px;height:32px;color:var(--text-primary);font-size:var(--fs-xs);font-family:var(--font-mono);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;transition:border-color .15s,background .15s;display:inline-flex}.usage-page-btn:hover:not(:disabled){border-color:#0177fd66}.usage-page-btn:disabled{opacity:.4;cursor:default}.usage-page-btn--active{border-color:var(--primary);background:#0177fd1f}.usage-page-gap{color:var(--text-secondary);padding:0 4px}.usage-viewer{border:1px solid var(--surface-border);border-radius:var(--radius-lg);width:min(960px,100%);max-height:90vh;box-shadow:var(--shadow-modal);background:#100f0df7;flex-direction:column;gap:12px;padding:16px;display:flex}.usage-viewer-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.usage-viewer-title{font-weight:600}.usage-viewer-sub{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-top:2px}.usage-viewer-close{border:1px solid var(--surface-border);background:var(--surface);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:6px;display:inline-flex}.usage-viewer-stage{flex:1;justify-content:center;align-items:center;min-width:0;min-height:280px;display:flex;position:relative}.usage-viewer-media-wrap{border-radius:var(--radius-lg);background:#000;justify-content:center;align-items:center;width:100%;min-height:280px;display:flex;position:relative;overflow:hidden}.usage-viewer-media{object-fit:contain;opacity:0;max-width:100%;max-height:70vh;transition:opacity .4s var(--ease-out);display:block}.usage-viewer-media--loaded{opacity:1}.usage-video{flex-direction:column;align-items:center;width:100%;display:flex}.usage-video video{cursor:pointer}.usage-video .usage-viewer-media{max-height:calc(70vh - 110px)}.usage-split .usage-video .usage-viewer-media{max-height:calc(52vh - 70px)}.usage-video--fullscreen{z-index:2000;background:#000;justify-content:center;position:fixed;inset:0}.usage-video--fullscreen .usage-viewer-media{max-width:100vw;max-height:calc(100vh - 64px)}.usage-viewer-audio{color:var(--text-secondary);flex-direction:column;align-items:center;gap:16px;padding:48px 24px;display:flex}.usage-viewer-arrow{z-index:2;border:1px solid var(--surface-border);color:#f5f3ef;cursor:pointer;background:#06080ebf;border-radius:999px;padding:10px;transition:background .15s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.usage-viewer-arrow:hover{background:#0177fd59}.usage-viewer-arrow--prev{left:10px}.usage-viewer-arrow--next{right:10px}.usage-viewer-dots{justify-content:center;gap:6px;display:flex}.usage-viewer-dot{cursor:pointer;background:#ffffff40;border:none;border-radius:999px;width:8px;height:8px;padding:0}.usage-viewer-dot--active{background:var(--primary)}.usage-thumb--text{color:#7fb6ff;background:#0177fd1a}.usage-thumb--audio{color:#c79bff;background:#965aff1f}.usage-carousel{flex-direction:column;gap:8px;min-width:0;display:flex}.usage-viewer-media-wrap--audio{background:radial-gradient(120% 90% at 50% 100%,#965aff2e,#000000e6)}.usage-audio{flex-direction:column;align-items:center;gap:28px;width:100%;padding:40px 28px 28px;display:flex}.usage-audio-bars{justify-content:center;align-items:center;gap:5px;width:100%;height:120px;display:flex}.usage-audio-bars span{background:linear-gradient(180deg, #c79bff, var(--primary));opacity:.45;transform-origin:50%;border-radius:999px;width:6px;transition:opacity .3s,transform .3s;animation:.9s ease-in-out infinite paused usageAudioBar;transform:scaleY(.25)}.usage-audio--playing .usage-audio-bars span{opacity:1;animation-play-state:running}@keyframes usageAudioBar{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.usage-audio-controls{align-items:center;gap:14px;width:100%;max-width:520px;display:flex}.usage-audio-play{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:0 0 24px #0177fd73}.usage-audio-play:disabled{opacity:.6;cursor:default}.usage-audio-track{cursor:pointer;background:#ffffff1f;border-radius:999px;flex:1;height:6px;position:relative}.usage-audio-progress{background:linear-gradient(90deg, var(--primary), #c79bff);border-radius:999px;position:absolute;inset:0 auto 0 0}.usage-audio-time{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-secondary);flex-shrink:0}.usage-viewer--split{width:min(1180px,100%)}.usage-split{grid-template-columns:1fr 1fr;gap:16px;min-height:0;display:grid;overflow:hidden}.usage-split-col{border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:#ffffff05;flex-direction:column;gap:10px;min-width:0;min-height:0;padding:14px;display:flex;overflow-y:auto}.usage-split-heading{font-weight:600;font-size:var(--fs-sm)}.usage-split-empty{color:var(--text-secondary);font-size:var(--fs-sm)}.usage-split .usage-viewer-stage,.usage-split .usage-viewer-media-wrap{min-height:220px}.usage-split .usage-viewer-media{max-height:52vh}.usage-text-block{flex-direction:column;gap:6px;min-height:0;display:flex}.usage-text-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.usage-text-copy{border:1px solid var(--surface-border);background:var(--surface);color:var(--text-primary);font-size:var(--fs-2xs);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.usage-text-body{font-size:var(--fs-sm);white-space:pre-wrap;word-break:break-word;background:#00000059;border-radius:10px;max-height:60vh;padding:12px 14px;line-height:1.6;overflow-y:auto}@media (max-width:760px){.usage-split{grid-template-columns:1fr;overflow-y:auto}.usage-split-col{overflow:visible}}@media (max-width:640px){.usage-row{grid-template-columns:26px 52px 1fr auto;gap:2px 10px;padding:10px 14px}.usage-row--head{display:none}.usage-row>span:nth-child(-n+2){grid-row:span 2}.usage-col-balance{display:none}.usage-date{font-size:var(--fs-2xs);grid-column:3/4}.usage-col-open{grid-column:4}.usage-open-btn{height:26px;padding:0 9px}.usage-filters{gap:10px;padding:12px 14px}.usage-filter-field{flex:calc(50% - 5px);min-width:0}.usage-filter-field:first-child{flex:none;max-width:38%}.usage-filter-field--grow{flex:55%}.usage-filter-field--grow select{min-width:0}.usage-filter-field>span{padding:0 2px 0 10px}.usage-filter-field .date-picker-trigger{flex:1;min-width:0}.usage-filter-field select,.usage-filter-field input{flex:1;width:100%;min-width:0;padding:0 8px 0 4px}.usage-pagination{justify-content:center;padding:14px 16px}.usage-thumb--missing:after{top:calc(100% + 6px);left:0;transform:none}}.asset-tag{font-size:var(--fs-2xs);color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;padding:3px 8px}.assets-page{max-width:1500px;margin:0 auto;padding:36px 40px}.project-view{box-sizing:border-box;flex-direction:column;height:100%;display:flex;position:relative}.floating-back-btn{cursor:pointer;z-index:20;width:34px;height:34px;color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);background:#0a0a148c;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;left:16px}.floating-back-btn:hover{color:var(--text-primary);background:#0a0a14cc}.project-view-tool-wrap{flex:1;min-height:0}.project-view-tool-wrap .tool-page{max-width:none;height:100%;margin:0;padding:0}.project-grid-scroll{padding:88px 32px calc(50vh + 40px);position:absolute;inset:0;overflow-y:auto}.folder-breadcrumb{border:1px solid var(--surface-border);height:28px;color:var(--text-secondary);font-size:var(--fs-xs);background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:0 6px 0 10px;font-weight:600;display:inline-flex}.folder-breadcrumb button{width:18px;height:18px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.folder-breadcrumb button:hover{color:#fff;background:#ffffff14}.project-top-bar{z-index:20;background:var(--background);border-bottom:1px solid var(--surface-border);align-items:center;gap:8px;height:58px;padding:6px 12px 0;transition:transform .25s;display:flex;position:absolute;top:0;left:0;right:0}.project-top-bar--hidden{transform:translateY(-100%)}.project-top-bar-back{width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.project-top-bar-back:hover{color:var(--text-primary);background:#ffffff14}.project-top-bar-name{width:220px;font-family:var(--font-display);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-weight:600;overflow:hidden}.project-top-bar-divider{background:var(--surface-border);flex-shrink:0;width:1px;height:18px}.project-top-bar-tabs{align-items:center;gap:2px;max-width:calc(100% - 320px);display:flex;position:absolute;top:0;bottom:0;left:50%;overflow-x:auto;transform:translate(-50%)}.project-top-bar-menu{margin-left:auto;display:none;position:relative}.project-top-bar-menu-btn{border:1px solid var(--surface-border);height:34px;color:var(--text-primary);font-size:var(--fs-sm);cursor:pointer;background:#ffffff0d;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.project-top-bar-menu-scrim{z-index:29;position:fixed;inset:0}.project-top-bar-menu-list{z-index:30;border:1px solid var(--surface-border);background:#121211;border-radius:14px;flex-direction:column;gap:2px;min-width:190px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #0000008c}.project-top-bar-menu-list .project-menu-item{justify-content:flex-start;width:100%}@media (max-width:768px){.project-top-bar-tabs{display:none}.project-top-bar-menu{display:block}.project-top-bar-name{flex:auto;width:auto;min-width:0}}.media-topbar-nav{align-items:center;gap:6px;max-width:calc(100% - 480px);display:flex;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.media-topbar-strip{flex-shrink:0;align-items:center;gap:6px;display:flex}.media-topbar-strip-item{border-radius:var(--radius-sm);cursor:pointer;background:#ffffff08;border:2px solid #0000;flex-shrink:0;width:30px;height:30px;padding:0;position:relative}.media-topbar-strip-item img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.media-topbar-strip-item--active{cursor:default;border-color:#ffffffd9;box-shadow:0 2px 8px #00000059}.media-topbar-strip-item--audio{color:#0177fd;justify-content:center;align-items:center;display:flex}.media-topbar-strip-item-tooltip{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--surface-border);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.02em;text-transform:none;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s var(--ease-out);z-index:20;background:#100f0df7;padding:5px 10px;font-weight:500;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.media-topbar-strip-item:hover .media-topbar-strip-item-tooltip{opacity:1}.media-topbar-nav--skeleton{pointer-events:none}.media-topbar-strip-item-skeleton{border-radius:var(--radius-sm);background:repeating-linear-gradient(90deg,#ffffff0a,#ffffff0a 40px,#ffffff12 40px 80px);flex-shrink:0;width:30px;height:30px;animation:1.4s linear infinite video-timeline-thumb-shimmer}.media-topbar-arrow{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.media-topbar-arrow:hover{color:var(--text-primary);background:#ffffff14}.media-topbar-arrow:disabled{opacity:.3;cursor:not-allowed;background:0 0}.project-top-bar-name--editable{text-align:left;cursor:text;color:inherit;font-family:var(--font-display);font-size:var(--fs-sm);background:0 0;border:none;padding:0;font-weight:600}.media-topbar-rename-row{flex-shrink:0;align-items:center;gap:6px;width:220px;display:flex}.media-topbar-confirm-btn{width:22px;height:22px;color:var(--primary);cursor:pointer;background:#0177fd24;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.media-topbar-confirm-btn:hover{background:#0177fd3d}.media-topbar-confirm-btn--discard{color:var(--text-secondary);background:#ffffff0f}.media-topbar-confirm-btn--discard:hover{color:var(--danger);background:#ef444424}.media-topbar-actions{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;padding-left:14px;display:flex}.media-topbar-editor-btn{background:var(--primary);color:#fff;height:32px;font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;margin-right:4px;padding:0 12px;font-weight:600;display:inline-flex}.media-topbar-editor-btn:hover{filter:brightness(1.1)}.media-topbar-icon-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.media-topbar-icon-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff14}.media-topbar-icon-btn:disabled{opacity:.3;cursor:not-allowed}.media-topbar-icon-btn--danger:hover:not(:disabled){color:#ff6b6b;background:#ef444424}.move-to-folder-menu-wrap{position:relative}.move-to-folder-menu{-webkit-backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--surface-border);border-radius:var(--radius-md);min-width:180px;max-height:240px;box-shadow:var(--shadow-elevated);z-index:20;background:#100f0df7;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.move-to-folder-menu button{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:var(--fs-xs);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 7px;display:flex}.move-to-folder-menu button:hover{background:#ffffff0f}.project-menu-header-input{min-width:0;color:var(--text-primary);font-family:var(--font-display);font-size:var(--fs-sm);background:0 0;border:none;border-radius:6px;outline:none;flex:1;padding:3px 7px;font-weight:600}.project-menu-header-more{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.project-menu-header-more:hover{color:var(--text-primary);background:#ffffff14}.project-menu-item{border-radius:var(--radius-sm);height:33px;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.03em;cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;align-items:center;gap:7px;padding:0 10px;font-weight:600;display:flex;overflow:hidden}.project-menu-item:hover{color:var(--text-primary);background:#ffffff0d}.project-menu-item--active{color:var(--primary);background:#0177fd1f}.media-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;margin-bottom:8px;display:grid}.media-justified-grid{flex-direction:column;gap:12px;margin-bottom:8px;display:flex}.media-justified-row{gap:12px;display:flex}.media-grid-card-wrap{flex-shrink:0;position:relative}.media-grid-card{border:1px solid var(--surface-border);cursor:pointer;background:#ffffff08;border-radius:14px;width:100%;height:100%;padding:0;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000040}.media-grid-card:hover{border-color:#0177fd66;transform:translateY(-2px);box-shadow:0 10px 28px #0006,0 0 0 1px #0177fd1a}.media-grid-card img.checkerboard-bg{opacity:0;transition:opacity .4s}.media-grid-card img.checkerboard-bg.asset-modal-media--loaded{opacity:1}.media-grid-card-hover-video{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.media-grid-card-hover-progress{z-index:3;background:#ffffff38;border-radius:999px;height:2px;position:absolute;bottom:30px;left:8px;right:8px;overflow:hidden}.media-grid-card-hover-progress-fill{background:#fff;height:100%;transition:width .2s linear}.media-grid-card-audio-hover-bottom{z-index:2;pointer-events:none;background:linear-gradient(#0000 10%,#000000d1);flex-direction:column;gap:6px;padding:18px 10px 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.media-grid-card-hover-progress--audio{border-radius:999px;height:3px;position:static}.media-grid-card-audio-hover-prompt{color:#fff;font-size:var(--fs-2xs);text-shadow:0 1px 3px #0009;max-height:2.7em;line-height:1.35;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.media-grid-card-audio-equalizer{justify-content:center;align-items:flex-end;gap:4px;width:30px;height:30px;display:flex}.media-grid-card-audio-equalizer span{background:#0177fd;border-radius:2px;width:4px;animation:.9s ease-in-out infinite media-grid-card-audio-eq}.media-grid-card-audio-equalizer span:first-child{animation-delay:0s}.media-grid-card-audio-equalizer span:nth-child(2){animation-delay:.15s}.media-grid-card-audio-equalizer span:nth-child(3){animation-delay:.3s}.media-grid-card-audio-equalizer span:nth-child(4){animation-delay:.45s}@keyframes media-grid-card-audio-eq{0%,to{height:25%}50%{height:100%}}.media-grid-card-name-overlay{z-index:2;color:#fff;font-size:var(--fs-2xs);text-shadow:0 1px 3px #0009;pointer-events:none;background:linear-gradient(#0000,#000000bf);align-items:center;gap:5px;padding:18px 10px 8px;font-weight:500;display:flex;position:absolute;bottom:0;left:0;right:0}.media-grid-card-name-overlay svg{flex-shrink:0}.media-grid-card-name-overlay-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-grid-card-actions{z-index:2;opacity:0;gap:6px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.media-grid-card-wrap:hover .media-grid-card-actions,.media-grid-card-actions--open{opacity:1}.media-grid-card-move{position:relative}.media-grid-card-icon-btn{-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#0e1022d9;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.media-grid-card-icon-btn:hover{background:#0177fd47;border-color:#0177fd99}.media-grid-card-icon-btn:disabled{opacity:.5;cursor:not-allowed}.media-grid-card-icon-menu{background:var(--surface-solid);border:1px solid var(--surface-border);z-index:3;border-radius:10px;flex-direction:column;gap:1px;min-width:160px;max-height:260px;padding:5px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 12px 32px #0006}.media-grid-card-icon-menu button{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:var(--fs-2xs);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;display:flex}.media-grid-card-icon-menu button:hover{background:#ffffff0f}.media-grid-card-icon-menu button:disabled{opacity:.4;cursor:not-allowed}.media-grid-card-icon-menu button:disabled:hover{background:0 0}.media-grid-card-icon-menu-divider{background:var(--surface-border);height:1px;margin:4px 2px}.media-grid-card-icon-menu button.media-grid-card-icon-menu-danger:hover{color:var(--danger)}.media-grid-card img{object-fit:cover;width:100%;height:100%;display:block}.media-grid-card-empty{width:100%;height:100%;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.media-grid-card-empty--stuck{color:var(--danger);text-align:center;background:#ef44440f;flex-direction:column;gap:8px;padding:12px}.media-grid-card-empty--stuck span{font-size:var(--fs-2xs);font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-secondary)}.media-grid-card-failed-actions{z-index:2;align-items:center;gap:6px;display:flex;position:absolute;top:8px;right:8px}.media-grid-card-failed-btn{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s;display:flex}.media-grid-card-failed-btn:hover{background:#1e1d1ce6}.media-grid-card-failed-btn--danger:hover{background:#ef4444d9}.media-grid-card-badge{color:#0a0a0a;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 2px 6px #0000004d}.media-grid-card-audio{text-align:center;color:#0177fd;background:linear-gradient(160deg,#0177fd38,#100f0df0 65%);flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:16px;display:flex}.media-grid-card-audio-name{max-width:100%;font-size:var(--fs-xs);color:var(--text-primary);align-items:center;gap:5px;font-weight:500;display:flex}.media-grid-card-audio-name svg{flex-shrink:0}.media-grid-card-audio-name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-grid-card-badge--duration{color:#fff;width:auto;height:auto;font-family:var(--font-mono);font-size:var(--fs-2xs);background:#000000a6;border-radius:999px;padding:3px 7px;font-weight:500;inset:auto 8px 8px auto}.media-grid-card-scene-info{z-index:2;pointer-events:none;background:linear-gradient(#0000,#00000073 40%,#000000d1 80%);flex-direction:column;gap:6px;padding:22px 10px 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.media-grid-card-scene-info-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.media-grid-card-scene-info-name{text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:var(--fs-xs);text-shadow:0 1px 3px #0009;font-weight:600;overflow:hidden}.media-grid-card-scene-info-count{color:#fff;font-size:var(--fs-2xs);flex-shrink:0;align-items:center;gap:4px;font-weight:500;display:flex}.media-grid-card-scene-filmstrip{border-radius:4px;height:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff26}.media-grid-card-scene-filmstrip-seg{background-position:50%;background-repeat:repeat-x;background-size:auto 100%;flex:1}.media-grid-card-scene-filmstrip-seg+.media-grid-card-scene-filmstrip-seg{border-left:1.5px solid #ffffff8c}.media-grid-card-scene-filmstrip-playhead{pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 3px #0009}.folder-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.folder-empty-state .folder-card{flex-shrink:0;width:170px}.folder-empty-state-hint{color:var(--text-secondary);font-size:var(--fs-sm);max-width:280px}.folder-card-grid{grid-template-columns:repeat(auto-fill,170px);gap:16px;display:grid}.folder-card-wrap{position:relative}.folder-card{border:1px solid var(--surface-border);cursor:pointer;background:#ffffff08;border-radius:14px;flex-direction:column;width:100%;padding:0;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000040}.folder-card:hover{border-color:#0177fd66;transform:translateY(-2px);box-shadow:0 10px 28px #0006,0 0 0 1px #0177fd1a}.folder-card-cover{aspect-ratio:1.4;color:#0177fd8c;background:linear-gradient(160deg,#0177fd1a,#ffffff05);justify-content:center;align-items:center;width:100%;display:flex}.folder-card-cover img{object-fit:cover;width:100%;height:100%;display:block}.folder-card-info{border-top:1px solid var(--surface-border);justify-content:space-between;align-items:center;gap:6px;padding:10px 12px;display:flex}.folder-card-name{font-size:var(--fs-xs);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.folder-card-wrap--character{justify-content:center;display:flex}.folder-card--character{width:140px;box-shadow:none;cursor:default;background:0 0;border:none;align-items:center}.folder-card--character:hover{box-shadow:none;border-color:#0000;transform:none}.folder-card--character .folder-card-cover{aspect-ratio:1;border-radius:50%;width:110px;overflow:hidden}.folder-card-info--character{border-top:none;justify-content:center;padding:8px 0 0}.folder-card-count{font-size:var(--fs-2xs);color:var(--text-secondary);background:#ffffff0f;border-radius:999px;flex-shrink:0;padding:2px 8px;font-weight:600}.folder-card-name-input{border:1px solid var(--surface-border);color:var(--text-primary);font-size:var(--fs-xs);background:#0003;border-radius:6px;margin:8px 10px;padding:4px 6px}.folder-card-actions{opacity:0;gap:3px;transition:opacity .12s;display:flex;position:absolute;top:6px;right:6px}.folder-card-wrap:hover .folder-card-actions{opacity:1}.folder-card-actions button{-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#0e1022d9;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.folder-card-actions button:hover{background:#0177fd47;border-color:#0177fd99}.folder-card-actions-danger:hover{color:#ff6b6b;background:#ef444433!important;border-color:#ef444480!important}.folder-card--new{color:var(--text-secondary);box-shadow:none;border-style:dashed}.folder-card--new:hover{box-shadow:none;background:#0177fd0d;border-color:#0177fd66;transform:none}.folder-card--new:hover .folder-card--new-icon{transform:scale(1.06)}.folder-card--new-icon{aspect-ratio:1.4;justify-content:center;align-items:center;width:100%;display:flex}.folder-card--new-icon svg{box-sizing:border-box;background:linear-gradient(135deg, var(--secondary), var(--primary));color:#fff;width:40px;height:40px;transition:transform .15s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;padding:10px;display:flex;box-shadow:0 4px 14px #0177fd59}.folder-card--new-label{border-top:1px solid var(--surface-border);font-size:var(--fs-xs);justify-content:center;align-items:center;padding:10px 12px;font-weight:600;display:flex}.folder-card--new-input{aspect-ratio:1.4;justify-content:center;align-items:center;padding:0 10px}.folder-card--new-input input{width:100%;color:var(--text-primary);font-size:var(--fs-xs);text-align:center;background:0 0;border:none;outline:none}@media (max-width:900px){.floating-back-btn{top:10px;left:10px}}.projects-page{max-width:1500px;margin:0 auto;padding:0 40px 36px}.projects-hero{align-items:flex-end;height:clamp(440px,58vh,640px);margin-bottom:8px;padding:0 40px 64px;display:flex;position:relative;overflow:hidden}.projects-hero-slide{opacity:0;background-position:50%;background-size:cover;transition:opacity 1.1s;position:absolute;inset:0}.projects-hero-slide-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.projects-hero-slide:after{content:"";background:linear-gradient(180deg, #08080700 0%, #08080726 45%, #080807bf 78%, var(--background) 100%), linear-gradient(90deg, #0808078c 0%, #08080726 40%, transparent 65%);position:absolute;inset:0}.projects-hero-slide--active{opacity:1}.projects-hero-content{z-index:1;max-width:560px;position:relative}.projects-hero-dots{z-index:1;gap:8px;display:flex;position:absolute;bottom:26px;right:40px}@media (max-width:768px){.projects-page{padding:0 16px 24px}.projects-hero{height:clamp(360px,62vh,480px);padding:0 16px 40px}.projects-hero-dots{bottom:16px;right:16px}}.projects-hero-dot{background:#ffffff59;border:none;border-radius:999px;width:8px;height:8px;padding:0;transition:background .2s,width .2s}.projects-hero-dot--active{background:#fff;width:22px}.projects-hero-cursor-dot,.projects-hero-cursor-ring{z-index:10;opacity:0;pointer-events:none;position:fixed;top:0;left:0}.projects-hero-cursor-dot{mix-blend-mode:difference;width:8px;height:8px;transition:width .2s, height .2s, opacity .2s var(--ease-out), transform 80ms linear;background:#fff;border-radius:50%}.projects-hero-cursor-dot--big{width:64px;height:64px}.projects-hero-cursor-ring{width:40px;height:40px;transition:width .3s, height .3s, border-color .3s, opacity .2s var(--ease-out), transform .18s ease-out;border:1px solid #ffffff38;border-radius:50%}.projects-hero-cursor-ring--big{border-color:#ffffff14;width:80px;height:80px}.projects-hero-eyebrow{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--secondary);margin-bottom:10px;font-weight:500;display:inline-block}.projects-hero-content h2{font-family:var(--font-display);font-size:var(--fs-4xl);letter-spacing:-.01em;color:var(--text-primary);margin:0 0 12px;font-style:italic;font-weight:700;line-height:1.1}.projects-hero-content p{font-size:var(--fs-base);color:#ffffffb8;max-width:460px;margin:0 0 24px}.projects-hero-cta{-webkit-backdrop-filter:blur(20px)saturate(1.4);height:auto;color:var(--text-primary);font-family:var(--font-sans);font-weight:400;font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;transition:background .3s var(--ease-out), border-color .3s var(--ease-out), box-shadow .3s var(--ease-out), transform .4s var(--ease-out);background:#ffffff14;border:1px solid #ffffff2e;border-radius:4px;justify-content:center;align-self:flex-start;align-items:center;gap:8px;padding:14px 36px;display:inline-flex}.projects-hero-cta svg{flex-shrink:0;display:block}.projects-hero-cta:hover{background:#ffffff29;border-color:#ffffff61}.projects-hero-cta:disabled{opacity:.6;cursor:not-allowed}@media (max-width:640px){.projects-hero{min-height:220px;padding:28px}.projects-hero-content h2{font-size:var(--fs-2xl)}}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:8px;display:grid}@media (max-width:900px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.projects-grid{grid-template-columns:minmax(0,1fr)}}.project-card{cursor:pointer;background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);border-radius:16px;flex-direction:column;min-width:0;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 8px 32px #0003}.project-card:hover{border-color:#0177fd59;box-shadow:0 10px 32px #00000059,0 0 0 1px #0177fd14}.project-card-cover{aspect-ratio:1.6;color:#0177fd59;background:linear-gradient(135deg,#0177fd1a,#00d4ff0f);border-radius:16px 16px 0 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-card-cover img,.project-card-cover video{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);transform:scale(1.015)}.project-card:hover .project-card-cover img,.project-card:hover .project-card-cover video{transform:scale(1.06)}.project-card-cover:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#07071a8c);position:absolute;inset:0}.project-card-body{border-top:1px solid var(--surface-border);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex;position:relative}.project-card-info{flex-direction:column;gap:2px;min-width:0;display:flex;overflow:hidden}.project-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.project-card-name{font-weight:600;font-size:var(--fs-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-card-date{font-size:var(--fs-2xs);color:var(--text-secondary)}.project-card-count{color:var(--primary);font-size:var(--fs-xs);background:#0177fd1a;border-radius:999px;flex-shrink:0;padding:2px 9px;font-weight:600}.project-new-fab{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(1.4);height:56px;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-elevated);transition:background .2s var(--ease-out), border-color .2s var(--ease-out), transform .15s var(--ease-out);background:#100f0dd9;border:1px solid #ffffff29;border-radius:4px;align-items:center;gap:12px;padding:0 32px;font-weight:500;display:flex;position:fixed;bottom:34px;left:50%;transform:translate(-50%)}.project-new-fab:hover{background:#0177fd2e;border-color:#ffffff47;transform:translate(-50%)translateY(-1px)}.project-new-fab:disabled{cursor:not-allowed;opacity:.7}@media (max-width:1024px){.project-new-fab{bottom:78px;left:50%}}.project-card--empty-new{box-shadow:none;background:#0177fd08;border:1px dashed #0177fd40;justify-content:center;align-items:center;display:flex}.project-card--empty-new:hover{box-shadow:none;background:#0177fd0f;border-color:#0177fd80}.project-card-cover--empty-new{aspect-ratio:1.6;background:0 0;border-radius:16px}.project-card-cover--empty-new:after{content:none}.assets-filterbar{z-index:20;-webkit-backdrop-filter:blur(14px);border:1px solid var(--surface-border);background:#0a0b1abf;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;padding:12px 16px;display:flex;position:sticky;top:0}.assets-segment{border:1px solid var(--surface-border);background:#ffffff0a;border-radius:9px;gap:2px;padding:3px;display:flex}.assets-segment-btn{font-size:var(--fs-xs);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-weight:500;transition:background .15s,color .15s;display:flex}.assets-segment-btn:hover{color:#ffffffd9}.assets-segment-btn--active{color:#0177fd;background:#0177fd26}.assets-select{font-size:var(--fs-xs);color:var(--text-primary);border:1px solid var(--surface-border);cursor:pointer;background:#ffffff0a;border-radius:8px;outline:none;padding:7px 12px;font-weight:500}.assets-search{min-width:160px;font-size:var(--fs-xs);color:var(--text-primary);border:1px solid var(--surface-border);background:#ffffff0a;border-radius:8px;outline:none;flex:1;padding:7px 12px}.assets-search::placeholder{color:var(--text-secondary)}.assets-count{font-size:var(--fs-xs);color:var(--text-secondary);white-space:nowrap;margin-left:auto;padding-right:4px}@media (max-width:1024px){.assets-filterbar{z-index:35;background:var(--surface-solid);opacity:0;pointer-events:none;flex-direction:column;align-items:stretch;transition:transform .18s,opacity .18s;position:fixed;top:64px;left:12px;right:12px;transform:translateY(-12px)}.assets-filterbar--mobile-open{opacity:1;pointer-events:auto;transform:translateY(0)}.assets-count{margin-left:0}}.assets-masonry{columns:280px;column-gap:18px}.masonry-row{align-items:flex-start;gap:18px;display:flex}.masonry-col{flex-direction:column;flex:1;min-width:0;display:flex}.asset-card{break-inside:avoid;border-radius:var(--radius-lg);cursor:pointer;border:1px solid var(--surface-border);width:100%;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);background:#ffffff08;margin-bottom:18px;display:block;position:relative;overflow:hidden}.asset-card:hover{border-color:#0177fd4d;box-shadow:0 10px 28px #0006}.asset-media{object-fit:cover;width:100%;height:auto;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block;transform:scale(1)}.asset-card:hover .asset-media{transform:scale(1.08)}.asset-media-wrap{border-radius:14px;width:100%;height:100%;position:relative;overflow:hidden}.asset-skeleton--overlay{z-index:1;border-radius:0;margin-bottom:0;position:absolute;inset:0}.asset-media-wrap .asset-media{opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.22,1,.36,1)}.asset-media-wrap .asset-media--loaded{opacity:1}.asset-corner{font-size:var(--fs-2xs);letter-spacing:.02em;color:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;z-index:2;background:#0608148c;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-weight:600;display:flex;position:absolute}.asset-corner--tl{top:8px;left:8px}.asset-corner--tr{top:8px;right:8px}.asset-overlay{opacity:0;z-index:1;background:linear-gradient(#0000 25%,#03040c8c 55%,#03040ceb 100%);flex-direction:column;justify-content:flex-end;padding:14px;transition:opacity .25s,transform .25s;display:flex;position:absolute;inset:0;transform:translateY(6px)}.asset-card:hover .asset-overlay{opacity:1;transform:translateY(0)}.asset-overlay-prompt{font-size:var(--fs-xs);color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-weight:500;display:-webkit-box;overflow:hidden}.asset-overlay-tags{flex-wrap:wrap;gap:5px;margin-bottom:6px;display:flex}.asset-overlay-date{font-size:var(--fs-2xs);color:#ffffff8c}.skeleton{background:linear-gradient(100deg,#0177fd0f 30%,#0177fd29 50%,#0177fd0f 70%) 0 0/200% 100%;border-radius:10px;animation:1.4s ease-in-out infinite skeletonShimmer;display:block}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.asset-skeleton{break-inside:avoid;background:linear-gradient(100deg,#0177fd0f 30%,#0177fd29 50%,#0177fd0f 70%) 0 0/200% 100%;border-radius:14px;margin-bottom:18px;animation:1.4s ease-in-out infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.asset-card-thumb-loading{background:linear-gradient(100deg,#0177fd0f 30%,#0177fd29 50%,#0177fd0f 70%) 0 0/200% 100%;border-radius:14px;width:100%;height:100%;animation:1.4s ease-in-out infinite skeletonShimmer;position:relative;overflow:hidden}.asset-card-thumb-loading-bar{background:linear-gradient(90deg, transparent, var(--secondary), transparent);width:40%;height:3px;animation:1.2s ease-in-out infinite thumbLoadingBarSlide;position:absolute;bottom:0;left:0}@keyframes thumbLoadingBarSlide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.assets-sentinel{height:1px}.credits-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#04060fcc;justify-content:center;align-items:center;padding:32px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.credits-modal{background:var(--surface-solid);border:1px solid var(--surface-border);text-align:center;border-radius:16px;width:min(380px,100%);padding:28px;position:relative;box-shadow:0 24px 64px #00000080}.credits-modal-icon{color:#0177fd;background:#0177fd1f;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;display:flex}.credits-modal h3{font-size:var(--fs-lg);margin-bottom:8px;font-weight:700}.credits-modal p{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:22px;line-height:1.5}.credits-modal-actions{gap:10px;display:flex}.credits-modal-actions .btn-primary{flex:1}.credits-modal-cancel{border:1px solid var(--surface-border);color:#ffffffb3;font-weight:600;font-size:var(--fs-2xs);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:10px 16px;transition:background .15s,color .15s}.credits-modal-cancel:hover{color:#fff;background:#ffffff0f}.credits-modal-icon--danger{color:#ff6b6b;background:#ef44441f}.crop-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .15s var(--ease-out);background:#04060fcc;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.crop-modal{-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--surface-border);border-radius:var(--radius-lg);width:min(420px,100%);box-shadow:var(--shadow-modal);background:#100f0df7;padding:20px;position:relative}.crop-modal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.crop-modal-header h3{font-family:var(--font-display);font-size:var(--fs-base);letter-spacing:-.01em;font-weight:700}.crop-modal-close{color:#ffffffb3;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.crop-modal-close:hover{background:#ffffff1f}.crop-modal-area{aspect-ratio:1;border-radius:var(--radius-md);background:#000;width:100%;position:relative;overflow:hidden}.crop-modal-zoom{color:#ffffff80;align-items:center;gap:10px;margin:16px 0;display:flex}.crop-modal-zoom input[type=range]{accent-color:#0177fd;flex:1}.crop-modal-actions{gap:10px;display:flex}.crop-modal-actions .btn-primary{flex:1}.asset-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .15s var(--ease-out);background:#04060fcc;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.asset-modal{-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--surface-border);border-radius:var(--radius-lg);width:min(1080px,100%);height:min(640px,86vh);box-shadow:var(--shadow-modal);background:#100f0df7;grid-template-columns:1.2fr 1fr;display:grid;position:relative;overflow:hidden}.asset-modal-close{color:#fffc;cursor:pointer;z-index:5;background:#0608128c;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:14px;right:14px}.asset-modal-close:hover{background:#ffffff26}.watermark-remove-modal{-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--surface-border);border-radius:var(--radius-lg);width:min(560px,92vw);max-height:86vh;box-shadow:var(--shadow-modal);background:#100f0df7;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative}.watermark-remove-modal-header{justify-content:space-between;align-items:center;display:flex}.watermark-remove-modal-header span{font-size:var(--fs-base);color:var(--text-primary);align-items:center;gap:8px;font-weight:600;display:inline-flex}.watermark-remove-modal-header button{border:1px solid var(--surface-border);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;display:flex}.watermark-remove-modal-hint{font-size:var(--fs-xs);color:var(--text-secondary);margin:0}.watermark-remove-frame{border-radius:var(--radius-md);cursor:crosshair;-webkit-user-select:none;user-select:none;background:#000;width:100%;max-height:70vh;position:relative;overflow:hidden}.watermark-remove-frame img,.watermark-remove-frame video{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.watermark-remove-box{border:2px solid var(--primary);pointer-events:none;background:#0177fd33;position:absolute}.watermark-remove-frame-loading{color:#fff;background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.watermark-remove-modal-tip{border-radius:var(--radius-sm);border:1px solid var(--surface-border);color:var(--text-secondary);font-size:var(--fs-xs);background:#ffffff0a;align-items:flex-start;gap:6px;margin:0;padding:8px 10px;line-height:1.4;display:flex}.watermark-remove-modal-tip svg{color:#facc15;flex-shrink:0;margin-top:2px}.watermark-remove-modal-error{font-size:var(--fs-xs);color:#f87171;margin:0}.watermark-remove-modal-actions{justify-content:flex-end;gap:8px;display:flex}.watermark-remove-modal-actions button{border-radius:var(--radius-sm);border:1px solid var(--surface-border);color:var(--text-primary);font-size:var(--fs-sm);cursor:pointer;background:#ffffff0a;padding:9px 16px;font-weight:600}.watermark-remove-modal-actions button:disabled{opacity:.5;cursor:not-allowed}.watermark-remove-modal-submit{background:var(--primary)!important;color:#fff!important;border:none!important}.asset-modal-media-col{background:#000;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.asset-modal-media-col img,.asset-modal-media-col video{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .4s}.asset-modal-media-col img.asset-modal-media--loaded,.asset-modal-media-col video.asset-modal-media--loaded{opacity:1}.asset-modal-details-col{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.asset-modal-name-row{background:var(--surface-solid);flex-shrink:0;align-items:center;gap:8px;padding:16px 46px 0 22px;display:flex}.asset-modal-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-base);color:#fff;flex:1;margin:0;font-weight:600;overflow:hidden}.asset-modal-name-edit{border-radius:var(--radius-sm);color:#fff6;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:color .12s,background .12s;display:flex}.asset-modal-name-edit:hover{color:#fff;background:#ffffff14}.asset-modal-name-input{border-radius:var(--radius-sm);min-width:0;font-size:var(--fs-base);color:#fff;background:#ffffff0f;border:1px solid #0177fd80;outline:none;flex:1;padding:5px 9px;font-weight:600}.asset-modal-meta-bar{background:var(--surface-solid);border-bottom:1px solid var(--surface-border);flex-wrap:wrap;flex-shrink:0;gap:6px;padding:10px 46px 16px 22px;display:flex}.asset-modal-scroll-body{flex-direction:column;flex:1;min-height:0;padding:16px 22px 0;display:flex;overflow-y:auto}.asset-modal-reference{margin-top:14px}.asset-modal-reference .media-version-ref-thumb{border-radius:10px;width:64px;height:64px}.asset-modal-tabs{border:1px solid var(--surface-border);background:#ffffff0a;border-radius:8px;gap:2px;width:fit-content;margin-bottom:8px;padding:3px;display:flex}.asset-modal-tab{font-size:var(--fs-xs);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 12px;font-weight:600;transition:background .15s,color .15s}.asset-modal-tab--active{color:#0177fd;background:#0177fd26}.asset-modal-prompt-box{border:1px solid var(--surface-border);background:#00000040;border-radius:10px;flex:1;min-height:90px;margin-bottom:16px;position:relative}.asset-modal-prompt-text{height:100%;font-size:var(--fs-sm);color:#ffffffd9;white-space:pre-wrap;padding:14px 36px 14px 14px;line-height:1.6;overflow-y:auto}.asset-modal-copy-btn{border:1px solid var(--surface-border);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:8px;right:8px}.asset-modal-copy-btn:hover{color:#0177fd;background:#0177fd26}.asset-modal-scroll-body,.asset-modal-prompt-text,.asset-modal-ref-row,.asset-modal-detail-grid{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent}.asset-modal-scroll-body::-webkit-scrollbar{width:6px;height:6px}.asset-modal-prompt-text::-webkit-scrollbar{width:6px;height:6px}.asset-modal-ref-row::-webkit-scrollbar{width:6px;height:6px}.asset-modal-detail-grid::-webkit-scrollbar{width:6px;height:6px}.asset-modal-scroll-body::-webkit-scrollbar-track{background:0 0}.asset-modal-prompt-text::-webkit-scrollbar-track{background:0 0}.asset-modal-ref-row::-webkit-scrollbar-track{background:0 0}.asset-modal-detail-grid::-webkit-scrollbar-track{background:0 0}.asset-modal-scroll-body::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.asset-modal-prompt-text::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.asset-modal-ref-row::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.asset-modal-detail-grid::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.asset-modal-scroll-body::-webkit-scrollbar-thumb:hover{background:#ffffff2e;border-radius:10px}.asset-modal-prompt-text::-webkit-scrollbar-thumb:hover{background:#ffffff2e;border-radius:10px}.asset-modal-ref-row::-webkit-scrollbar-thumb:hover{background:#ffffff2e;border-radius:10px}.asset-modal-detail-grid::-webkit-scrollbar-thumb:hover{background:#ffffff2e;border-radius:10px}.asset-modal-scroll-body::-webkit-scrollbar-thumb:active{background:#ffffff2e;border-radius:10px}.asset-modal-prompt-text::-webkit-scrollbar-thumb:active{background:#ffffff2e;border-radius:10px}.asset-modal-ref-row::-webkit-scrollbar-thumb:active{background:#ffffff2e;border-radius:10px}.asset-modal-detail-grid::-webkit-scrollbar-thumb:active{background:#ffffff2e;border-radius:10px}.asset-modal-detail-grid{flex-shrink:0;gap:22px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.asset-modal-detail-item{white-space:nowrap;flex-shrink:0}.asset-modal-detail-item dt{font-family:var(--font-mono);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:2px}.asset-modal-detail-item dd{font-size:var(--fs-xs);color:#ffffffe6;font-weight:500}.asset-modal-ref-row{flex-shrink:0;gap:10px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.asset-modal-ref-thumb-wrap{border-radius:8px;flex-shrink:0;width:110px;height:110px;position:relative;overflow:hidden}.asset-modal-ref-thumb{object-fit:cover;border:1px solid var(--surface-border);opacity:0;border-radius:8px;flex-shrink:0;width:110px;height:110px;transition:opacity .4s;display:block}.asset-modal-ref-thumb.asset-modal-media--loaded{opacity:1}.asset-modal-footer{background:var(--surface-solid);border-top:1px solid var(--surface-border);flex-shrink:0;align-items:center;gap:8px;padding:14px 22px;display:flex}.asset-modal-icon-btn{border:1px solid var(--surface-border);color:#ffffffbf;cursor:pointer;background:#ffffff0a;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s,border-color .15s;display:flex}.asset-modal-icon-btn:hover{color:#fff;background:#ffffff1a}.asset-modal-icon-btn--danger:hover{color:#ff6b6b;background:#ef44441f;border-color:#ef444459}.asset-modal-reuse-btn{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;height:36px;font-size:var(--fs-sm);cursor:pointer;border:none;border-radius:9px;align-items:center;gap:8px;padding:0 18px;font-weight:600;transition:opacity .15s;display:flex}.asset-modal-reuse-btn:hover{opacity:.9}.asset-modal-icon-btn--accent{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border:none}.asset-modal-icon-btn--accent:hover{opacity:.9;background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff}.project-action-menu{border:1px solid var(--surface-border);z-index:10;background:#0e1022fa;border-radius:10px;flex-direction:column;gap:2px;min-width:140px;padding:6px;animation:.15s cubic-bezier(.22,1,.36,1) both sumSlideIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000080}.project-action-menu--up{top:auto;bottom:calc(100% + 8px)}.project-action-menu button{text-align:left;color:var(--text-primary);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;transition:background .15s}.project-action-menu button:hover:not(:disabled){background:#0177fd1a}.project-action-menu button:disabled{color:var(--text-secondary);cursor:not-allowed}.project-action-menu button.danger{color:var(--danger)}.project-action-menu button.danger:hover{background:#ef44441a}.asset-modal-confirm-popover{z-index:10;background:#0e1022fa;border:1px solid #ef44444d;border-radius:10px;width:220px;padding:14px;animation:.15s cubic-bezier(.22,1,.36,1) both sumSlideIn;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000080}.asset-modal-confirm-popover p{font-size:var(--fs-xs);color:#ffffffd9;margin-bottom:10px;line-height:1.4}.asset-modal-confirm-actions{gap:8px;display:flex}.asset-modal-confirm-actions button{font-size:var(--fs-xs);border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--surface-border);color:#fffc;background:#ffffff0d;flex:1;padding:7px 0;font-weight:600}.asset-modal-confirm-actions button:hover{background:#ffffff1a}.asset-modal-confirm-actions button.danger{color:#ff6b6b;background:#ef444426;border-color:#ef444466}.asset-modal-confirm-actions button.danger:hover{background:#ef444447}.asset-modal-folder-list{flex-direction:column;gap:2px;max-height:200px;display:flex;overflow-y:auto}.asset-modal-folder-option{text-align:left;font-size:var(--fs-xs);border-radius:var(--radius-sm);color:#fffc;cursor:pointer;background:0 0;border:none;padding:7px 9px}.asset-modal-folder-option:hover{background:#ffffff0f}.asset-modal-folder-option--active{color:var(--primary);background:#0177fd24}.page-loader{justify-content:center;align-items:center;height:100vh;display:flex}.loader-dot{background:var(--primary);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite loaderPulse}.loader-dot:nth-child(2){animation-delay:.2s}.loader-dot:nth-child(3){animation-delay:.4s}.asset-overlay-creator{align-items:center;gap:6px;margin-bottom:8px;display:flex}.asset-overlay-creator-avatar{object-fit:cover;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;width:20px;height:20px}.asset-overlay-creator-avatar--fallback{background:linear-gradient(135deg,#0177fd,#00d4ff)}.asset-overlay-creator-handle{font-size:var(--fs-xs);color:#ffffffd9;font-weight:600}.asset-overlay-creator-handle--link{color:#fff;text-decoration:none}.asset-overlay-creator-handle--link:hover{text-decoration:underline}.asset-like-badge{gap:5px}.asset-like-btn{width:auto;font-size:var(--fs-xs);gap:6px;padding:0 12px;font-weight:600}.asset-like-btn--active{color:#ff5a7a;border-color:#ff5a7a59}.asset-like-btn--active:hover{color:#ff5a7a;background:#ff5a7a1f}.asset-save-btn--active{color:#0177fd;border-color:#0177fd59}.asset-save-btn--active:hover{color:#0177fd;background:#0177fd1f}.asset-modal--loading{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.asset-modal-creator-row{background:var(--surface-solid);flex-shrink:0;align-items:center;gap:8px;padding:16px 46px 0 22px;display:flex}.asset-modal-creator-avatar{object-fit:cover;border:1px solid var(--surface-border);border-radius:50%;width:28px;height:28px}.asset-modal-creator-handle{font-size:var(--fs-sm);color:#ffffffd9;font-weight:600}.asset-modal-creator-handle--link{color:#fff;text-decoration:none}.asset-modal-creator-handle--link:hover{text-decoration:underline}.sign-in-gate{background:var(--surface-solid);border:1px solid var(--surface-border);text-align:center;width:min(380px,100%);color:var(--text-secondary);border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:40px;display:flex;position:relative}.sign-in-gate .btn-primary{text-decoration:none}.profile-public-header{align-items:center;gap:24px;margin-bottom:28px;display:flex}.profile-public-header .profile-avatar-lg,.profile-public-header .profile-avatar-wrap{width:112px;height:112px;font-size:var(--fs-5xl);flex-shrink:0}.profile-public-name{font-size:var(--fs-xl);margin:0;font-weight:700}.profile-public-handle{color:var(--text-secondary);font-size:var(--fs-sm);margin:2px 0 0}.profile-public-meta{color:var(--text-secondary);font-size:var(--fs-xs);margin:6px 0 0}.profile-public-links{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.profile-public-link{font-size:var(--fs-xs);color:var(--secondary);border:1px solid var(--surface-border);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;text-decoration:none;display:flex}.profile-public-link:hover{background:#ffffff0f}.profile-public-stats{gap:22px;margin:8px 0 0;display:flex}.profile-public-stat{align-items:baseline;gap:6px;display:flex}.profile-public-stat-num{font-size:var(--fs-lg);color:#fff;font-weight:700}.profile-public-stat-label{font-size:var(--fs-xs);color:var(--text-secondary)}.yt-profile-header{align-items:flex-start}.yt-profile-info{flex:1;min-width:0}.yt-profile-edit-btn{flex-shrink:0;align-items:center;gap:6px;display:flex}.yt-profile-tabs{border-bottom:1px solid var(--surface-border);gap:4px;margin-bottom:24px;display:flex}.yt-profile-tab{color:var(--text-secondary);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 18px;font-weight:600;transition:color .15s,border-color .15s;display:flex}.yt-profile-tab:hover{color:#fff}.yt-profile-tab--active{color:#0177fd;border-bottom-color:#0177fd}@media (max-width:640px){.profile-public-header{gap:14px}.profile-public-header .profile-avatar-lg,.profile-public-header .profile-avatar-wrap{width:76px;height:76px;font-size:var(--fs-3xl)}.yt-profile-header{flex-wrap:wrap}.yt-profile-edit-btn{margin-top:10px}}@keyframes loaderPulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (max-width:760px){.asset-modal-backdrop{padding:0}.asset-modal{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;border:none;border-radius:20px 20px 0 0;flex-direction:column;width:100%;height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);display:flex;overflow-y:auto}.asset-modal::-webkit-scrollbar{width:6px}.asset-modal::-webkit-scrollbar-track{background:0 0}.asset-modal::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.asset-modal::-webkit-scrollbar-thumb:hover{background:#ffffff2e;border-radius:10px}.asset-modal::-webkit-scrollbar-thumb:active{background:#ffffff2e;border-radius:10px}.asset-modal-close{background:#00000080;top:10px;right:10px}.asset-modal-details-col{display:contents}.asset-modal-name-row{order:0;padding:12px 46px 0 16px}.asset-modal-creator-row{border-bottom:1px solid var(--surface-border);flex-shrink:0;order:1;padding:12px 46px 12px 16px}.asset-modal-media-col{aspect-ratio:1;flex-shrink:0;order:2;height:auto}.asset-modal-footer{border-top:none;border-bottom:1px solid var(--surface-border);order:3}.asset-modal-meta-bar{border-bottom:none;order:4}.asset-modal-scroll-body{order:5;padding-bottom:24px;overflow-y:visible}}@media (max-width:640px){.tool-grid{grid-template-columns:1fr;gap:10px}.tool-card{flex-direction:row;align-items:stretch;display:flex}.tool-card:hover{transform:none}.tool-card-media{aspect-ratio:auto;flex-shrink:0;width:clamp(120px,36vw,156px);min-height:84px}.tool-card-media-fade,.tool-card-media-chip--icon{display:none}.tool-card-media-chip--badge.tool-badge{font-size:var(--fs-2xs);padding:2px 6px;top:6px;right:6px}.tool-card-media--placeholder-icon{transform:scale(.8)}.tool-card-body{flex-direction:column;flex:1;justify-content:center;min-width:0;padding:10px 14px;display:flex}.tool-card h3{font-size:var(--fs-base);margin-bottom:4px}.tool-card p{font-size:var(--fs-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}}@media (max-width:1024px){.dash-page,.assets-page{padding:16px 10px 20px}.dash-greeting{margin-bottom:16px}.dash-section-title{margin-bottom:10px}.masonry-row{gap:8px}.asset-card{margin-bottom:8px}.assets-masonry{column-gap:8px}.dash-greeting h1,.tool-page-header h1{display:none}}.reel-viewer{z-index:1000;background:#000;outline:none;position:fixed;inset:0}.reel-scroll{scroll-snap-type:y mandatory;scrollbar-width:none;height:100%;overflow-y:scroll}.reel-scroll::-webkit-scrollbar{display:none}.reel-slide{scroll-snap-align:start;scroll-snap-stop:always;background:#000;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.reel-media{object-fit:contain;background:#000;width:100%;height:100%}.reel-close-btn{z-index:10;color:#fff;cursor:pointer;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:fixed;top:14px;left:14px}.reel-bottom{z-index:5;background:linear-gradient(#0000 0%,#0000008c 55%,#000000bf 100%);flex-direction:column;gap:14px;padding:60px 16px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.reel-actions{align-items:center;gap:22px;display:flex}.reel-action-btn{color:#fff;cursor:pointer;font-size:var(--fs-xs);text-shadow:0 1px 6px #000c;filter:drop-shadow(0 1px 6px #000c);background:0 0;border:none;align-items:center;gap:6px;padding:0;font-weight:600;display:flex}.reel-action-btn:disabled{opacity:.4;cursor:default}.reel-action-btn--active{color:#ff4d6d}.reel-action-btn--save-active{color:#0177fd}.reel-action-btn--danger:hover{color:#ff6b6b}.reel-action-btn--use{background:var(--primary);color:#fff;text-shadow:none;filter:none;border-radius:20px;margin-left:auto;padding:7px 14px}.reel-action-btn--use:disabled{background:#0177fd59}.reel-confirm-popover{width:200px;position:absolute;bottom:calc(100% + 10px);right:0}.reel-caption{color:#fff;text-shadow:0 1px 6px #000c;cursor:pointer;flex-direction:column;gap:6px;display:flex}.reel-caption-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reel-caption-avatar{object-fit:cover;border:1px solid #ffffff4d;border-radius:50%;flex-shrink:0;width:28px;height:28px}.reel-caption-avatar--fallback{background:linear-gradient(135deg,#0177fd,#00d4ff)}.reel-caption-handle{font-size:var(--fs-base);color:#fff;width:fit-content;font-weight:700}.reel-caption-model{font-size:var(--fs-2xs);color:#ffffffbf;width:fit-content;font-weight:600}.reel-caption-prompt{font-size:var(--fs-xs);color:#ffffffeb;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.reel-caption-modal-backdrop{z-index:1100;background:#000000b3;align-items:flex-end;display:flex;position:fixed;inset:0}.reel-caption-modal{background:var(--surface-solid);width:100%;max-height:70vh;padding:22px 20px calc(24px + env(safe-area-inset-bottom));scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;gap:14px;display:flex;position:relative;overflow-y:auto}.reel-caption-modal::-webkit-scrollbar{width:6px}.reel-caption-modal::-webkit-scrollbar-track{background:0 0}.reel-caption-modal::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.reel-caption-modal::-webkit-scrollbar-thumb:hover{background:#ffffff2e;border-radius:10px}.reel-caption-modal::-webkit-scrollbar-thumb:active{background:#ffffff2e;border-radius:10px}.reel-caption-modal-text{font-size:var(--fs-sm);color:#ffffffeb;white-space:pre-wrap;line-height:1.6}.reel-caption-modal-tags{flex-wrap:wrap;gap:6px;display:flex}.reel-caption-modal-prompt-box{border:1px solid var(--surface-border);background:#ffffff0a;border-radius:10px;padding:12px 40px 12px 12px;position:relative}@media (max-width:1024px){.tool-page{padding:16px 10px 0}.tool-page-header{margin-bottom:18px}.tool-panel{padding:14px 8px}.prompt-builder-panel{margin-top:auto}.tool-panel-scroll{max-height:none;margin-right:0;padding-right:0;overflow-y:visible}.tool-panel{-webkit-backdrop-filter:none}}.edit-profile-modal{background:var(--surface-solid);border:1px solid var(--surface-border);scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;border-radius:16px;width:min(560px,100%);max-height:85vh;padding:32px;position:relative;overflow-y:auto}.edit-profile-modal::-webkit-scrollbar{width:6px}.edit-profile-modal::-webkit-scrollbar-track{background:0 0}.edit-profile-modal::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.edit-profile-modal::-webkit-scrollbar-thumb:hover{background:#ffffff2e;border-radius:10px}.edit-profile-modal::-webkit-scrollbar-thumb:active{background:#ffffff2e;border-radius:10px}.edit-profile-modal-title{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:-.01em;margin-bottom:20px;font-weight:700}@media (max-width:640px){.edit-profile-modal{max-height:90vh;padding:22px 16px}}.share-modal{-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:#100f0df7;width:min(380px,100%);padding:28px;position:relative}.share-modal-title{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:-.01em;margin-bottom:20px;font-weight:700}.share-modal-platforms{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.share-modal-platform{color:#fffc;font-size:var(--fs-2xs);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;text-decoration:none;display:flex}.share-modal-platform-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .15s;display:flex}.share-modal-platform:hover .share-modal-platform-icon{transform:scale(1.06)}.share-modal-link-row{gap:10px;display:flex}.share-modal-link-row input{border:1px solid var(--surface-border);min-width:0;color:var(--text-secondary);font-size:var(--fs-xs);background:#ffffff0a;border-radius:8px;flex:1;padding:10px 12px}.share-modal-link-row .btn-primary{white-space:nowrap;width:96px;font-size:var(--fs-xs);flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:10px 14px;display:flex}.select-voice-modal{-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--surface-border);border-radius:var(--radius-lg);width:min(900px,100%);max-height:80vh;box-shadow:var(--shadow-elevated);background:#100f0df7;flex-direction:column;display:flex;position:relative}.select-voice-modal-header{border-bottom:1px solid var(--surface-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.select-voice-modal-header h2{font-family:var(--font-display);font-size:var(--fs-base);margin:0;font-weight:700}.select-voice-modal-search{border-radius:var(--radius-md);border:1px solid var(--surface-border);color:var(--text-secondary);background:#ffffff08;flex-shrink:0;align-items:center;gap:8px;margin:16px 20px 0;padding:8px 12px;display:flex}.select-voice-modal-search input{color:var(--text-primary);font-size:var(--fs-xs);background:0 0;border:none;outline:none;flex:1}.select-voice-modal-language{flex-shrink:0;width:200px;max-width:45%}.select-voice-modal-language .custom-select-trigger{font-size:var(--fs-xs);padding:5px 10px}.select-voice-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:20px;display:grid;overflow:hidden auto}@media (max-width:640px){.select-voice-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.select-voice-modal-empty{text-align:center;color:var(--text-secondary);font-size:var(--fs-xs);grid-column:1/-1;padding:24px 0}.select-voice-card{border-radius:var(--radius-md);border:1px solid var(--surface-border);min-width:0;color:var(--text-primary);font-size:var(--fs-xs);cursor:pointer;text-align:left;background:#ffffff08;align-items:center;gap:10px;padding:10px;font-weight:600;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.select-voice-card:hover{border-color:#ffffff47}.select-voice-card--active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.select-voice-card--playing{border-color:var(--primary);animation:1.6s ease-in-out infinite select-voice-card-pulse}@keyframes select-voice-card-pulse{0%,to{box-shadow:0 0 0 1px var(--primary), 0 0 0 0 #0177fd59}50%{box-shadow:0 0 0 1px var(--primary), 0 0 0 6px #0177fd00}}.select-voice-avatar{color:#fff;width:32px;height:32px;font-family:var(--font-display);font-size:var(--fs-sm);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.select-voice-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.select-voice-card-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-voice-gender{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.02em;color:var(--text-secondary);text-transform:uppercase;font-weight:500}.select-voice-check{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.select-voice-play{width:32px;height:32px;color:var(--text-primary);cursor:pointer;background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.select-voice-play:hover{background:#ffffff29}.select-voice-play--disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.select-voice-bars{justify-content:center;align-items:center;gap:2px;height:13px;display:flex}.select-voice-bars span{background:currentColor;border-radius:1px;width:2px;height:100%;animation:.9s ease-in-out infinite select-voice-bar-bounce;display:block}.select-voice-bars span:first-child{animation-delay:0s}.select-voice-bars span:nth-child(2){animation-delay:.15s}.select-voice-bars span:nth-child(3){animation-delay:.3s}.select-voice-bars span:nth-child(4){animation-delay:.45s}@keyframes select-voice-bar-bounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.select-voice-modal-footer{border-top:1px solid var(--surface-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.select-voice-modal-count{color:var(--text-secondary);font-size:var(--fs-2xs)}.select-voice-modal-actions{gap:10px;display:flex}.select-voice-modal-actions .btn-primary{width:auto;font-size:var(--fs-xs);padding:8px 16px}.audio-orb{justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto;display:flex;position:relative}.audio-orb-core{background:radial-gradient(circle at 34% 30%,#6cd6ff,#0177fd 55%,#0056c7 100%);border-radius:50%;width:76px;height:76px;transition:transform 50ms linear;box-shadow:0 0 46px #0177fd80,0 0 14px #0177fdd9}.audio-orb-ring{border:1.5px solid #0177fd73;border-radius:50%;animation:1.8s ease-out infinite audio-orb-ripple;position:absolute;inset:0}.audio-orb-ring--2{animation-delay:.9s}@keyframes audio-orb-ripple{0%{opacity:.8;transform:scale(.55)}to{opacity:0;transform:scale(1.7)}}.audio-edit-preview{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.slot-number{align-items:center;display:inline-flex}.slot-digit{width:.62em;height:1.15em;line-height:1.15em;display:inline-block;position:relative;overflow:hidden}.slot-digit-strip{flex-direction:column;transition:transform .5s cubic-bezier(.22,1,.36,1);display:flex}.slot-digit-cell{text-align:center;font-variant-numeric:tabular-nums;height:1.15em;line-height:1.15em}.generate-btn-cost{background:#ffffff2e;border-radius:999px;align-items:center;gap:3px;margin-left:3px;padding:1px 7px;font-size:.82em;font-weight:700;display:inline-flex}.generate-btn-cost-was{opacity:.65;align-items:center;gap:2px;margin-right:5px;font-weight:500;display:inline-flex;position:relative}.generate-btn-cost-was:after{content:"";background:currentColor;height:1.5px;position:absolute;top:50%;left:-2px;right:-2px;transform:rotate(-8deg)}.caption-free-note{text-align:center;font-size:var(--fs-2xs);color:var(--text-secondary);margin-top:8px}.caption-free-note a{color:var(--primary)}.custom-select{position:relative}.custom-select-trigger{text-align:left;justify-content:space-between;align-items:center;gap:8px;font-family:inherit;display:flex}.custom-select-trigger-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.custom-select-trigger-label--placeholder{color:var(--text-secondary)}.custom-select-chevron{color:var(--text-secondary);transition:transform .15s var(--ease-out);flex-shrink:0}.custom-select-chevron--open{transform:rotate(180deg)}.custom-select-panel{z-index:40;-webkit-backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;background:#100f0df7;max-height:260px;padding:6px;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow-y:auto}.custom-select-panel--down{top:calc(100% + 6px);bottom:auto}.custom-select-panel--portal{z-index:1200;min-width:200px;position:fixed;right:auto}.custom-select-panel::-webkit-scrollbar{width:6px}.date-picker-trigger{min-width:130px;height:100%;color:var(--text-primary);font-family:inherit;font-size:var(--fs-xs);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:0 12px 0 6px;display:inline-flex}.date-picker-trigger--empty .date-picker-trigger-label{color:var(--text-secondary)}.date-picker-trigger-icon{color:var(--text-secondary);flex-shrink:0;transition:color .15s}.date-picker-trigger:hover .date-picker-trigger-icon,.date-picker-trigger--open .date-picker-trigger-icon{color:var(--primary)}.date-picker-panel{z-index:1200;-webkit-backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);animation:fadeIn .12s var(--ease-out);background:#100f0df7;padding:12px;position:fixed}.date-picker-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.date-picker-month{font-weight:600;font-size:var(--fs-sm)}.date-picker-nav{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px;display:inline-flex}.date-picker-nav:hover{color:var(--text-primary);border-color:var(--surface-border);background:var(--surface)}.date-picker-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.date-picker-weekday{text-align:center;font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-secondary);padding:6px 0}.date-picker-day{height:34px;color:var(--text-primary);font-family:inherit;font-size:var(--fs-xs);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;transition:background .12s,border-color .12s;position:relative}.date-picker-day:hover:not(:disabled){background:#0177fd24}.date-picker-day--outside{color:var(--text-secondary);opacity:.5}.date-picker-day--today{border-color:#0177fd8c}.date-picker-day--in-range{background:#0177fd1a;border-radius:4px}.date-picker-day--edge{background:#0177fd47}.date-picker-day--selected,.date-picker-day--selected:hover:not(:disabled){background:var(--primary);color:#fff;font-weight:600}.date-picker-day:disabled{opacity:.2;cursor:not-allowed}.date-picker-foot{border-top:1px solid #ffffff0f;justify-content:space-between;margin-top:8px;padding-top:8px;display:flex}.date-picker-link{color:var(--primary);font-size:var(--fs-xs);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-weight:600}.date-picker-link:hover:not(:disabled){background:#0177fd1f}.date-picker-link:disabled{color:var(--text-secondary);opacity:.5;cursor:default}.custom-select-heading{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);padding:10px 10px 4px}.custom-select-heading:first-child{padding-top:4px}.custom-select-search{z-index:1;width:100%;color:var(--text-primary);font:inherit;font-size:var(--fs-sm);background:#100f0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;margin-bottom:4px;padding:8px 10px;position:sticky;top:-6px}.custom-select-search:focus{border-color:#0177fd99}.custom-select-panel::-webkit-scrollbar-track{background:0 0}.custom-select-panel::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.custom-select-panel::-webkit-scrollbar-thumb:hover{background:#ffffff2e;border-radius:10px}.custom-select-panel::-webkit-scrollbar-thumb:active{background:#ffffff2e;border-radius:10px}.custom-select-option{text-align:left;border-radius:var(--radius-sm);color:#ffffffd9;width:100%;font-size:var(--fs-sm);cursor:pointer;overflow-wrap:anywhere;box-sizing:border-box;background:0 0;border:none;padding:9px 10px;font-family:inherit;display:block}.custom-select-option:hover{background:#ffffff0f}.custom-select-option--active{color:#0177fd;background:#0177fd24;font-weight:600}.model-picker-trigger{width:100%;font-size:var(--fs-sm);color:var(--text-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:#ffffff0a;outline:none;align-items:center;gap:8px;padding:10px 12px;font-family:inherit;font-weight:500;display:flex}.model-picker-trigger-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.model-picker-trigger-icon{background:var(--primary);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.model-picker-popup{-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--surface-border);border-radius:var(--radius-md);z-index:60;background:#100f0df7;flex-direction:column;width:560px;max-width:calc(100vw - 40px);display:flex;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 16px 40px #00000080}.model-picker-search{border-bottom:1px solid var(--surface-border);color:var(--text-secondary);flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.model-picker-search input{color:var(--text-primary);font-size:var(--fs-xs);background:0 0;border:none;outline:none;flex:1;font-family:inherit}.model-picker-columns{display:flex;position:relative}.model-picker-families{border-right:1px solid var(--surface-border);flex-shrink:0;width:176px;min-height:220px;padding:6px;overflow-y:auto}.model-picker-family{width:100%;color:var(--text-secondary);font-size:var(--fs-xs);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px;font-family:inherit;font-weight:500;display:flex}.model-picker-family:hover{background:#ffffff0d}.model-picker-family--active{color:#0177fd;background:#0177fd24}.model-picker-family-icon{background:var(--primary);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.model-picker-variants{padding:6px;position:absolute;inset:0 0 0 176px;overflow-y:auto}.model-picker-flat-list{max-height:340px;padding:6px;overflow-y:auto}.model-picker-option{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;display:block}.model-picker-option:hover{background:#ffffff0d}.model-picker-option--active{background:#0177fd24}.model-picker-option-label{font-size:var(--fs-xs);color:var(--text-primary);align-items:center;gap:6px;font-weight:600;display:flex}.model-picker-option--active .model-picker-option-label{color:#0177fd}.model-picker-option-desc{font-size:var(--fs-2xs);color:var(--text-secondary);margin-top:2px;line-height:1.4}.model-picker-option-settings{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.model-picker-option-chip{border:1px solid var(--surface-border);color:var(--text-secondary);font-size:var(--fs-2xs);white-space:nowrap;background:#ffffff0a;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-weight:500;display:inline-flex}.model-picker-empty{text-align:center;color:var(--text-secondary);font-size:var(--fs-xs);padding:16px}.prompt-mention-editor{white-space:pre-wrap;word-break:break-word;cursor:text;outline:none;overflow-y:auto}.prompt-mention-editor:empty:before{content:attr(data-placeholder);color:var(--text-secondary);pointer-events:none}.prompt-mention-chip{color:#0177fd;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#0177fd24;border:1px solid #0177fd59;border-radius:6px;align-items:center;gap:4px;padding:1px 7px 1px 3px;font-size:.9em;font-weight:600;display:inline-flex}.prompt-mention-chip img{object-fit:cover;border-radius:4px;width:18px;height:18px}.prompt-mention-chip--character{color:#ff9e47;background:#ff9e4729;border-color:#ff9e4766}.prompt-mention-chip--character img{border-radius:50%}.prompt-mention-popup{background:var(--surface-solid);border:1px solid var(--surface-border);z-index:60;border-radius:10px;min-width:220px;max-height:260px;padding:6px;position:absolute;overflow-y:auto;box-shadow:0 12px 32px #00000073}.prompt-mention-option{width:100%;color:var(--text-primary);cursor:pointer;font-size:var(--fs-sm);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-family:inherit;display:flex}.prompt-mention-option img{object-fit:cover;border-radius:6px;flex-shrink:0;width:28px;height:28px}.prompt-mention-option--character img{border-radius:50%}.prompt-mention-option--active,.prompt-mention-option:hover{background:#ffffff0f}.storage-indicator{margin-bottom:32px;padding:20px 24px}.storage-indicator-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.storage-indicator-label{font-weight:600;font-size:var(--fs-sm);align-items:center;gap:6px;display:flex}.storage-indicator-value{font-size:var(--fs-xs);color:var(--text-secondary)}.storage-indicator-track{background:#ffffff0f;border-radius:999px;height:8px;overflow:hidden}.storage-indicator-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:999px;height:100%;transition:width .4s}.storage-indicator-fill--danger{background:linear-gradient(90deg,#ff8a5b,#ff5a7a)}.studio-page{box-sizing:border-box;flex-direction:column;height:100%;padding:10px;display:flex}.studio-grid{flex:1;grid-template-columns:56px 1fr 280px;gap:10px;min-height:0;display:grid}@media (max-width:1024px){.studio-page{height:auto}.studio-grid{grid-template-columns:1fr;gap:10px}}.studio-rail-panel{min-height:0;padding:8px 6px;display:flex}.studio-rail-inner{flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.studio-rail-group--top{flex:1;min-height:0;overflow-y:auto}.studio-rail-group--bottom{flex-shrink:0;margin-top:auto;padding-top:6px}.studio-rail-group{flex-direction:column;align-items:center;gap:6px;display:flex}.studio-rail-btn{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.studio-rail-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff0f}.studio-rail-btn:disabled{opacity:.4;cursor:not-allowed}.studio-rail-btn--active{color:#0177fd;background:#0177fd26;border-color:#0177fd}.studio-rail-btn--accent{color:#0177fd}.studio-rail-btn--soon{color:var(--text-secondary)}.studio-rail-soon-dot{background:#facc15;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.studio-canvas-panel{background-image:linear-gradient(45deg,#ffffff0a 25%,#0000 25%),linear-gradient(-45deg,#ffffff0a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0a 75%),linear-gradient(-45deg,#0000 75%,#ffffff0a 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;justify-content:center;align-items:center;min-height:0;padding:12px;display:flex;overflow:auto}.studio-canvas-panel>div{box-shadow:0 8px 32px #0006}.studio-properties{flex-direction:column;min-height:0;padding:12px;display:flex}.studio-properties-scroll{flex:1;min-height:0;overflow-y:auto}.studio-properties-layers{border-top:1px solid var(--surface-border);flex-direction:column;flex-shrink:0;min-height:0;max-height:240px;margin-top:12px;padding-top:12px;display:flex}.studio-properties-layers-scroll{min-height:0;overflow-y:auto}.asset-picker-modal{background:var(--surface-solid);border:1px solid var(--surface-border);border-radius:16px;flex-direction:column;width:min(760px,100%);height:min(560px,84vh);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000080}.asset-picker-header{border-bottom:1px solid var(--surface-border);flex-shrink:0;align-items:center;gap:10px;padding:14px 16px;display:flex}.asset-picker-project-select{flex-shrink:0;width:160px}.asset-picker-project-select .custom-select-trigger{font-size:var(--fs-xs);padding:8px 10px}.asset-picker-search{border:1px solid var(--surface-border);color:#ffffff80;background:#ffffff0a;border-radius:9px;flex:1;align-items:center;gap:8px;min-width:0;padding:8px 12px;display:flex}.asset-picker-search input{color:#ffffffe6;font-size:var(--fs-sm);background:0 0;border:none;outline:none;flex:1}.asset-picker-search input::placeholder{color:#fff6}.asset-picker-body{flex:1;min-height:0;display:flex}.asset-picker-sidebar{border-right:1px solid var(--surface-border);flex-direction:column;flex-shrink:0;gap:2px;width:168px;padding:12px 10px;display:flex}.asset-picker-cat{color:#ffffffa6;font-size:var(--fs-sm);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;transition:background .15s,color .15s;display:flex}.asset-picker-cat:hover{color:#fff;background:#ffffff0d}.asset-picker-cat--active{color:#fff;background:#0177fd24}.asset-picker-sidebar-spacer{flex:1}.asset-picker-upload-btn{border:1px solid var(--surface-border);color:#ffffffd9;font-size:var(--fs-xs);cursor:pointer;background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 10px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.asset-picker-upload-btn:hover{background:#ffffff17}.asset-picker-upload-btn:disabled{opacity:.6;cursor:default}.asset-picker-upload-error{color:#ff6b6b;font-size:var(--fs-xs);margin:8px 2px 0;line-height:1.4}.asset-picker-grid-wrap{flex:1;min-height:0;padding:14px;overflow-y:auto}.asset-picker-empty{color:#ffffff73;height:100%;min-height:220px;font-size:var(--fs-sm);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.asset-picker-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.asset-picker-tile-wrap{flex-direction:column;gap:5px;min-width:0;display:flex}.asset-picker-tile{aspect-ratio:1;border:1px solid var(--surface-border);cursor:pointer;background:#ffffff08;border-radius:9px;width:100%;padding:0;transition:border-color .15s,transform .1s;position:relative;overflow:hidden}.asset-picker-tile:hover{border-color:#0177fd80;transform:translateY(-1px)}.asset-picker-tile img,.asset-picker-tile video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;display:block}.asset-picker-tile img.asset-modal-media--loaded,.asset-picker-tile video.asset-modal-media--loaded{opacity:1}.asset-picker-tile--disabled{cursor:not-allowed;opacity:.5}.asset-picker-tile-wrap--character{align-items:center}.asset-picker-tile--character{border-radius:50%;width:96px}.asset-picker-tile-caption--character{text-align:center;justify-content:center}.asset-picker-tile--disabled:hover{border-color:var(--surface-border);transform:none}.asset-picker-tile-loading{color:#fff;background:#0808078c;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.asset-picker-tile--picked,.asset-picker-tile--picked:hover{border-color:#0177fd;box-shadow:0 0 0 2px #0177fd}.asset-picker-tile-order{color:#fff;background:#0177fd;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:600;display:flex;position:absolute;top:6px;left:6px}.asset-picker-footer{border-top:1px solid var(--surface-border);flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.asset-picker-footer-hint{color:#fff9;min-width:0;font-size:var(--fs-xs);flex:1}.asset-picker-footer-clear{color:#ffffffb3;font-size:var(--fs-xs);cursor:pointer;background:0 0;border:none;padding:6px 8px}.asset-picker-footer-clear:hover{color:#fff}.asset-picker-footer-add{color:#fff;font-size:var(--fs-xs);cursor:pointer;background:#0177fd;border:none;border-radius:8px;padding:8px 18px;font-weight:600}.asset-picker-footer-add:disabled{opacity:.4;cursor:not-allowed}.asset-picker-tile-badge{color:#fff;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:6px;right:6px}.asset-picker-audio-tile{text-align:center;color:#0177fd;background:linear-gradient(160deg,#0177fd2e,#100f0de6 65%);flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;padding:8px;display:flex}.asset-picker-audio-tile span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--fs-2xs);color:var(--text-primary);font-weight:500;overflow:hidden}.asset-picker-audio-tile-duration{font-family:var(--font-mono);color:var(--text-secondary)!important}.asset-picker-tile-caption{align-items:center;gap:4px;min-width:0;padding:0 1px;display:flex}.asset-picker-tile-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-xs);color:#ffffffb3;flex:1;overflow:hidden}.asset-picker-tile-rename{color:#ffffff59;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:opacity .12s,color .12s,background .12s;display:flex}.asset-picker-tile-wrap:hover .asset-picker-tile-rename{opacity:1}.asset-picker-tile-rename:hover{color:#fff;background:#ffffff14}.asset-picker-tile-name-input{min-width:0;font-size:var(--fs-xs);color:#fff;background:#ffffff0f;border:1px solid #0177fd80;border-radius:5px;outline:none;flex:1;padding:2px 5px}@media (max-width:640px){.asset-picker-backdrop{align-items:flex-end;padding:0}.asset-picker-modal{border:none;border-radius:20px 20px 0 0;width:100%;height:calc(100dvh - 64px);max-height:calc(100dvh - 64px)}.asset-picker-header{gap:8px;padding:12px}.asset-picker-project-select{width:96px}.asset-picker-search input{min-width:0}.asset-picker-body{flex-direction:column}.asset-picker-sidebar{border-right:none;border-bottom:1px solid var(--surface-border);flex-flow:wrap;align-items:center;width:100%;padding:8px 10px}.asset-picker-cat{white-space:nowrap;flex-shrink:0}.asset-picker-sidebar-spacer{display:none}.asset-picker-upload-btn{white-space:nowrap;flex-basis:100%;width:auto;margin-top:4px}.asset-picker-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}}.gen-overlay-shape{max-width:100%;max-height:min(100%, var(--gen-overlay-max-height,65vh));background:var(--surface-solid);border:1px solid var(--surface-border);border-radius:12px;justify-content:center;align-items:center;min-width:min(100%,360px);min-height:320px;display:flex;position:relative;overflow:hidden}.gen-overlay-shape:before,.gen-overlay-shape:after{content:"";filter:blur(30px);width:140%;height:140%;position:absolute;top:-20%;left:-20%}.gen-overlay-shape:before{background:radial-gradient(circle at 30% 30%,#0177fd66,#0000 60%),radial-gradient(circle at 70% 70%,#00d4ff47,#0000 60%);animation:3s ease-in-out infinite smokeDrift1}.gen-overlay-shape:after{background:radial-gradient(circle at 60% 40%,#ffffff14,#0000 55%);animation:3.5s ease-in-out infinite smokeDrift2}.gen-overlay-loading{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:24px;display:flex;position:relative}.gen-overlay-spinner-wrap{background:radial-gradient(circle,#0177fd29 0%,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:10px;display:flex;position:relative}.gen-overlay-spinner{color:var(--primary);filter:drop-shadow(0 0 10px #0177fd80)}.gen-overlay-status{font-size:var(--fs-base);color:var(--text-primary);font-weight:500}.gen-overlay-elapsed{font-size:var(--fs-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums}.gen-overlay-tip{max-width:320px;font-size:var(--fs-xs);color:var(--text-secondary);min-height:2.4em;margin-top:14px;transition:opacity .3s}.gen-overlay-play-btn{color:var(--primary);font-size:var(--fs-xs);cursor:pointer;background:#0177fd1a;border:1px solid #0177fd59;border-radius:999px;align-items:center;gap:7px;margin-top:10px;padding:9px 18px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.gen-overlay-play-btn:hover{background:#0177fd2e;transform:translateY(-1px)}.gen-overlay-game{width:min(520px,92vw);height:min(560px, var(--gen-overlay-max-height,70vh));background:var(--surface-solid);border:1px solid var(--surface-border);box-shadow:var(--shadow-elevated);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.gen-overlay-game-hud{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.gen-overlay-game-hud-status{font-size:var(--fs-xs);color:var(--text-secondary);align-items:center;gap:6px;display:inline-flex}.gen-overlay-game-exit{border-radius:var(--radius-sm);border:1px solid var(--surface-border);color:var(--text-primary);font-size:var(--fs-xs);cursor:pointer;background:#ffffff0a;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-weight:600;display:inline-flex}.gen-overlay-game-exit:hover{background:#ffffff17}.gen-overlay-game-frame{border:none;flex:1;width:100%;min-height:0}@keyframes smokeDrift1{0%,to{transform:translate(-8%,-6%)scale(1)}50%{transform:translate(8%,6%)scale(1.2)}}@keyframes smokeDrift2{0%,to{transform:translate(10%,8%)scale(1.15)}50%{transform:translate(-10%,-8%)scale(.9)}}@keyframes genPlaceholderRing{0%{opacity:.6;transform:scale(.85)}70%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.6)}}@keyframes genPlaceholderLabelPulse{0%,to{opacity:.55}50%{opacity:1}}.gen-placeholder-card{border-radius:var(--radius-lg);background:var(--surface-solid);border:1px solid var(--surface-border);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.asset-picker-tile .gen-placeholder-card{border:none;border-radius:0}.gen-placeholder-card:before,.gen-placeholder-card:after{content:"";filter:blur(30px);width:140%;height:140%;position:absolute;top:-20%;left:-20%}.gen-placeholder-card:before{background:radial-gradient(circle at 30% 30%,#0177fd66,#0000 60%),radial-gradient(circle at 70% 70%,#00d4ff47,#0000 60%);animation:3s ease-in-out infinite smokeDrift1}.gen-placeholder-card:after{background:radial-gradient(circle at 60% 40%,#ffffff14,#0000 55%);animation:3.5s ease-in-out infinite smokeDrift2}.gen-placeholder-status{z-index:1;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.gen-placeholder-ring-wrap{width:14px;height:14px;position:relative}.gen-placeholder-ring-wrap:before,.gen-placeholder-ring-wrap:after{content:"";border:1.5px solid var(--secondary);animation:genPlaceholderRing 2s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.gen-placeholder-ring-wrap:after{animation-delay:.6s}.gen-placeholder-ring-dot{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:50%;position:absolute;inset:4px}.gen-placeholder-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);font-size:10px;font-weight:500;animation:2s ease-in-out infinite genPlaceholderLabelPulse}.gen-placeholder-game-btn{z-index:2;border:1px solid var(--surface-border);background:var(--surface-solid);-webkit-backdrop-filter:blur(6px);width:26px;height:26px;color:var(--text-primary);cursor:pointer;transition:background var(--ease-out) .2s, border-color var(--ease-out) .2s;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.gen-placeholder-game-btn:hover{border-color:var(--primary);background:#0177fd47}.game-modal{background:var(--surface-solid);border:1px solid var(--surface-border);border-radius:16px;flex-direction:column;width:min(520px,92vw);display:flex;position:relative;overflow:hidden}.game-modal .gen-overlay-game-hud{border-bottom:1px solid var(--surface-border);padding:14px 16px}.game-modal-frame{border:none;width:100%;height:560px}.gen-overlay-complete-popup{text-align:center;background:#0e1022fa;border:1px solid #0177fd59;border-radius:12px;width:min(280px,100% - 32px);padding:14px 16px;animation:.2s cubic-bezier(.22,1,.36,1) both genOverlayCompletePopupIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 32px #00000080}@keyframes genOverlayCompletePopupIn{0%{opacity:0;transform:translate(-50%,calc(6px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.gen-overlay-complete-popup p{font-size:var(--fs-sm);color:var(--text-primary);margin-bottom:10px;font-weight:600}.gen-overlay-complete-close{width:20px;height:20px;color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.gen-overlay-complete-actions{gap:8px;display:flex}.gen-overlay-complete-actions button{font-size:var(--fs-xs);border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--surface-border);color:#ffffffd9;background:#ffffff0d;flex:1;padding:7px 0;font-weight:600}.gen-overlay-complete-actions button:hover{background:#ffffff1a}.gen-overlay-complete-primary{color:var(--primary)!important;background:#0177fd29!important;border-color:#0177fd66!important}.gen-overlay-complete-primary:hover{background:#0177fd42!important}.tool-unified-panel{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:visible}.tool-composer.tool-composer--floating{z-index:10;background:var(--surface-solid);-webkit-backdrop-filter:blur(24px)saturate(1.4);box-shadow:var(--shadow-elevated);position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.tool-result-area{flex:1;justify-content:center;align-items:center;min-height:360px;padding:32px;display:flex;position:relative}.tool-result-area-extended-fill{pointer-events:none;background:#000;position:absolute;inset:0}.tool-result-area-hidden-layer-fill{pointer-events:none;background:#3c3c3c;position:absolute}.tool-result-area--floating-composer{padding-bottom:240px}.tool-result-area--video{z-index:0;min-height:240px;padding:20px;position:relative;overflow:hidden}.tool-result-area--fullscreen{z-index:2000;background:#000;border-radius:0;justify-content:center;align-items:center;width:100vw;height:100vh;min-height:0;padding:0 0 84px;display:flex;position:fixed;inset:0}.tool-composer{background:var(--surface);-webkit-backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--surface-border);border-radius:25px;flex-direction:column;flex-shrink:0;gap:0;width:100%;max-width:860px;margin:0 auto;padding:14px 16px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.tool-composer--drag-over{box-shadow:0 0 0 3px #0177fd2e, var(--shadow-elevated);background:#0177fd1a;border-color:#0177fd99}.tool-composer-drop-overlay{z-index:5;-webkit-backdrop-filter:blur(20px)saturate(1.6);background:#080706fa;border-radius:25px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.tool-composer-drop-overlay:before,.tool-composer-drop-overlay:after{content:"";filter:blur(30px);width:140%;height:140%;position:absolute;top:-20%;left:-20%}.tool-composer-drop-overlay:before{background:radial-gradient(circle at 30% 30%,#0177fd66,#0000 60%),radial-gradient(circle at 70% 70%,#00d4ff47,#0000 60%);animation:3s ease-in-out infinite smokeDrift1}.tool-composer-drop-overlay:after{background:radial-gradient(circle at 60% 40%,#ffffff14,#0000 55%);animation:3.5s ease-in-out infinite smokeDrift2}.tool-composer-drop-overlay-label{z-index:1;color:#fff;font-size:var(--fs-base);text-transform:uppercase;letter-spacing:.03em;pointer-events:none;align-items:center;gap:8px;font-weight:600;display:flex;position:relative}body.media-drag-active .app-sidebar,body.media-drag-active .project-top-bar,body.media-drag-active .media-grid-card-wrap{opacity:.35;filter:saturate(.6);transition:opacity .2s,filter .2s}body.media-drag-active .media-grid-card-wrap.is-drag-source{opacity:1;filter:none}.tool-composer-reset{border:1px solid var(--surface-border);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;z-index:5;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:10px;right:10px}.tool-composer-reset:hover{color:#fff;background:#ffffff1a}.tool-composer-collapse{border:1px solid var(--surface-border);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;z-index:5;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:10px;right:40px}.tool-composer-collapse:hover{color:#fff;background:#ffffff1a}.composer-attach-row{flex-wrap:wrap;align-items:center;gap:8px;animation:.18s cubic-bezier(.22,1,.36,1) both sumSlideIn;display:flex}.composer-attach-plus{border:1px solid var(--surface-border);width:32px;min-height:28px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.composer-attach-plus:hover{color:#fff;background:#ffffff17}.composer-attach-plus-wrap{display:flex}@keyframes composerAttachReveal{0%{filter:blur(10px)brightness(1.5);opacity:.3}to{filter:blur()brightness();opacity:1}}.composer-attach-thumb{border:1px solid var(--surface-border);border-radius:8px;flex-shrink:0;width:36px;height:36px;animation:.5s ease-out both composerAttachReveal;position:relative}.composer-attach-thumb img,.composer-attach-thumb video{object-fit:cover;border-radius:9px;width:100%;height:100%;display:block}.composer-attach-thumb--landscape{width:58px;height:33px}.composer-attach-thumb--portrait{width:33px;height:58px}.composer-attach-thumb--character{border-radius:50%;width:36px;height:36px}.composer-attach-thumb--character img{border-radius:50%}.composer-attach-thumb--audio{color:#0177fd;background:#0177fd1f;justify-content:center;align-items:center;display:flex}.composer-attach-thumb-index{font-size:var(--fs-2xs);color:#fff;text-shadow:0 0 3px #000000e6;pointer-events:none;font-weight:700;position:absolute;bottom:1px;left:3px}.composer-attach-thumb-hover{opacity:0;pointer-events:none;background:#00000080;border-radius:9px;justify-content:center;align-items:center;gap:8px;transition:opacity .12s;display:flex;position:absolute;inset:0}.composer-attach-thumb:hover .composer-attach-thumb-hover{opacity:1;pointer-events:auto}.composer-attach-thumb-remove{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:background .12s;display:flex}.composer-attach-thumb-remove:hover{background:#ffffff4d}.composer-attach-thumb-preview{border:1px solid var(--surface-border);opacity:0;pointer-events:none;z-index:50;border-radius:12px;width:140px;height:140px;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 10px);left:50%;overflow:hidden;transform:translate(-50%)translateY(4px);box-shadow:0 12px 32px #00000080}.composer-attach-thumb-preview img,.composer-attach-thumb-preview video{object-fit:cover;width:100%;height:100%;display:block}.composer-attach-thumb-preview--landscape{width:200px;height:112px}.composer-attach-thumb-preview--portrait{width:112px;height:200px}.composer-attach-thumb:hover .composer-attach-thumb-preview{opacity:1;transform:translate(-50%)translateY(0)}.composer-attach-pill{border:1px solid var(--surface-border);height:32px;color:var(--text-primary);font-size:var(--fs-2xs);cursor:pointer;background:#ffffff0a;border-radius:999px;align-items:center;gap:5px;padding:0 11px 0 8px;font-weight:600;transition:background .15s;display:flex}.composer-attach-pill:hover{background:#ffffff17}.composer-attach-pill--filled{cursor:default;padding-left:3px}.composer-attach-pill--filled img{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.composer-attach-pill--filled button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.composer-attach-pill--filled button:hover{color:#fff}.composer-attach-swap{border:1px solid var(--surface-border);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.composer-attach-swap:disabled{opacity:.35;cursor:not-allowed}.composer-attach-swap:not(:disabled):hover{color:#fff;background:#ffffff0f}.tool-generate-btn-compact{width:136px;min-height:26px;font-size:var(--fs-2xs);border-radius:var(--radius-lg);flex-wrap:wrap;flex-shrink:0;align-content:center;row-gap:2px;padding:3px 12px}@media (max-width:1024px){.tool-result-area{padding:14px}.tool-composer{max-width:100%;padding:10px 12px 8px}.tool-bottom-bar{padding:6px 0 0}}.tool-bottom-bar{flex-wrap:wrap;flex-shrink:0;align-items:stretch;gap:8px;padding-top:4px;display:flex}.tool-bottom-bar-settings{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.generate-mode-switch{background:var(--surface-solid);border:1px solid var(--surface-border);box-shadow:var(--shadow-elevated);border-radius:999px;gap:2px;padding:3px;display:inline-flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.generate-mode-switch-btn{color:var(--text-secondary);font-family:inherit;font-size:var(--fs-xs);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-weight:500;transition:background .15s,color .15s;display:flex}.generate-mode-switch-btn:hover:not(.generate-mode-switch-btn--active){color:var(--text-primary)}.generate-mode-switch-btn--active{background:linear-gradient(135deg, var(--secondary), var(--primary));color:#fff;box-shadow:0 2px 8px #0177fd59}.setting-pill-wrap{position:relative}.setting-pill{border:1px solid var(--surface-border);height:26px;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:#ffffff0a;border-radius:999px;align-items:center;gap:4px;padding:0 7px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.setting-pill:hover{background:#ffffff14}.setting-pill--open{color:var(--primary);background:#0177fd1f;border-color:#0177fd66}.setting-pill:disabled{opacity:.45;cursor:not-allowed}.setting-pill-value{text-overflow:ellipsis;max-width:140px;overflow:hidden}.batch-stepper{border:1px solid var(--surface-border);background:#ffffff0a;border-radius:999px;flex-shrink:0;align-self:center;align-items:center;height:26px;display:flex;overflow:hidden}.batch-stepper button{width:24px;height:100%;color:var(--text-secondary);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;font-weight:600;line-height:1;transition:background .12s,color .12s}.batch-stepper button:hover:not(:disabled){color:var(--text-primary);background:#ffffff14}.batch-stepper button:disabled{opacity:.35;cursor:not-allowed}.batch-stepper-value{text-align:center;min-width:16px;font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.setting-pill-panel{z-index:40;-webkit-backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--surface-border);border-radius:var(--radius-md);width:max-content;min-width:60px;max-width:260px;max-height:320px;box-shadow:var(--shadow-elevated);scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;background:#100f0df7;padding:6px;animation:.15s cubic-bezier(.22,1,.36,1) both sumSlideIn;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto}.setting-pill-panel--down{top:calc(100% + 8px);bottom:auto}.setting-pill-options{flex-direction:column;gap:2px;display:flex}.setting-pill-option{color:#ffffffbf;font-size:var(--fs-xs);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-weight:500;display:flex}.setting-pill-option:hover{background:#ffffff0f}.setting-pill-option--active{color:var(--primary);background:#0177fd24}.setting-pill-option--described{flex-direction:column;align-items:flex-start;gap:3px;padding:9px 10px}.setting-pill-option-label{align-items:center;gap:6px;display:flex}.setting-pill-option-desc{font-size:var(--fs-2xs);color:var(--text-secondary);white-space:normal;font-weight:400;line-height:1.35}.setting-pill-panel-label{font-family:var(--font-mono);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:6px 8px 4px;font-weight:500}.tool-bottom-bar .model-picker-trigger{width:118px;height:26px;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.02em;border-radius:999px;padding:0 7px}.tool-bottom-bar .model-picker-trigger-label{max-width:none}.settings-dropdown-panel{z-index:40;-webkit-backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--surface-border);border-radius:var(--radius-md);width:max-content;min-width:320px;max-width:420px;box-shadow:var(--shadow-elevated);background:#100f0df7;animation:.15s cubic-bezier(.22,1,.36,1) both sumSlideIn;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden}.settings-dropdown-panel--down{top:calc(100% + 8px);bottom:auto}.settings-dropdown-columns{align-items:stretch;display:flex}.settings-dropdown-menu{border-right:1px solid var(--surface-border);flex-shrink:0;width:172px;max-height:380px;padding:8px 6px 20px;overflow-y:auto}.settings-dropdown-menu-item{width:100%;color:var(--text-secondary);font-size:var(--fs-xs);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 8px;font-family:inherit;font-weight:500;display:flex}.settings-dropdown-menu-icon{flex-shrink:0;margin-top:1px;display:flex}.settings-dropdown-menu-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.settings-dropdown-menu-item:hover{background:#ffffff0d}.settings-dropdown-menu-item--active{color:#0177fd;background:#0177fd24}.settings-dropdown-menu-label{overflow-wrap:break-word;line-height:1.25}.settings-dropdown-menu-value{font-size:var(--fs-2xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-dropdown-menu-item--active .settings-dropdown-menu-value{color:#0177fdbf}.settings-dropdown-submenu{flex:1;min-width:170px;max-height:380px;padding:6px 6px 20px;overflow-y:auto}.tool-edit-rail{z-index:5;flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.tool-edit-rail--left,.tool-edit-rail--right{position:fixed;left:auto;transform:translateY(-50%)}.tool-edit-rail--right .tool-edit-rail-tooltip--left{left:auto;right:calc(100% + 10px)}.tool-edit-rail-btn{border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(16px)saturate(1.4);width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:#100f0de6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 6px 18px #00000059}.tool-edit-rail-btn:hover,.tool-edit-rail-btn--active{background:#0177fd47;border-color:#0177fd99}.tool-edit-rail-btn:disabled{opacity:.5;cursor:not-allowed}.tool-edit-rail-separator{background:var(--surface-border);width:40px;height:1px;margin:2px 0}.tool-edit-rail-tooltip{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--surface-border);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s var(--ease-out);background:#100f0df7;padding:5px 10px;font-weight:500;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.tool-edit-rail-btn:hover .tool-edit-rail-tooltip{opacity:1}.tool-edit-rail-divider{background:var(--surface-border);height:1px;margin:2px 4px}.tool-edit-rail-btn--save:hover{background:#22c55e47;border-color:#22c55e99}.tool-edit-rail-btn--discard:hover{background:#ef444447;border-color:#ef444499}.tool-edit-saving-overlay{color:#fff;font-size:var(--fs-sm);z-index:6;background:#04060f99;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.crop-selector{touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.crop-selector-mask{pointer-events:none;background:#0000008c;position:absolute}.crop-selector-box{cursor:move;border:2px solid #fff;position:absolute;box-shadow:0 0 0 1px #0006}.crop-selector-grid-line{pointer-events:none;background:#ffffff59;position:absolute}.crop-selector-grid-line--v1{width:1px;top:0;bottom:0;left:33.33%}.crop-selector-grid-line--v2{width:1px;top:0;bottom:0;left:66.66%}.crop-selector-grid-line--h1{height:1px;top:33.33%;left:0;right:0}.crop-selector-grid-line--h2{height:1px;top:66.66%;left:0;right:0}.crop-selector-handle{background:#fff;border:1px solid #0006;border-radius:3px;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%)}.crop-selector-handle--nw{cursor:nwse-resize;top:0;left:0}.crop-selector-handle--ne{cursor:nesw-resize;top:0;left:100%}.crop-selector-handle--sw{cursor:nesw-resize;top:100%;left:0}.crop-selector-handle--se{cursor:nwse-resize;top:100%;left:100%}.crop-selector-handle--n{cursor:ns-resize;top:0;left:50%}.crop-selector-handle--s{cursor:ns-resize;top:100%;left:50%}.crop-selector-handle--e{cursor:ew-resize;top:50%;left:100%}.crop-selector-handle--w{cursor:ew-resize;top:50%;left:0}.video-canvas-editor-wrap{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.video-canvas-editor{touch-action:none;background:#262626;flex-shrink:0;position:relative;overflow:visible;box-shadow:0 8px 32px #00000080}.video-canvas-editor-video{object-fit:fill;width:100%;height:100%;display:block}.video-canvas-preview{background:#262626;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080}.video-canvas-preview-video-wrap{position:absolute}.video-canvas-preview-video{object-fit:fill;width:100%;height:100%;display:block}.video-canvas-tool-wrap{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.video-canvas-ratio-hint{color:var(--text-secondary);font-size:13px}.video-controls-bar{flex-shrink:0;justify-content:center;align-items:center;gap:14px;display:flex}.video-controls-bar--with-seek{flex-direction:column;gap:6px;padding:8px 14px 0}.video-controls-bar-row{justify-content:center;align-items:center;gap:14px;width:100%;display:flex}.video-controls-bar--full-width{width:100%}.video-controls-bar-row--center-play{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}.video-controls-group{align-items:center;gap:14px;min-width:0;display:flex}.video-controls-group--left{justify-content:flex-start}.video-controls-group--right{justify-content:flex-end}.video-controls-seek{appearance:none;cursor:pointer;background:0 0;width:100%;height:14px;margin:0}.video-controls-seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--primary) 0%, var(--primary) calc(var(--seek-pct,0%)), #ffffff24 calc(var(--seek-pct,0%)), #ffffff24 100%);border-radius:999px;height:4px}.video-controls-seek::-webkit-slider-thumb{appearance:none;width:12px;height:12px;box-shadow:0 0 0 2px var(--primary);cursor:grab;background:#fff;border-radius:50%;margin-top:-4px}.video-controls-seek::-webkit-slider-thumb:active{cursor:grabbing}.video-controls-seek::-webkit-slider-runnable-track{transition:height .12s,width .12s,margin-top .12s}.video-controls-seek::-webkit-slider-thumb{transition:height .12s,width .12s,margin-top .12s}.video-controls-seek:hover::-webkit-slider-runnable-track{height:6px}.video-controls-seek:hover::-webkit-slider-thumb{width:14px;height:14px;margin-top:-4px}.video-controls-seek:focus-visible{outline:none}.video-controls-seek:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--primary), 0 0 0 5px #0177fd59}.video-controls-seek::-moz-range-track{background:#ffffff24;border-radius:999px;height:4px}.video-controls-seek::-moz-range-progress{background:var(--primary);border-radius:999px;height:4px}.video-controls-seek::-moz-range-thumb{width:12px;height:12px;box-shadow:0 0 0 2px var(--primary);cursor:grab;background:#fff;border:none;border-radius:50%}.video-controls-bar--fullscreen{z-index:2001;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141416b8;border:1px solid #ffffff1a;border-radius:999px;padding:10px 20px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.video-controls-bar--fullscreen.video-controls-bar--with-seek{border-radius:18px;width:min(720px,100vw - 40px);padding:12px 20px 10px}.video-controls-btn{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.video-controls-btn:hover{color:var(--text-primary);background:#ffffff0f}.video-controls-btn--play{color:#000;background:#fff;width:36px;height:36px}.video-controls-btn--play:hover{color:#000;opacity:.9;background:#fff}.video-controls-time{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--text-secondary);text-align:center;min-width:34px}.video-timeline{touch-action:none;flex-shrink:0}.video-timeline-ticks{color:var(--text-secondary);font-size:var(--fs-2xs);font-variant-numeric:tabular-nums;align-items:flex-start;gap:8px;padding:0 2px 6px;display:flex}.sandbox-timeline-stack .video-timeline-ticks{background:var(--surface-solid)}.video-timeline-ticks-inner{flex-direction:column;flex:1;gap:4px;display:flex}.video-timeline-ticks-labels{height:14px;position:relative}.video-timeline-ticks-labels span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.video-timeline-ticks-labels span:first-child{transform:none}.video-timeline-ruler{height:6px;position:relative}.video-timeline-ruler-tick{background:#ffffff2e;width:1px;position:absolute;top:2px;bottom:0;transform:translate(-.5px)}.video-timeline-ruler-tick--major{background:#fff6;top:0}.video-timeline-row{align-items:center;gap:8px;display:flex}.video-timeline-row--demote-armed{border-radius:var(--radius-md);background:#0177fd24}.video-timeline-row-icon,.video-timeline-row-icon-spacer{flex:none;width:20px}.video-timeline-row-left-controls{z-index:7;background:var(--surface-solid);flex:none;align-self:stretch;align-items:center;gap:4px;padding-right:6px;display:flex;position:sticky;left:0}.sandbox-timeline-stack .video-timeline-row-left-controls{background:0 0}.video-timeline-row-icon{height:20px;color:var(--text-secondary);background:#ffffff0f;border-radius:5px;justify-content:center;align-items:center;display:flex}.video-timeline-row-icon--editable{color:var(--primary,#0177fd);background:#0177fd24}.video-timeline-row-icon--draggable{cursor:grab}.video-timeline-row-icon--draggable:active{cursor:grabbing}.video-timeline-row--dragging{opacity:.5}.video-timeline-row--drop-target{outline:2px solid var(--primary,#0177fd);outline-offset:-2px;border-radius:6px}.video-timeline-row-controls,.video-timeline-row-controls-spacer{flex:none;width:0}.video-timeline-row-controls{z-index:2;justify-content:center;align-items:center;height:20px;display:flex;position:sticky;right:0}.video-timeline-row-control-btn{width:20px;height:20px;color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:none;border-radius:5px;justify-content:center;align-items:center;display:flex}.video-timeline-row-control-btn:hover:not(:disabled){color:#fff;background:#ffffff1f}.video-timeline-row-control-btn:disabled{opacity:.35;cursor:default}.video-overlay-timeline-clip--hidden{opacity:.35}.video-timeline-track{height:var(--video-track-h);border-radius:var(--radius-md);cursor:pointer;background:#ffffff0f;flex:1;position:relative;overflow:hidden}.video-timeline-buffer-zone{z-index:1;background:0 0;position:absolute;top:0;bottom:0}.video-timeline-gap{z-index:1;outline-offset:-1px;transition:background .1s var(--ease-out), outline-color .1s var(--ease-out);background:repeating-linear-gradient(135deg,#ffffff0d 0 6px,#0000 6px 12px);border-radius:4px;outline:1px dashed #ffffff38;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.video-timeline-gap:hover{background:repeating-linear-gradient(135deg,#0177fd1f 0 6px,#0000 6px 12px);outline-color:#0177fd80}.video-timeline-gap--closable{cursor:pointer}.video-timeline-gap-close-btn{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;opacity:0;transition:opacity .1s var(--ease-out), background .1s var(--ease-out), color .1s var(--ease-out);background:#ffffff1a;border:none;border-radius:5px;justify-content:center;align-items:center;display:flex}.video-timeline-gap:hover .video-timeline-gap-close-btn{opacity:1}.video-timeline-gap-close-btn:hover{color:var(--primary,#0177fd);background:#0177fd24}.video-timeline-transition-marker{z-index:4;background:var(--surface-solid,#100f0d);width:22px;height:22px;color:var(--text-secondary);cursor:pointer;transition:border-color .12s var(--ease-out), color .12s var(--ease-out), background .12s var(--ease-out), box-shadow .12s var(--ease-out);border:1.5px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.video-timeline-transition-marker:hover{color:var(--text-primary);border-color:#0177fd8c}.video-timeline-transition-marker--applied{background:var(--primary,#0177fd);border-color:var(--primary,#0177fd);color:#fff}.video-timeline-transition-marker--applied:hover{background:var(--primary-hover,#3f91fd);border-color:var(--primary-hover,#3f91fd)}.video-timeline-add-clip-btn{width:var(--video-track-h);z-index:5;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:opacity .15s var(--ease-out), background .15s var(--ease-out), border-color .15s var(--ease-out), color .15s var(--ease-out);background:#100f0df7;border:1px dashed #ffffff40;justify-content:center;align-items:center;margin-left:16px;display:flex;position:absolute;top:0;bottom:0}.video-timeline-add-clip-btn:not(:disabled){opacity:0;pointer-events:none}.video-timeline-track:hover .video-timeline-add-clip-btn:not(:disabled),.video-timeline-add-clip-btn--force-visible:not(:disabled){opacity:1;pointer-events:auto}.video-timeline-add-clip-btn:hover:not(:disabled){border-color:var(--primary,#0177fd);color:var(--primary,#0177fd);background:#0177fd24}.video-timeline-add-clip-btn:disabled{opacity:.5;cursor:default}.video-timeline-add-clip-menu{z-index:20;border-radius:var(--radius-md);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(16px)saturate(1.4);min-width:220px;box-shadow:var(--shadow-elevated);background:#100f0df7;flex-direction:column;padding:6px;display:flex;position:absolute;top:0;right:0}.video-timeline-add-clip-menu button{border-radius:var(--radius-sm);color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;padding:8px 10px;font-size:13px}.video-timeline-add-clip-menu button:hover{background:#ffffff14}.video-timeline-thumbs{display:flex;position:absolute;inset:0}.video-timeline-text-clip{color:var(--text-primary);background:#004c808c;align-items:center;gap:6px;padding:0 8px;display:flex;position:absolute;inset:0;overflow:hidden}.video-timeline-text-clip-label{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.video-timeline-audio-clip{color:var(--text-primary);cursor:pointer;background:#0009;position:absolute;inset:0;overflow:hidden}.video-timeline-audio-clip-placeholder{align-items:center;gap:6px;padding:0 8px;display:flex;position:absolute;inset:0}.video-timeline-audio-clip-label{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.video-timeline-audio-clip-name{max-width:calc(100% - 16px);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;z-index:1;background:#0000008c;border-radius:4px;padding:1px 6px;font-size:10px;line-height:14px;position:absolute;top:3px;left:8px;overflow:hidden}.video-timeline-audio-clip-waveform{justify-content:flex-start;align-items:center;gap:1px;padding:0 3px;display:flex;position:absolute;top:0;bottom:0}.video-timeline-audio-clip-bar{background:var(--primary-hover);border-radius:1px;flex:0 2px;min-width:1px;max-width:2px}.video-timeline-audio-clip-bar--live{transform-origin:50%;animation:.9s ease-in-out infinite video-timeline-audio-clip-bar-bounce}@keyframes video-timeline-audio-clip-bar-bounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.4)}}.video-timeline-audio-fade{pointer-events:none;background:#0006;position:absolute;top:0;bottom:0}.video-timeline-audio-fade--in{clip-path:polygon(0 0,100% 0,0 100%);left:0}.video-timeline-audio-fade--out{clip-path:polygon(100% 0,0 0,100% 100%);right:0}.video-timeline-clip-block{border-radius:var(--radius-md);cursor:pointer;transition:outline-color .15s;position:absolute;top:0;bottom:0;overflow:hidden}.video-timeline-clip-block:hover{outline:2px solid #fff6}.video-timeline-clip-block--multi{border-radius:var(--radius-lg);cursor:pointer;outline:2px solid #fff6;margin:0 5px}.video-timeline-clip-block--multi:hover{outline-color:#ffffffb3}.video-timeline-clip-block--selected,.video-timeline-clip-block--selected:hover{outline:2px solid var(--primary,#0177fd);box-shadow:0 0 0 1px #0009, var(--shadow-glow-primary);z-index:3}.video-timeline-clip-block--dragging{z-index:6;opacity:.85;cursor:grabbing;box-shadow:0 4px 16px #00000080}.video-timeline-clip-label{z-index:2;color:#fff;pointer-events:none;background:#000000a6;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600;position:absolute;top:3px;left:3px}.video-timeline-clip-handle{cursor:ew-resize;z-index:4;justify-content:center;align-items:center;width:10px;display:flex;position:absolute;top:0;bottom:0}.video-timeline-clip-handle:before{content:"";width:2px;height:60%;transition:width .1s var(--ease-out), height .1s var(--ease-out), background .1s var(--ease-out);background:#ffffff8c;border-radius:2px}.video-timeline-clip-handle--start{left:0}.video-timeline-clip-handle--end{right:0}.video-timeline-clip-handle:hover:before{background:var(--primary,#0177fd);width:3px;height:85%}.transition-hover-card{z-index:55;pointer-events:auto;border-radius:var(--radius-md);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(16px)saturate(1.4);box-shadow:var(--shadow-elevated);background:#100f0df7;flex-direction:column;gap:7px;padding:10px 12px;display:flex;position:fixed}.transition-hover-card-row{color:var(--text-primary);align-items:center;gap:6px;display:flex}.transition-hover-card-title{font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:600}.transition-hover-card-title-sub{font-family:var(--font-sans);font-size:var(--fs-2xs);color:var(--text-secondary)}.transition-hover-card-sub{font-family:var(--font-sans);font-size:var(--fs-2xs);color:var(--text-secondary);padding-left:19px}.transition-hover-card-icon-row{align-items:center;gap:4px;display:flex}.transition-hover-card-icon-btn{border-radius:var(--radius-sm);border:1px solid var(--surface-border);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:#ffffff08;justify-content:center;align-items:center;transition:background .12s,color .12s,border-color .12s;display:flex}.transition-hover-card-icon-btn:hover{color:var(--text-primary);background:#ffffff14}.transition-hover-card-icon-btn--active{background:var(--primary);border-color:var(--primary);color:#fff}.transition-hover-card-text-btn{border-radius:var(--radius-sm);border:1px solid var(--surface-border);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--fs-2xs);cursor:pointer;background:#ffffff08;flex:1;padding:5px 0;transition:background .12s,color .12s,border-color .12s}.transition-hover-card-text-btn:hover{color:var(--text-primary);background:#ffffff14}.transition-hover-card-text-btn--active{background:var(--primary);border-color:var(--primary);color:#fff}.transition-hover-card-duration{color:var(--text-secondary);font-size:var(--fs-2xs);font-variant-numeric:tabular-nums;border-top:1px solid var(--surface-border);margin-top:2px;padding-top:5px}.transition-hover-card-slider{appearance:none;cursor:pointer;background:0 0;outline:none;flex:1;height:13px}.transition-hover-card-slider::-webkit-slider-runnable-track{background:#ffffff2e;border-radius:2px;height:2px}.transition-hover-card-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:13px;height:13px;margin-top:-5.5px;box-shadow:0 1px 3px #00000073}.transition-hover-card-slider::-moz-range-track{background:#ffffff2e;border-radius:2px;height:2px}.transition-hover-card-slider::-moz-range-thumb{background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 3px #00000073}.transition-hover-card-duration-value{text-align:right;min-width:28px}.clip-context-menu{z-index:50;border-radius:var(--radius-md);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(16px)saturate(1.4);min-width:180px;box-shadow:var(--shadow-elevated);background:#100f0df7;flex-direction:column;padding:6px;display:flex;position:fixed}.clip-context-menu-item{border-radius:var(--radius-sm);color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;padding:8px 10px;font-size:13px}.clip-context-menu-item:hover:not(:disabled){background:#ffffff14}.clip-context-menu-item:disabled{opacity:.5;cursor:default}.clip-context-menu-item--danger:hover:not(:disabled){background:var(--danger);color:#fff}.video-timeline-clip-delete{color:#fff;cursor:pointer;z-index:5;background:#000000a6;border:none;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:4px;right:4px}.video-timeline-clip-delete:hover{background:var(--danger);color:#fff}.video-timeline-thumb{background-position:50%;background-size:cover;border-right:1px solid #0000004d;flex:1;height:100%}.video-timeline-thumb:last-child{border-right:none}.video-timeline-thumb-placeholder{background:repeating-linear-gradient(90deg,#ffffff0a,#ffffff0a 40px,#ffffff12 40px 80px);flex:1;height:100%;animation:1.4s linear infinite video-timeline-thumb-shimmer}@keyframes video-timeline-thumb-shimmer{0%{background-position:0 0}to{background-position:-80px 0}}.video-timeline-video-clip-filmstrip{display:flex;position:absolute;top:0;bottom:0}.video-timeline-dim{pointer-events:none;background:#0009;position:absolute;top:0;bottom:0}.video-timeline-selected{border-top:2px solid var(--primary,#0177fd);border-bottom:2px solid var(--primary,#0177fd);pointer-events:none;position:absolute;top:0;bottom:0}.video-timeline-playhead{pointer-events:none;z-index:3;background:#fff;width:2px;position:absolute;top:-4px;bottom:-4px;transform:translate(-1px)}.video-timeline-handle{background:var(--primary,#0177fd);cursor:ew-resize;z-index:4;border:2px solid #fff;border-radius:5px;width:14px;position:absolute;top:-3px;bottom:-3px;transform:translate(-50%);box-shadow:0 1px 4px #00000080}.video-timeline-handle--start{left:0}.video-timeline-handle--end{left:100%}.video-overlay-text--fade{animation:.25s caption-tool-fade}.video-overlay-text--slide{animation:.28s cubic-bezier(.22,1,.36,1) caption-tool-slide}.video-overlay-text--bounce{animation:.22s cubic-bezier(.34,1.56,.64,1) caption-tool-bounce}.video-overlay-timeline{touch-action:none;flex-direction:column;flex-shrink:0;gap:3px;margin-top:3px;display:flex}.video-overlay-timeline-track{height:var(--video-track-h);border-radius:var(--radius-sm);background:#000;flex:1;position:relative}.video-overlay-timeline-clip{border-radius:var(--radius-md);white-space:nowrap;min-width:8px;color:var(--text-secondary);cursor:pointer;background:#ffffff29;align-items:center;gap:6px;padding:0 8px;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.video-overlay-timeline-clip:hover{background:#ffffff3d}.video-overlay-timeline-clip--editable{border:1px solid var(--primary,#0177fd);color:var(--text-primary);cursor:grab;background:#0177fd52}.video-overlay-timeline-clip--editable:hover{background:#0177fd52}.video-overlay-timeline-clip--editable:active{cursor:grabbing}.video-overlay-timeline-clip--audio{color:var(--text-primary);background:#8f5dba47}.video-overlay-timeline-clip--audio:hover{background:#8f5dba66}.video-overlay-timeline-clip--image{color:#fff}.video-overlay-timeline-clip--image:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0009 0%,#0003 55%,#0000 100%);position:absolute;inset:0}.video-overlay-timeline-clip--image .video-overlay-timeline-clip-label,.video-overlay-timeline-clip--image .video-overlay-timeline-clip-time{z-index:1;position:relative}.video-overlay-timeline-clip-thumbs{z-index:0;display:flex;position:absolute;inset:0}.video-overlay-timeline-clip-thumb{background-position:50%;background-size:cover;border-right:1px solid #0000004d;flex:1;height:100%}.video-overlay-timeline-subclip{border-radius:var(--radius-sm);background:#ffffff14;outline:1px solid #fff6;margin:0 2px;position:absolute;top:2px;bottom:2px;overflow:hidden}.video-overlay-timeline-subclip .video-overlay-timeline-clip-label{z-index:2;color:#fff;background:#000000a6;border-radius:3px;padding:1px 5px;font-size:10px;position:absolute;top:2px;left:4px}.video-overlay-timeline-subclip-handle{cursor:ew-resize;z-index:4;justify-content:center;align-items:center;width:8px;display:flex;position:absolute;top:0;bottom:0}.video-overlay-timeline-subclip-handle:before{content:"";width:2px;height:55%;transition:width .1s var(--ease-out), height .1s var(--ease-out), background .1s var(--ease-out);background:#ffffff8c;border-radius:2px}.video-overlay-timeline-subclip-handle:hover:before{background:var(--primary,#0177fd);width:3px;height:75%}.video-overlay-timeline-subclip-handle--start{left:0}.video-overlay-timeline-subclip-handle--end{right:0}.video-overlay-timeline-clip-busy{z-index:5;color:#fff;pointer-events:none;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-overlay-timeline-clip-label{font-size:var(--fs-2xs);color:var(--text-primary);text-overflow:ellipsis;font-weight:600;overflow:hidden}.video-overlay-timeline-clip-time{font-size:var(--fs-2xs);color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto}.video-overlay-timeline-handle{cursor:ew-resize;z-index:4;justify-content:center;align-items:center;width:10px;display:flex;position:absolute;top:0;bottom:0}.video-overlay-timeline-handle:before{content:"";width:2px;height:60%;transition:width .1s var(--ease-out), height .1s var(--ease-out), background .1s var(--ease-out);background:#ffffff8c;border-radius:2px}.video-overlay-timeline-handle:hover:before{background:var(--primary,#0177fd);width:3px;height:85%}.video-overlay-timeline-handle--start{left:0}.video-overlay-timeline-handle--end{right:0}.video-overlay-add-clip-wrap{z-index:5;margin-left:16px;position:absolute;top:0;bottom:0}.video-overlay-add-clip-btn{aspect-ratio:1;border-radius:var(--radius-sm);height:100%;color:var(--text-secondary);cursor:pointer;transition:opacity .15s var(--ease-out), background .15s var(--ease-out), border-color .15s var(--ease-out), color .15s var(--ease-out);background:#100f0df7;border:1px dashed #ffffff40;justify-content:center;align-items:center;display:flex}.video-overlay-add-clip-btn:not(:disabled){opacity:0;pointer-events:none}.video-overlay-timeline-row-wrap:hover .video-overlay-add-clip-btn:not(:disabled){opacity:1;pointer-events:auto}.video-overlay-add-clip-btn:hover:not(:disabled){border-color:var(--primary,#0177fd);color:var(--primary,#0177fd);background:#0177fd24}.video-overlay-add-clip-btn:disabled{opacity:.5;cursor:default}.video-overlay-add-clip-menu{z-index:20;border-radius:var(--radius-md);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(16px)saturate(1.4);min-width:210px;box-shadow:var(--shadow-elevated);background:#100f0df7;flex-direction:column;margin-top:4px;padding:6px;display:flex;position:absolute;top:100%;left:0}.video-overlay-add-clip-menu button{border-radius:var(--radius-sm);color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.video-overlay-add-clip-menu button:hover:not(:disabled){background:#ffffff14}.video-overlay-add-clip-menu button:disabled{color:var(--text-secondary);cursor:default}.video-overlay-add-clip-soon{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);font-size:10px}.video-timeline-unsaved-draft-overlay{z-index:20;-webkit-backdrop-filter:blur(3px);pointer-events:none;background:#000000c7;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.video-timeline-unsaved-draft-overlay-icon{color:#4da3ff;filter:drop-shadow(0 0 14px #4da3ffd9)drop-shadow(0 0 30px #4da3ff80);animation:1.8s ease-in-out infinite video-timeline-unsaved-draft-pulse}.video-timeline-unsaved-draft-overlay-title{font-size:var(--fs-base);color:var(--text-primary);font-weight:600}.video-timeline-unsaved-draft-overlay-sub{font-size:var(--fs-xs);color:var(--text-secondary);font-weight:500}@keyframes video-timeline-unsaved-draft-pulse{0%,to{opacity:.75;filter:drop-shadow(0 0 14px #4da3ffb3)drop-shadow(0 0 26px #4da3ff66)}50%{opacity:1;filter:drop-shadow(0 0 18px #4da3ff)drop-shadow(0 0 36px #4da3ffa6)}}.video-editor-version-switch-overlay{z-index:20;-webkit-backdrop-filter:blur(3px);pointer-events:none;background:#000000c7;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.video-editor-version-switch-overlay-icon{color:#4da3ff;filter:drop-shadow(0 0 14px #4da3ffd9)drop-shadow(0 0 30px #4da3ff80)}.video-editor-version-switch-overlay-title{font-size:var(--fs-base);color:var(--text-primary);font-weight:600}.video-timeline-stack{--video-track-h:40px;padding:0 0 14px;position:relative}.sandbox-timeline-stack,.sandbox-timeline-controls-row{padding-left:0;padding-right:0}.video-timeline-stack--floating-composer{padding-bottom:110px}.video-timeline-loading-overlay{z-index:10;border-radius:var(--radius-md);color:var(--text-primary);background:#0a0a0eb8;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex;position:absolute;inset:0}.video-editor-saving-overlay{z-index:1000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);color:var(--text-primary);cursor:wait;background:#08080c99;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex;position:fixed;inset:0}.video-timeline-controls-row{border-bottom:1px solid var(--surface-border);grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 16px 8px;display:grid}.video-timeline-controls-row--seek{display:block}.tool-result-area--canvas-active+.video-timeline-controls-row{margin-top:12px}.video-timeline-controls-row-left{align-items:center;gap:6px;display:flex}.video-timeline-controls-separator{background:#ffffff24;width:1px;height:18px;margin:0 2px}.video-timeline-zoom-row{justify-content:flex-end;align-items:center;gap:8px;display:flex}.video-timeline-zoom-btn{border-radius:var(--radius-sm);border:1px solid var(--surface-border);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;flex:none;justify-content:center;align-items:center;display:flex}.video-timeline-zoom-btn-wrap{display:inline-flex;position:relative}.video-timeline-zoom-btn-tooltip{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--surface-border);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-2xs);white-space:nowrap;z-index:20;opacity:0;pointer-events:none;transition:opacity .12s var(--ease-out);background:#100f0df7;padding:5px 10px;font-weight:500;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.video-timeline-zoom-btn-wrap:hover .video-timeline-zoom-btn-tooltip{opacity:1}.video-timeline-zoom-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff14}.video-timeline-zoom-btn:disabled{opacity:.4;cursor:not-allowed}.video-timeline-zoom-btn--active{color:var(--primary);background:#0177fd24;border-color:#0177fd4d}.video-timeline-zoom-btn--active:hover:not(:disabled){color:var(--primary-hover);background:#0177fd33}.video-timeline-zoom-btn--danger:hover:not(:disabled){color:#ff6b6b;background:#ef444424;border-color:#ef444466}.video-timeline-scroll-x{max-height:calc(var(--video-track-h) * 4 + 59px);overscroll-behavior:contain;overflow:scroll auto}.video-timeline-scroll-x::-webkit-scrollbar{width:6px;height:6px}.video-timeline-scroll-x::-webkit-scrollbar-track{background:0 0}.video-timeline-scroll-x::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.video-timeline-scroll-x::-webkit-scrollbar-thumb:hover{background:#ffffff2e;border-radius:10px}.video-timeline-scroll-x::-webkit-scrollbar-thumb:active{background:#ffffff2e;border-radius:10px}.video-timeline-zoom-content{position:relative}.video-timeline-stack-playhead-area{pointer-events:none;position:absolute;inset:0 8px 0 28px}.video-timeline-stack-playhead{background:var(--primary,#0177fd);z-index:5;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.video-timeline-stack-playhead:before{content:"";background:var(--primary,#0177fd);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);width:13px;height:9px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.watermark-positioner{touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.watermark-positioner-box{cursor:move;border:1px dashed #ffffffb3;position:absolute}.watermark-positioner-clip{pointer-events:none;border-radius:var(--radius-md);position:absolute;overflow:hidden}.watermark-positioner-clip-content{position:absolute}.watermark-positioner-mark{pointer-events:none;object-fit:fill;width:100%;height:100%;display:block}.watermark-positioner-handle{background:#fff;border:1px solid #0006;border-radius:3px;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%)}.watermark-positioner-handle--nw{cursor:nwse-resize;top:0;left:0}.watermark-positioner-handle--ne{cursor:nesw-resize;top:0;left:100%}.watermark-positioner-handle--sw{cursor:nesw-resize;top:100%;left:0}.watermark-positioner-handle--se{cursor:nwse-resize;top:100%;left:100%}.watermark-positioner-handle--n{cursor:ns-resize;top:0;left:50%}.watermark-positioner-handle--s{cursor:ns-resize;top:100%;left:50%}.watermark-positioner-handle--e{cursor:ew-resize;top:50%;left:100%}.watermark-positioner-handle--w{cursor:ew-resize;top:50%;left:0}.watermark-positioner-rotate-stem{pointer-events:none;background:#ffffffb3;width:1px;height:26px;position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}.watermark-positioner-rotate-handle{cursor:grab;background:#fff;border:1px solid #0006;border-radius:50%;width:16px;height:16px;position:absolute;top:0;left:50%;transform:translate(-50%,calc(-100% - 26px))}.watermark-positioner-rotate-handle:active{cursor:grabbing}.video-overlay-clip{pointer-events:none;position:absolute;overflow:hidden}.video-overlay-clip--interactive,.video-overlay-box{z-index:10}.overlay-snap-guide{pointer-events:none;z-index:6;background:#22e5ff;position:absolute}.overlay-snap-guide--v{width:1px}.overlay-snap-guide--h{height:1px}.video-overlay-clip-content{pointer-events:none;position:absolute}.video-overlay-box{cursor:move;border:1px dashed #ffffffb3;position:absolute}.video-overlay-handle{background:#fff;border:1px solid #0006;border-radius:3px;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%)}.video-overlay-handle--nw{cursor:nwse-resize;top:0;left:0}.video-overlay-handle--ne{cursor:nesw-resize;top:0;left:100%}.video-overlay-handle--sw{cursor:nesw-resize;top:100%;left:0}.video-overlay-handle--se{cursor:nwse-resize;top:100%;left:100%}.video-overlay-handle--n{cursor:ns-resize;top:0;left:50%}.video-overlay-handle--s{cursor:ns-resize;top:100%;left:50%}.video-overlay-handle--e{cursor:ew-resize;top:50%;left:100%}.video-overlay-handle--w{cursor:ew-resize;top:50%;left:0}.video-overlay-rotate-stem{pointer-events:none;background:#ffffffb3;width:1px;height:26px;position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}.video-overlay-rotate-handle{cursor:grab;background:#fff;border:1px solid #0006;border-radius:50%;width:16px;height:16px;position:absolute;top:0;left:50%;transform:translate(-50%,calc(-100% - 26px))}.video-overlay-rotate-handle:active{cursor:grabbing}.text-overlay-positioner{touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.text-overlay-positioner-box{cursor:move;border:1px dashed #ffffffb3;align-items:center;display:inline-flex;position:absolute}.text-overlay-positioner-clip{pointer-events:none;border-radius:var(--radius-md);position:absolute;overflow:hidden}.text-overlay-positioner-visible{align-items:center;display:inline-flex;position:absolute}.text-overlay-positioner-handle{background:#fff;border:1px solid #0006;border-radius:3px;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%)}.text-overlay-positioner-handle--nw{cursor:nwse-resize;top:0;left:0}.text-overlay-positioner-handle--ne{cursor:nesw-resize;top:0;left:100%}.text-overlay-positioner-handle--sw{cursor:nesw-resize;top:100%;left:0}.text-overlay-positioner-handle--se{cursor:nwse-resize;top:100%;left:100%}.text-overlay-positioner-rotate-stem{pointer-events:none;background:#ffffffb3;width:1px;height:26px;position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}.text-overlay-positioner-rotate{cursor:grab;background:#fff;border:1px solid #0006;border-radius:50%;width:16px;height:16px;position:absolute;top:0;left:50%;transform:translate(-50%,calc(-100% - 26px))}.text-overlay-positioner-rotate:active{cursor:grabbing}.text-overlay-mask-layer{pointer-events:none;position:absolute}.edit-tools-panel{z-index:40;-webkit-backdrop-filter:blur(24px)saturate(1.4);border-left:1px solid var(--surface-border);background:#100f0df7;flex-direction:column;width:300px;display:flex;position:fixed;top:56px;bottom:0;right:0;box-shadow:-12px 0 32px #0006}.edit-tools-panel-header{border-bottom:1px solid var(--surface-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.edit-tools-panel-header h3{font-size:var(--fs-base);font-weight:700}.edit-tools-panel-title{font-size:var(--fs-md);font-weight:700}.edit-tools-panel-back-group{align-items:center;gap:10px;min-width:0;display:flex}.music-lib-tabs{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:#ffffff05;gap:4px;margin-bottom:12px;padding:3px;display:flex}.music-lib-tab{border-radius:calc(var(--radius-md) - 3px);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--fs-xs);cursor:pointer;background:0 0;border:none;flex:1;padding:6px 4px;font-weight:500}.music-lib-tab:hover{color:var(--text-primary)}.music-lib-tab--active{color:var(--text-primary);background:#0177fd2e}.music-lib-search{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--input-bg,#ffffff08);color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:10px;padding:9px 11px;display:flex}.music-lib-search input{min-width:0;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-xs);background:0 0;border:none;outline:none;flex:1}.music-lib-search input::placeholder{color:var(--text-secondary)}.music-lib-genre{margin-bottom:12px}.music-lib-status{font-size:var(--fs-xs);color:var(--text-secondary);padding:10px 2px}.music-lib-list{flex-direction:column;gap:6px;display:flex}.music-lib-track{border:1px solid var(--surface-border);background:#ffffff05;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.music-lib-track--playing{background:#0177fd1f;border-color:#0177fd80}.music-lib-track-play{border:1px solid var(--surface-border);width:30px;height:30px;color:var(--text-primary);cursor:pointer;background:#ffffff0a;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.music-lib-track-play:hover{background:#ffffff1a}.music-lib-track-meta{flex:1;min-width:0}.music-lib-track-title{font-size:var(--fs-xs);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.music-lib-track-sub{font-size:var(--fs-2xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;overflow:hidden}.music-lib-track-time{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-secondary);flex:none}.music-lib-track-add{border:1px solid var(--surface-border);width:28px;height:28px;color:var(--text-primary);cursor:pointer;background:#ffffff0a;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.music-lib-track-add:hover{background:#0177fd29;border-color:#0177fd66}.edit-tools-panel-body{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;flex:1;padding:16px;overflow-y:auto}.edit-tools-panel-body::-webkit-scrollbar{width:3px}.edit-tools-panel-body::-webkit-scrollbar-track{background:0 0}.edit-tools-panel-body::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:10px}.edit-tools-panel-body::-webkit-scrollbar-thumb:hover{background:#ffffff24;border-radius:10px}.edit-tools-panel-body::-webkit-scrollbar-thumb:active{background:#ffffff24;border-radius:10px}.record-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .15s var(--ease-out);background:#04060fcc;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.edit-tools-panel.record-modal{border-radius:var(--radius-lg);border:1px solid var(--surface-border);border-left:1px solid var(--surface-border);width:min(440px,100%);max-height:86vh;box-shadow:var(--shadow-modal);position:relative;top:auto;bottom:auto;right:auto}.record-floating-bar{z-index:1000;-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--surface-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-modal);animation:fadeIn .15s var(--ease-out);background:#100f0df7;align-items:center;gap:10px;padding:8px 10px 8px 14px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.record-floating-bar-dot{background:var(--danger);border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite recordFloatingBarPulse}@keyframes recordFloatingBarPulse{0%,to{opacity:1}50%{opacity:.35}}.record-floating-bar-time{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-secondary);min-width:2.4em}.record-floating-bar-stop{background:var(--danger);color:#fff;border-radius:var(--radius-pill);font-size:var(--fs-xs);cursor:pointer;border:none;align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:flex}.record-floating-bar-stop:hover{opacity:.9}.edit-tools-panel-hint{font-size:var(--fs-xs);color:var(--text-secondary);margin-bottom:14px;line-height:1.4}.inspector-field-pair{gap:10px;display:flex}.trim-time-field{background:var(--input-bg);border:1px solid var(--surface-border);border-radius:var(--radius-sm);flex:1;align-items:stretch;min-width:0;transition:border-color .15s;display:flex;overflow:hidden}.trim-time-field:focus-within{border-color:#0177fd80}.trim-time-field input{width:100%;min-width:0;color:var(--text-primary);font-family:inherit;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;flex:1;padding:6px 8px}.trim-time-field--accent input{color:var(--primary)}.trim-time-field-steppers{border-left:1px solid var(--surface-border);flex-direction:column;flex-shrink:0;display:flex}.trim-time-field-steppers button{width:20px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:flex}.trim-time-field-steppers button:hover{color:var(--text-primary);background:#ffffff0f}.trim-time-field-steppers button:first-child{border-bottom:1px solid var(--surface-border)}.text-tool-section-header-value{font-size:var(--fs-2xs);font-variant-numeric:tabular-nums;color:var(--text-secondary);margin-right:2px}.speed-value-pill{color:var(--text-secondary);font-size:var(--fs-2xs);align-items:center;gap:3px;display:inline-flex}.speed-value-pill .text-tool-field-row-input{width:50px;padding-right:4px}.speed-scale-labels{font-size:var(--fs-2xs);color:var(--text-secondary);justify-content:space-between;margin-top:6px;display:flex}.edit-tools-panel-footer{border-top:1px solid var(--surface-border);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.edit-tools-panel-footer .credits-modal-cancel,.edit-tools-panel-footer .btn-primary{width:auto;font-family:var(--font-display);font-size:var(--fs-xs);flex:1;padding:11px 16px;font-weight:600}.edit-tools-chip-row{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.edit-tool-chip{border-radius:var(--radius-pill);border:1px solid var(--surface-border);height:30px;color:var(--text-secondary);font-size:var(--fs-xs);cursor:pointer;background:#ffffff0a;padding:0 12px;font-weight:600}.edit-tool-chip:hover{color:var(--text-primary);background:#ffffff14}.edit-tool-chip--active{color:var(--primary);background:#0177fd33;border-color:#0177fd80}.edit-tools-slider-row{color:var(--text-secondary);align-items:center;gap:10px;display:flex}.edit-tools-slider-row input[type=range]{accent-color:#0177fd;flex:1}.edit-tools-filter-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.edit-tools-filter-item{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;padding:0;display:flex}.edit-tools-filter-thumb{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--surface-border);background-position:50%;background-size:cover;width:100%}.edit-tools-filter-item:hover .edit-tools-filter-thumb,.edit-tools-filter-item--active .edit-tools-filter-thumb{border-color:#0177fd80}.edit-tools-filter-item--active .edit-tools-filter-thumb{box-shadow:0 0 0 2px #0177fd80, var(--shadow-glow-primary)}.edit-tools-filter-label{font-size:var(--fs-xs);color:var(--text-secondary)}.edit-tools-toggle-row{font-size:var(--fs-xs);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.edit-tools-toggle-row label{cursor:pointer;align-items:center;gap:8px;display:flex}.edit-tools-toggle-row input[type=checkbox]{accent-color:#0177fd;cursor:pointer;width:15px;height:15px}.edit-tools-toggle-row .text-tool-color-swatch--sm{flex:none;width:32px;height:32px}.text-tool-textarea{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--input-bg);width:100%;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-xs);resize:vertical;margin-bottom:14px;padding:9px 11px;line-height:1.5}.text-tool-textarea:focus{border-color:#0177fd80;outline:none}.text-tool-textarea::placeholder{color:var(--text-secondary)}.text-tool-gradient-stops{gap:16px;display:flex}.text-tool-gradient-stop{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.text-tool-gradient-stop>label{font-size:var(--fs-2xs);color:var(--text-secondary);font-weight:400}.text-tool-toprow{align-items:stretch;gap:8px;margin-bottom:10px;display:flex}.text-tool-font-select .custom-select-trigger-label,.text-tool-font-select-panel .custom-select-option{font-size:var(--fs-xs)}.text-tool-toprow>:first-child{flex:1;min-width:0}.text-tool-color-swatch{border:1px solid var(--surface-border);cursor:pointer;background:0 0;border-radius:50%;flex:none;width:36px;height:36px;padding:0;overflow:hidden}.text-tool-color-swatch:disabled{opacity:.4;cursor:not-allowed}.text-tool-color-swatch::-webkit-color-swatch-wrapper{padding:0}.text-tool-color-swatch::-webkit-color-swatch{border:none;border-radius:50%}.color-picker{display:inline-flex}.color-picker-trigger{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:10px;padding:0;display:inline-flex}.color-picker-trigger:disabled{opacity:.4;cursor:not-allowed}.color-picker-hex-label{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.04em;white-space:nowrap}.color-picker-swatch{border:1px solid var(--surface-border);border-radius:50%;flex:none;width:30px;height:30px;box-shadow:inset 0 0 0 2px #00000059}.color-picker-pop{z-index:300;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4);width:288px;box-shadow:var(--shadow-modal), 0 0 0 1px #0177fd0a;animation:sumSlideIn .14s var(--ease-out) both;background:#100f0dfa;border:1px solid #0177fd29;padding:14px;position:fixed}.color-picker-pop-head{font-size:var(--fs-xs);color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:600;display:flex}.color-picker-pop-head button{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;margin:-4px;padding:4px;display:flex}.color-picker-pop-head button:hover{color:var(--text-primary);background:var(--surface)}.color-picker-sv{border-radius:var(--radius-md);touch-action:none;cursor:crosshair;width:100%;height:160px;position:relative;overflow:hidden}.color-picker-sv-white,.color-picker-sv-black{pointer-events:none;position:absolute;inset:0}.color-picker-sv-white{background:linear-gradient(90deg,#fff,#fff0)}.color-picker-sv-black{background:linear-gradient(#0000,#000)}.color-picker-sv-handle{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080,0 2px 6px #00000080}.color-picker-hue{touch-action:none;cursor:ew-resize;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:999px;width:100%;height:14px;margin:14px 0 12px;position:relative}.color-picker-hue-handle{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080,0 2px 6px #00000080}.color-picker-input-row{align-items:stretch;gap:6px;display:flex}.color-picker-fmt{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface);min-width:44px;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.06em;cursor:pointer;flex:none;padding:0 8px;transition:color .15s,border-color .15s}.color-picker-fmt:hover{color:var(--text-primary);border-color:#0177fd66}.color-picker-eyedropper{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface);width:34px;color:var(--text-secondary);cursor:pointer;flex:none;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:flex}.color-picker-eyedropper:hover{color:var(--text-primary);border-color:#0177fd66}.color-picker-hex-input{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--input-bg);min-width:0;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.04em;flex:1;padding:9px 12px}.color-picker-hex-input:focus{border-color:#0177fd80;outline:none}.color-picker-presets{grid-template-columns:repeat(7,1fr);gap:8px;margin-top:12px;display:grid}.color-picker-preset{aspect-ratio:1;border:1px solid var(--surface-border);cursor:pointer;transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out);border-radius:50%}.color-picker-preset:hover{transform:scale(1.12)}.color-picker-preset--active{box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--primary)}.text-tool-style-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.text-tool-icon-group{border:1px solid var(--surface-border);background:#ffffff0a;border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex}.text-tool-icon-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.text-tool-icon-btn:hover{color:var(--text-primary)}.text-tool-icon-btn--active{color:var(--primary,#0177fd);background:#0177fd38}.text-tool-field-row{margin-bottom:16px}.text-tool-field-row-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.text-tool-field-row-top label{font-size:var(--fs-2xs);color:var(--text-secondary);font-weight:400}.text-tool-field-row-value{font-size:var(--fs-2xs);color:var(--text-primary);background:#ffffff0f;border-radius:6px;padding:2px 8px;font-weight:500}.text-tool-field-row-input{width:52px;font-size:var(--fs-2xs);color:var(--text-primary);text-align:right;box-sizing:border-box;background:#ffffff0f;border:1px solid #0000;border-radius:6px;padding:2px 6px;font-family:inherit;font-weight:500}.text-tool-field-row-input:focus{background:#ffffff17;border-color:#0177fd80;outline:none}.text-tool-field-row-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.text-tool-field-row-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.text-tool-field-row-input[type=number]{-moz-appearance:textfield}.text-tool-field-row input[type=range],.edit-tools-panel-body input[type=range],input[type=range].th-range{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:13px}.text-tool-field-row input[type=range]::-webkit-slider-runnable-track{background:#ffffff2e;border-radius:2px;height:2px}.edit-tools-panel-body input[type=range]::-webkit-slider-runnable-track{background:#ffffff2e;border-radius:2px;height:2px}input[type=range].th-range::-webkit-slider-runnable-track{background:#ffffff2e;border-radius:2px;height:2px}.text-tool-field-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#0177fd;border-radius:50%;width:13px;height:13px;margin-top:-5.5px;box-shadow:0 1px 3px #00000073}.edit-tools-panel-body input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#0177fd;border-radius:50%;width:13px;height:13px;margin-top:-5.5px;box-shadow:0 1px 3px #00000073}input[type=range].th-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#0177fd;border-radius:50%;width:13px;height:13px;margin-top:-5.5px;box-shadow:0 1px 3px #00000073}.text-tool-field-row input[type=range]::-moz-range-track{background:#ffffff2e;border-radius:2px;height:2px}.edit-tools-panel-body input[type=range]::-moz-range-track{background:#ffffff2e;border-radius:2px;height:2px}input[type=range].th-range::-moz-range-track{background:#ffffff2e;border-radius:2px;height:2px}.text-tool-field-row input[type=range]::-moz-range-thumb{cursor:pointer;background:#0177fd;border:none;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 3px #00000073}.edit-tools-panel-body input[type=range]::-moz-range-thumb{cursor:pointer;background:#0177fd;border:none;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 3px #00000073}input[type=range].th-range::-moz-range-thumb{cursor:pointer;background:#0177fd;border:none;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 3px #00000073}.text-tool-section{border:1px solid var(--surface-border);background:#ffffff05;border-radius:12px;margin-bottom:12px;overflow:hidden}.text-tool-section-header{width:100%;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-xs);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:12px 14px;font-weight:400;display:flex}.text-tool-section-header--static{cursor:default}.text-tool-section-icon{color:var(--text-secondary);display:flex}.text-tool-section-label{flex:1}.text-tool-section-chevron{color:var(--text-secondary);transition:transform .15s}.text-tool-section--open .text-tool-section-chevron{transform:rotate(180deg)}.text-tool-section--nav .text-tool-section-header:hover{background:#ffffff0a}.text-tool-section--nav .text-tool-section-header:hover .text-tool-section-chevron{color:var(--text-primary);transform:translate(2px)}.text-tool-section-reset{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;margin:-4px 2px -4px 0;transition:color .15s,background .15s;display:flex}.text-tool-section-reset:hover{color:var(--text-primary);background:var(--surface)}.text-tool-section-body{border-top:1px solid var(--surface-border);padding:14px 14px 16px}.text-tool-section-body .text-tool-field-row:last-child{margin-bottom:0}.text-tool-switch{cursor:pointer;flex:none;width:36px;height:21px;display:inline-flex;position:relative}.text-tool-switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.text-tool-switch-track{background:#ffffff29;border-radius:999px;transition:background .15s;position:absolute;inset:0}.text-tool-switch-thumb{background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .15s;position:absolute;top:2px;left:2px}.text-tool-switch input:checked+.text-tool-switch-track{background:var(--primary)}.text-tool-switch input:checked+.text-tool-switch-track .text-tool-switch-thumb{transform:translate(15px)}.text-tool-reset-link{border:1px solid var(--surface-border);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:9px 0;transition:color .15s,border-color .15s,background .15s;display:flex}.text-tool-reset-link:hover{color:var(--text-primary);background:var(--surface);border-color:#0177fd59}.crop-aspect-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.crop-aspect-tile{border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--fs-2xs);cursor:pointer;background:#ffffff08;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 4px 10px;font-weight:400;display:flex}.crop-aspect-tile:hover{color:var(--text-primary);background:#ffffff0f}.crop-aspect-tile--active{color:var(--primary,#0177fd);background:#0177fd29;border-color:#0177fd80}.transition-preview-outer{margin-bottom:14px;position:relative}.transition-preview{aspect-ratio:16/9;border-radius:var(--radius-md);background:#000;width:100%;position:relative;overflow:hidden}.transition-preview-real{object-fit:cover;display:block}.transition-preview-loading{color:#ffffffe6;font-family:var(--font-sans);font-size:var(--fs-2xs);pointer-events:none;background:#000000b3;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-weight:600;display:flex;position:absolute;bottom:8px;left:8px}.transition-preview-loading--error{color:#ffc88cf2}.transition-preview--empty{color:var(--text-secondary);font-size:var(--fs-2xs);border:1px dashed var(--surface-border);background:#ffffff08;justify-content:center;align-items:center;display:flex}.transition-preview-layer{font-family:var(--font-sans);font-size:var(--fs-2xs);color:#ffffffd9;letter-spacing:.01em;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.transition-preview-layer--a{z-index:1;background:linear-gradient(135deg,#2a2a28,#4a4842)}.transition-preview-layer--b{z-index:2;background:linear-gradient(135deg,#0177fd,#3f91fd)}.transition-preview-frame{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.transition-preview-layer-label{z-index:1;position:relative}.transition-preview-empty-label{z-index:1;border-radius:var(--radius-sm,6px);background:#0000008c;padding:3px 8px;position:relative}.transition-type-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.transition-type-tile{border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:#ffffff08;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 4px;display:flex}.transition-type-tile:hover{color:var(--text-primary);background:#ffffff0f}.transition-type-tile-icon{aspect-ratio:16/10;width:100%;color:var(--text-secondary);background:linear-gradient(135deg,#ffffff14,#ffffff05);border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.transition-type-tile-icon-a,.transition-type-tile-icon-b{position:absolute;inset:0}.transition-type-tile-icon-a{background:linear-gradient(140deg,#1c2f4a,#0d1420)}.transition-type-tile-icon-b{background:linear-gradient(140deg,#603a1e,#2a180c)}.transition-type-tile-icon--fade .transition-type-tile-icon-b,.transition-type-tile-icon--dissolve .transition-type-tile-icon-b{opacity:0;transition:opacity .8s}.transition-type-tile:hover .transition-type-tile-icon--fade .transition-type-tile-icon-b,.transition-type-tile:hover .transition-type-tile-icon--dissolve .transition-type-tile-icon-b{opacity:1}.transition-type-tile-icon--wipe .transition-type-tile-icon-b{clip-path:inset(0 100% 0 0);transition:clip-path .8s}.transition-type-tile:hover .transition-type-tile-icon--wipe .transition-type-tile-icon-b{clip-path:inset(0)}.transition-type-tile-icon--slide .transition-type-tile-icon-b{transition:transform .8s;transform:translate(100%)}.transition-type-tile:hover .transition-type-tile-icon--slide .transition-type-tile-icon-b{transform:translate(0)}.transition-type-tile-icon--reveal .transition-type-tile-icon-a{z-index:2;transition:transform .8s}.transition-type-tile:hover .transition-type-tile-icon--reveal .transition-type-tile-icon-a{transform:translate(-100%)}.transition-type-tile-icon--diagonal .transition-type-tile-icon-b{clip-path:circle(0% at 0 0);transition:clip-path .8s}.transition-type-tile:hover .transition-type-tile-icon--diagonal .transition-type-tile-icon-b{clip-path:circle(150% at 0 0)}.transition-type-tile-icon--circle .transition-type-tile-icon-b{clip-path:circle(0%);transition:clip-path .8s}.transition-type-tile:hover .transition-type-tile-icon--circle .transition-type-tile-icon-b{clip-path:circle(75%)}.transition-type-tile-icon--zoomin .transition-type-tile-icon-b{opacity:0;transition:opacity .8s,transform .8s;transform:scale(.25)}.transition-type-tile:hover .transition-type-tile-icon--zoomin .transition-type-tile-icon-b{opacity:1;transform:scale(1)}.transition-type-tile-icon--pixelize .transition-type-tile-icon-b{opacity:0;filter:blur(6px);transition:opacity .8s,filter .8s}.transition-type-tile:hover .transition-type-tile-icon--pixelize .transition-type-tile-icon-b{opacity:1;filter:blur()}.transition-type-tile-icon--smooth .transition-type-tile-icon-b,.transition-type-tile-icon--slice .transition-type-tile-icon-b,.transition-type-tile-icon--wind .transition-type-tile-icon-b{clip-path:inset(0% 100% 0% 0%);transition:clip-path .8s}.transition-type-tile:hover .transition-type-tile-icon--smooth .transition-type-tile-icon-b,.transition-type-tile:hover .transition-type-tile-icon--slice .transition-type-tile-icon-b,.transition-type-tile:hover .transition-type-tile-icon--wind .transition-type-tile-icon-b{clip-path:inset(0%)}.transition-type-tile-icon--cover .transition-type-tile-icon-b{transition:transform .8s;transform:translate(100%)}.transition-type-tile:hover .transition-type-tile-icon--cover .transition-type-tile-icon-b{transform:translate(0)}.transition-type-tile-icon--wipecorner .transition-type-tile-icon-b{clip-path:circle(0% at 0 0);transition:clip-path .8s}.transition-type-tile:hover .transition-type-tile-icon--wipecorner .transition-type-tile-icon-b{clip-path:circle(150% at 0 0)}.transition-type-tile-icon--vert .transition-type-tile-icon-b{clip-path:inset(50% 0%);transition:clip-path .8s}.transition-type-tile:hover .transition-type-tile-icon--vert .transition-type-tile-icon-b{clip-path:inset(0%)}.transition-type-tile-icon--horz .transition-type-tile-icon-b{clip-path:inset(0% 50%);transition:clip-path .8s}.transition-type-tile:hover .transition-type-tile-icon--horz .transition-type-tile-icon-b{clip-path:inset(0%)}.transition-type-tile-icon--squeeze .transition-type-tile-icon-b,.transition-type-tile-icon--circlecrop .transition-type-tile-icon-b{opacity:0;transition:opacity .8s,transform .8s;transform:scale(.25)}.transition-type-tile:hover .transition-type-tile-icon--squeeze .transition-type-tile-icon-b,.transition-type-tile:hover .transition-type-tile-icon--circlecrop .transition-type-tile-icon-b{opacity:1;transform:scale(1)}.transition-type-tile-icon--rectcrop .transition-type-tile-icon-b,.transition-type-tile-icon--distance .transition-type-tile-icon-b,.transition-type-tile-icon--radial .transition-type-tile-icon-b,.transition-type-tile-icon--hblur .transition-type-tile-icon-b{opacity:0;transition:opacity .8s}.transition-type-tile:hover .transition-type-tile-icon--rectcrop .transition-type-tile-icon-b,.transition-type-tile:hover .transition-type-tile-icon--distance .transition-type-tile-icon-b,.transition-type-tile:hover .transition-type-tile-icon--radial .transition-type-tile-icon-b,.transition-type-tile:hover .transition-type-tile-icon--hblur .transition-type-tile-icon-b{opacity:1}.transition-type-tile-icon--fadefast .transition-type-tile-icon-b{opacity:0;transition:opacity .3s}.transition-type-tile:hover .transition-type-tile-icon--fadefast .transition-type-tile-icon-b{opacity:1}.transition-type-tile-icon--fadeslow .transition-type-tile-icon-b{opacity:0;transition:opacity 1.6s}.transition-type-tile:hover .transition-type-tile-icon--fadeslow .transition-type-tile-icon-b{opacity:1}.transition-type-tile-label{font-size:var(--fs-2xs);text-align:center;font-weight:400;line-height:1.2}.transition-type-tile--active{color:var(--primary,#0177fd);background:#0177fd1a;border-color:#0177fd80}.transition-type-tile--active .transition-type-tile-icon{color:var(--primary,#0177fd);background:linear-gradient(135deg,#0177fd66,#0177fd26)}.transition-direction-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.transition-direction-btn{border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:#ffffff08;justify-content:center;align-items:center;padding:10px 0;display:flex}.transition-direction-btn:hover{color:var(--text-primary);background:#ffffff0f}.transition-direction-btn--active{color:var(--primary,#0177fd);background:#0177fd29;border-color:#0177fd80}.transition-preview-flash{z-index:3;pointer-events:none;background:#000;animation:2.4s ease-in-out infinite tp-flash;position:absolute;inset:0}.transition-preview-flash--white{background:#fff}@keyframes tp-fade{0%,20%{opacity:0}50%,70%{opacity:1}to{opacity:0}}.tp-anim-fade{animation:2.4s ease-in-out infinite tp-fade}@keyframes tp-flash{0%,30%,to{opacity:0}50%{opacity:1}}@keyframes tp-hardcut-a{0%,49.9%{opacity:1}50%,to{opacity:0}}.tp-anim-hardcut-a{animation:2.4s step-end infinite tp-hardcut-a}@keyframes tp-hardcut-b{0%,49.9%{opacity:0}50%,to{opacity:1}}.tp-anim-hardcut-b{animation:2.4s step-end infinite tp-hardcut-b}@keyframes tp-wipeleft{0%,20%{clip-path:inset(0% 0% 0% 100%)}50%,70%{clip-path:inset(0%)}to{clip-path:inset(0% 0% 0% 100%)}}.tp-anim-wipeleft{animation:2.4s ease-in-out infinite tp-wipeleft}@keyframes tp-wiperight{0%,20%{clip-path:inset(0% 100% 0% 0%)}50%,70%{clip-path:inset(0%)}to{clip-path:inset(0% 100% 0% 0%)}}.tp-anim-wiperight{animation:2.4s ease-in-out infinite tp-wiperight}@keyframes tp-wipeup{0%,20%{clip-path:inset(100% 0% 0%)}50%,70%{clip-path:inset(0%)}to{clip-path:inset(100% 0% 0%)}}.tp-anim-wipeup{animation:2.4s ease-in-out infinite tp-wipeup}@keyframes tp-wipedown{0%,20%{clip-path:inset(0% 0% 100%)}50%,70%{clip-path:inset(0%)}to{clip-path:inset(0% 0% 100%)}}.tp-anim-wipedown{animation:2.4s ease-in-out infinite tp-wipedown}.transition-preview-wipe-seam{z-index:3;pointer-events:none;background:#fffffff2;position:absolute;box-shadow:0 0 6px #ffffffb3}.transition-preview-wipe-seam--v{width:3px;top:0;bottom:0}.transition-preview-wipe-seam--h{height:3px;left:0;right:0}@keyframes tp-wipe-seam-left{0%,20%{left:100%}50%,70%{left:0%}to{left:100%}}.tp-seam-wipeleft{animation:2.4s ease-in-out infinite tp-wipe-seam-left}@keyframes tp-wipe-seam-right{0%,20%{left:0%}50%,70%{left:100%}to{left:0%}}.tp-seam-wiperight{animation:2.4s ease-in-out infinite tp-wipe-seam-right}@keyframes tp-wipe-seam-up{0%,20%{top:100%}50%,70%{top:0%}to{top:100%}}.tp-seam-wipeup{animation:2.4s ease-in-out infinite tp-wipe-seam-up}@keyframes tp-wipe-seam-down{0%,20%{top:0%}50%,70%{top:100%}to{top:0%}}.tp-seam-wipedown{animation:2.4s ease-in-out infinite tp-wipe-seam-down}@keyframes tp-slide-in{0%,20%{transform:translate(calc(var(--tp-dx,1) * 100%), calc(var(--tp-dy,0) * 100%))}50%,70%{transform:translate(0)}to{transform:translate(calc(var(--tp-dx,1) * 100%), calc(var(--tp-dy,0) * 100%))}}.tp-anim-slide-in{animation:2.4s ease-in-out infinite tp-slide-in}@keyframes tp-reveal-out{0%,20%{transform:translate(0)}50%,70%{transform:translate(calc(var(--tp-dx,-1) * 100%), calc(var(--tp-dy,0) * 100%))}to{transform:translate(0)}}.tp-anim-reveal-out{animation:2.4s ease-in-out infinite tp-reveal-out}@keyframes tp-diag-tl{0%,20%{clip-path:circle(0% at 0 0)}50%,70%{clip-path:circle(150% at 0 0)}to{clip-path:circle(0% at 0 0)}}.tp-anim-diag-tl{animation:2.4s ease-in-out infinite tp-diag-tl}@keyframes tp-diag-tr{0%,20%{clip-path:circle(0% at 100% 0)}50%,70%{clip-path:circle(150% at 100% 0)}to{clip-path:circle(0% at 100% 0)}}.tp-anim-diag-tr{animation:2.4s ease-in-out infinite tp-diag-tr}@keyframes tp-diag-bl{0%,20%{clip-path:circle(0% at 0 100%)}50%,70%{clip-path:circle(150% at 0 100%)}to{clip-path:circle(0% at 0 100%)}}.tp-anim-diag-bl{animation:2.4s ease-in-out infinite tp-diag-bl}@keyframes tp-diag-br{0%,20%{clip-path:circle(0% at 100% 100%)}50%,70%{clip-path:circle(150% at 100% 100%)}to{clip-path:circle(0% at 100% 100%)}}.tp-anim-diag-br{animation:2.4s ease-in-out infinite tp-diag-br}@keyframes tp-circle-open{0%,20%{clip-path:circle(0%)}50%,70%{clip-path:circle(75%)}to{clip-path:circle(0%)}}.tp-anim-circle-open{animation:2.4s ease-in-out infinite tp-circle-open}@keyframes tp-circle-close{0%,20%{clip-path:circle(75%)}50%,70%{clip-path:circle(0%)}to{clip-path:circle(75%)}}.tp-anim-circle-close{animation:2.4s ease-in-out infinite tp-circle-close}@keyframes tp-vert-open{0%,20%{clip-path:inset(50% 0%)}50%,70%{clip-path:inset(0%)}to{clip-path:inset(50% 0%)}}.tp-anim-vert-open{animation:2.4s ease-in-out infinite tp-vert-open}@keyframes tp-vert-close{0%,20%{clip-path:inset(0%)}50%,70%{clip-path:inset(50% 0%)}to{clip-path:inset(0%)}}.tp-anim-vert-close{animation:2.4s ease-in-out infinite tp-vert-close}@keyframes tp-horz-open{0%,20%{clip-path:inset(0% 50%)}50%,70%{clip-path:inset(0%)}to{clip-path:inset(0% 50%)}}.tp-anim-horz-open{animation:2.4s ease-in-out infinite tp-horz-open}@keyframes tp-horz-close{0%,20%{clip-path:inset(0%)}50%,70%{clip-path:inset(0% 50%)}to{clip-path:inset(0%)}}.tp-anim-horz-close{animation:2.4s ease-in-out infinite tp-horz-close}@keyframes tp-zoom-in{0%,20%{opacity:0;transform:scale(calc(var(--tp-sx,1) * .2), calc(var(--tp-sy,1) * .2))}50%,70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(calc(var(--tp-sx,1) * .2), calc(var(--tp-sy,1) * .2))}}.tp-anim-zoom-in{animation:2.4s ease-in-out infinite tp-zoom-in}@keyframes tp-pixelize-a{0%,20%{opacity:1;filter:blur()}50%{opacity:.4;filter:blur(6px)}70%,to{opacity:0;filter:blur()}}.tp-anim-pixelize-a{animation:2.4s ease-in-out infinite tp-pixelize-a}@keyframes tp-pixelize-b{0%,20%{opacity:0;filter:blur()}50%{opacity:.6;filter:blur(6px)}70%,to{opacity:1;filter:blur()}}.tp-anim-pixelize-b{animation:2.4s ease-in-out infinite tp-pixelize-b}.canvas-fit-toggle{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.canvas-fit-toggle-btn{border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--fs-xs);cursor:pointer;text-align:left;background:#ffffff08;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;font-weight:600;display:flex}.canvas-fit-toggle-btn:hover{color:var(--text-primary);background:#ffffff0f}.canvas-fit-toggle-btn--active{color:var(--primary,#0177fd);background:#0177fd29;border-color:#0177fd80}.transition-openclose-btn{text-align:center;font-size:var(--fs-2xs);align-items:center;font-weight:400}.canvas-fit-toggle-sub{font-size:var(--fs-2xs);color:var(--text-secondary);font-weight:400}.canvas-fit-toggle-btn--active .canvas-fit-toggle-sub{color:var(--primary,#0177fd);opacity:.8}.canvas-ratio-list{flex-direction:column;gap:6px;display:flex}.canvas-ratio-row{border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;text-align:left;background:#ffffff08;align-items:center;gap:12px;padding:8px 10px;display:flex}.canvas-ratio-row:hover{color:var(--text-primary);background:#ffffff0f}.canvas-ratio-row--active{color:var(--primary,#0177fd);background:#0177fd29;border-color:#0177fd80}.canvas-ratio-shape-wrap{flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.canvas-ratio-shape{opacity:.85;border:1.5px solid;border-radius:2px}.canvas-ratio-text{flex-direction:column;gap:1px;min-width:0;display:flex}.canvas-ratio-label{font-size:var(--fs-xs);color:inherit;font-weight:600}.canvas-ratio-name{font-size:var(--fs-2xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.canvas-ratio-row--active .canvas-ratio-name{color:var(--primary,#0177fd);opacity:.8}.watermark-modal-upload{border:1px dashed var(--surface-border);min-height:120px;color:var(--text-secondary);font-size:var(--fs-xs);text-align:center;cursor:pointer;background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;padding:16px;display:flex}.watermark-modal-upload img{border-radius:8px;max-width:100%;max-height:100px}.wm-logo-links{flex-wrap:wrap;gap:14px;margin-top:10px;display:flex}.wm-crop-logo-link{color:var(--primary,#0177fd);font-size:var(--fs-xs);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-weight:600;display:flex}.wm-crop-logo-link:hover{text-decoration:underline}.wm-position-grid{grid-template-columns:repeat(3,1fr);gap:8px;max-width:160px;display:grid}.wm-position-tile{aspect-ratio:1;border:1px solid var(--surface-border);cursor:pointer;background:#ffffff08;border-radius:8px;position:relative}.wm-position-tile:hover{background:#ffffff0f;border-color:#0177fd80}.wm-position-dot{background:var(--text-secondary);border-radius:50%;width:6px;height:6px;position:absolute;transform:translate(-50%,-50%)}.wm-position-tile:hover .wm-position-dot{background:var(--primary,#0177fd)}.wm-position-dot--tl{top:22%;left:22%}.wm-position-dot--tc{top:22%;left:50%}.wm-position-dot--tr{top:22%;left:78%}.wm-position-dot--ml{top:50%;left:22%}.wm-position-dot--mc{top:50%;left:50%}.wm-position-dot--mr{top:50%;left:78%}.wm-position-dot--bl{top:78%;left:22%}.wm-position-dot--bc{top:78%;left:50%}.wm-position-dot--br{top:78%;left:78%}.wm-fit-row{gap:8px;margin-top:10px;display:flex}.wm-fit-btn{border:1px solid var(--surface-border);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--fs-xs);cursor:pointer;background:#ffffff08;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-weight:600;display:flex}.wm-fit-btn:hover{color:var(--text-primary);background:#ffffff0f;border-color:#0177fd80}.wm-quick-actions{gap:8px;margin-top:12px;display:flex}.wm-icon-btn{border:1px solid var(--surface-border);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;display:flex}.wm-icon-btn:hover{color:var(--text-primary);background:#ffffff0f}.wm-icon-btn--active{color:var(--primary,#0177fd);background:#0177fd29;border-color:#0177fd80}.post-version-modal{width:min(440px,100%);max-height:80vh;overflow-y:auto}.post-version-hint{color:var(--text-secondary);font-size:var(--fs-sm);margin-bottom:18px;line-height:1.5}.post-version-empty{color:var(--text-secondary);font-size:var(--fs-sm)}.post-version-list{flex-direction:column;gap:8px;display:flex}.post-version-row{border:1px solid var(--surface-border);background:#ffffff08;border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.post-version-thumb{background:#ffffff0a;border-radius:8px;flex-shrink:0;width:44px;height:44px;overflow:hidden}.post-version-thumb img{object-fit:cover;width:100%;height:100%;display:block}.post-version-time{font-size:var(--fs-xs);color:var(--text-secondary);flex:1}.post-version-btn{border:1px solid var(--surface-border);height:30px;color:var(--text-secondary);font-size:var(--fs-xs);cursor:pointer;background:#ffffff0a;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:0 12px;font-weight:600;display:flex}.post-version-btn:hover{color:var(--text-primary);background:#ffffff14}.post-version-btn--posted{color:var(--primary);background:#0177fd33;border-color:#0177fd80}.post-version-btn:disabled{opacity:.5;cursor:not-allowed}.checkerboard-bg{-webkit-backdrop-filter:blur(18px)saturate(1.4);background-color:#000;background-image:linear-gradient(135deg,#ffffff12 0%,#0000 30% 70%,#ffffff0a 100%),radial-gradient(circle,#0177fd47 0%,#0000 45%),radial-gradient(circle,#000000f2 0%,#0000 65%),radial-gradient(circle,#00287852 0%,#0000 48%),radial-gradient(circle,#0177fd33 0%,#0000 42%),radial-gradient(circle,#000000eb 0%,#0000 65%);background-position:0 0,20% 30%,75% 65%,45% 85%,65% 15%,30% 70%;background-repeat:no-repeat;background-size:100% 100%,170% 170%,190% 190%,210% 210%,180% 180%,200% 200%;animation:16s ease-in-out infinite checkerboardPlasma}@keyframes checkerboardPlasma{0%{background-position:0 0,20% 30%,75% 65%,45% 85%,65% 15%,30% 70%}25%{background-position:0 0,60% 10%,30% 80%,80% 40%,15% 60%,70% 25%}50%{background-position:0 0,85% 55%,10% 25%,35% 10%,70% 90%,20% 45%}75%{background-position:0 0,35% 85%,65% 15%,10% 65%,90% 35%,55% 80%}to{background-position:0 0,20% 30%,75% 65%,45% 85%,65% 15%,30% 70%}}.tool-preview-fade{opacity:0;transition:opacity .25s}.video-preview-loading-spinner{color:var(--text-secondary);pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tool-preview-fade--loaded{opacity:1}.app-footer{border-top:1px solid var(--surface-border);margin-top:64px;padding:48px 40px 24px}.app-footer-grid{border-bottom:1px solid var(--surface-border);grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:32px;max-width:1500px;margin:0 auto;padding-bottom:32px;display:grid}.app-footer-brand-col{flex-direction:column;gap:12px;display:flex}.app-footer-brand{font-family:var(--font-display);font-weight:700;font-size:var(--fs-base);color:var(--text-primary);align-items:center;gap:10px;display:flex}.app-footer-brand-col p{font-family:var(--font-sans);font-size:var(--fs-2xs);color:var(--text-secondary);max-width:240px;line-height:1.6}.app-footer-col{flex-direction:column;gap:12px;display:flex}.app-footer-col h4{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);opacity:.6;font-weight:500}.app-footer-col a{font-family:var(--font-sans);font-size:var(--fs-xs);color:var(--text-secondary);text-decoration:none;transition:color .2s}.app-footer-col a:hover{color:var(--text-primary)}.app-footer-social{align-items:center;gap:10px;display:flex}.app-footer-social a{border-radius:var(--radius-pill);border:1px solid var(--surface-border);width:32px;height:32px;color:var(--text-secondary);justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:flex}.app-footer-social a:hover{color:var(--text-primary);border-color:var(--text-secondary)}.app-footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1500px;margin:0 auto;padding-top:20px;display:flex}.app-footer-bottom span{font-family:var(--font-sans);font-size:var(--fs-2xs);color:var(--text-secondary);opacity:.7}@media (max-width:1024px){.app-footer{padding:32px 20px 20px}.app-footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.app-footer-brand-col{grid-column:1/-1}.app-footer-brand-col p{max-width:none}.app-footer-bottom{justify-content:center;padding-top:16px}.app-footer--hide-mobile{display:none}}@media (max-width:900px){.app-footer-grid{grid-template-columns:1fr 1fr 1fr}.app-footer-brand-col{grid-column:1/-1}}@media (max-width:560px){.app-footer-grid{grid-template-columns:1fr 1fr}.app-footer-bottom{text-align:center;justify-content:center}}.legal-page{background:var(--background);min-height:100vh}.legal-wrap{max-width:760px;margin:0 auto;padding:72px 24px 120px}.legal-back{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:40px;text-decoration:none;transition:color .2s;display:inline-flex}.legal-back:hover{color:var(--primary-hover)}.legal-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:10px;font-size:clamp(32px,5vw,48px);font-weight:700}.legal-updated{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);opacity:.65;margin-bottom:36px}.legal-intro{font-family:var(--font-sans);font-weight:300;font-size:var(--fs-base);color:var(--text-secondary);border-bottom:1px solid var(--surface-border);margin-bottom:48px;padding-bottom:40px;line-height:1.8}.legal-section{margin-bottom:36px}.legal-section h2{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xl);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:12px}.legal-section p{font-family:var(--font-sans);font-weight:300;font-size:var(--fs-base);color:var(--text-secondary);margin-bottom:12px;line-height:1.85}.legal-section ul{margin:4px 0 12px 20px}.legal-section li{font-family:var(--font-sans);font-weight:300;font-size:var(--fs-base);color:var(--text-secondary);line-height:1.85}.legal-section a{color:var(--primary);text-decoration:none}.legal-section a:hover{text-decoration:underline}.legal-highlight{border-radius:var(--radius-md);background:#0177fd0f;border:1px solid #0177fd4d;padding:20px 24px}.legal-links{font-size:var(--fs-sm);flex-wrap:wrap;gap:8px 20px;margin-top:56px;display:flex}.legal-links a{color:var(--text-secondary);text-decoration:none}.legal-links a:hover{color:var(--primary)}.legal-details{grid-template-columns:max-content 1fr;gap:8px 20px;margin:12px 0 0;display:grid}.legal-details dt{color:var(--text-secondary)}.legal-details dd{overflow-wrap:anywhere;margin:0}@media (max-width:560px){.legal-details{grid-template-columns:1fr;gap:2px}.legal-details dd{margin-bottom:10px}}.legal-footer{border-top:1px solid var(--surface-border);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;color:var(--text-secondary);opacity:.5;margin-top:20px;padding-top:28px}.caption-tool-generate-btn{border-radius:var(--radius-pill);background:var(--primary);color:#fff;font-weight:600;font-size:var(--fs-xs);cursor:pointer;box-shadow:var(--shadow-glow-primary);border:none;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;display:flex}.caption-tool-generate-btn--corner{margin-left:auto}.caption-export-row{align-items:center;gap:8px;display:flex}.caption-export-row--corner{margin-left:auto}.caption-export-row--corner .caption-tool-generate-btn--corner{margin-left:0}.caption-export-size{flex:none;min-width:128px}.caption-export-size .custom-select-trigger{white-space:nowrap}.caption-tool-body{flex:1;align-items:stretch;gap:20px;min-height:0;display:flex}.caption-mobile-fixed-bottom{display:none}.caption-tool-styles-col{flex-direction:column;flex:30%;gap:6px;min-width:0;min-height:0;display:flex}.caption-tool-styles-col>.caption-tool-section{flex:1;min-height:0}.caption-tool-section{border-radius:var(--radius-md);background:#ffffff05;flex-direction:column;min-height:0;display:flex;overflow:visible}.caption-tool-section-header{border-bottom:1px solid var(--surface-border);border-radius:var(--radius-md) var(--radius-md) 0 0;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex;position:relative}.caption-tool-section-title{font-family:var(--font-sans);font-size:var(--fs-sm);letter-spacing:0;text-transform:none;color:var(--text-primary);font-weight:500}.caption-tool-section-body{border-radius:0 0 var(--radius-md) var(--radius-md);direction:rtl;flex:1;min-height:0;padding:10px;overflow-y:auto}.caption-tool-section-body>*{direction:ltr}.caption-tool-gallery-grid-2col{grid-template-columns:repeat(2,1fr);align-content:start;gap:10px;display:grid}.caption-tool-preview-col{flex-direction:column;flex:40%;justify-content:center;align-items:center;gap:12px;min-width:0;min-height:0;display:flex;overflow:hidden}.caption-tool-video-frame{aspect-ratio:9/16;border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:#000;flex-shrink:1;width:auto;max-width:600px;height:100%;min-height:0;max-height:calc(100% - 58px);position:relative;overflow:hidden}.caption-tool-video{object-fit:cover;cursor:pointer;width:100%;height:100%}.caption-tool-video-controls-wrap{flex-shrink:0;max-width:100%}.caption-tool-body--fullscreen{z-index:2000;background:#000;border-radius:0;justify-content:center;padding:28px;position:fixed;inset:0}.caption-tool-body--fullscreen .caption-tool-preview-col{flex:0 auto}.caption-tool-body--fullscreen .caption-tool-video-frame{max-width:min(680px,55vw);max-height:calc(100vh - 114px)}.caption-tool-body--fullscreen .caption-tool-sidebar{flex:0 420px}.caption-tool-video-controls{border-radius:var(--radius-pill);border:1px solid var(--surface-border);background:#ffffff08;flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:100%;max-width:420px;height:46px;padding:0 14px;display:flex}.caption-tool-overlay{text-align:center;text-shadow:0 2px 10px #000000a6,0 0 2px #000c;pointer-events:none;line-height:1.35;position:absolute;left:6%;right:6%}@keyframes caption-tool-fade{0%{opacity:0}to{opacity:1}}@keyframes caption-tool-slide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes caption-tool-bounce{0%{opacity:.4;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.caption-tool-customize-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.caption-tool-customize-row+.caption-tool-customize-row{margin-top:10px}.caption-tool-customize-label{font-size:var(--fs-xs);color:var(--text-primary);font-weight:500}.caption-tool-sidebar{flex-direction:column;flex:30%;gap:12px;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.caption-tool-sidebar-header{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.caption-tool-reset-btn{border-radius:var(--radius-sm);border:1px solid var(--surface-border);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:flex}.caption-tool-hint{border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--fs-xs);background:#0177fd14;border:1px solid #0177fd33;flex-shrink:0;align-items:flex-start;gap:6px;margin-bottom:8px;padding:8px 10px;line-height:1.4;display:flex}.caption-tool-hint svg{color:var(--primary);flex-shrink:0;margin-top:1px}.caption-tool-line-list{flex-direction:column;flex:1;gap:8px;min-height:80px;display:flex;overflow-y:auto}.caption-tool-customize-dock{direction:rtl;flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.caption-tool-customize-dock>*{direction:ltr}.caption-tool-customize-dock .text-tool-section{flex-shrink:0;margin:0}.caption-tool-line{border-radius:var(--radius-md);background:var(--surface);cursor:pointer;border:1px solid #0000;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.caption-tool-line--active{background:#0177fd14;border-color:#0177fd66}.caption-tool-line--selected{border-color:var(--primary)}.caption-tool-line-time-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.caption-tool-line-time{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-secondary);cursor:pointer;border-radius:3px;margin:-1px -3px;padding:1px 3px}.caption-tool-line-time:hover{color:var(--text-primary);background:#ffffff14}.caption-tool-line-duration-inputs{border-radius:var(--radius-sm);background:var(--input-bg);border:1px solid var(--surface-border);font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-secondary);align-items:center;gap:3px;padding:2px;display:flex}.caption-tool-line-duration-sep{color:var(--text-secondary);opacity:.6}.caption-tool-line-duration-input{width:34px;color:var(--text-primary);font-family:inherit;font-size:inherit;font-variant-numeric:tabular-nums;text-align:center;appearance:textfield;background:0 0;border:none;border-radius:3px;padding:3px 2px}.caption-tool-line-duration-input::-webkit-inner-spin-button{appearance:none;margin:0}.caption-tool-line-duration-input::-webkit-outer-spin-button{appearance:none;margin:0}.caption-tool-line-duration-input:focus{background:#0177fd1a;outline:none}.caption-tool-line-duration-done{width:18px;height:18px;color:var(--primary);cursor:pointer;background:#0177fd2e;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.caption-tool-line-duration-done:hover{background:#0177fd47}.caption-tool-line-duration-preview-btn{width:16px;height:16px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0 0 0 1px;display:flex}.caption-tool-line-duration-preview-btn:hover{color:var(--text-primary);background:#ffffff1a}.caption-tool-line-time-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.caption-tool-line-delete-btn{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s,border-color .12s;display:flex}.caption-tool-line-delete-btn:hover{background:var(--surface);border-color:var(--surface-border);color:#ff5f5f}.caption-tool-line-reset-btn{height:20px;color:var(--text-primary);cursor:pointer;background:#0177fd1a;border:1px solid #0177fd73;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:0 7px;font-size:11px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.caption-tool-line-reset-btn:hover{border-color:var(--primary);background:#0177fd33}.caption-tool-line-text{font-size:var(--fs-sm);color:var(--text-primary);flex-wrap:wrap;gap:.3em;line-height:1.4;display:flex}.caption-tool-line-text-row{align-items:flex-start;gap:6px;display:flex}.caption-tool-line-word{cursor:pointer;border-radius:3px;margin:0 -2px;padding:0 2px;transition:background .12s,color .12s}.caption-tool-line-word:hover{background:#ffffff14}.caption-tool-line-word--highlighted{color:var(--primary);background:#0177fd38}.caption-tool-line-word--disabled{cursor:default}.caption-tool-line-word--disabled:hover{background:0 0}.caption-tool-line-edit-btn{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;transition:background .12s,color .12s,border-color .12s;display:flex}.caption-tool-line-edit-btn:hover{background:var(--surface);border-color:var(--surface-border);color:var(--text-primary)}.caption-tool-line-input{background:var(--input-bg);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:var(--fs-sm);border:1px solid #0000;padding:5px 8px;font-family:inherit}.caption-tool-line-input:focus{outline:none}.tool-page--landing{max-width:none;padding-left:0;padding-right:0}.tool-page--landing>.tool-page-breadcrumb{width:100%;max-width:1240px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}.caption-landing{width:100%}.caption-landing-section{text-align:center;justify-content:center;align-items:center;min-height:68vh;padding:40px 32px;display:flex;position:relative}.caption-landing-section--compact{min-height:auto;padding:56px 32px}.caption-landing-inner{z-index:1;width:100%;max-width:900px;margin:0 auto;position:relative}.caption-landing-inner h2{font-family:var(--font-display);font-size:var(--fs-4xl);text-wrap:balance;margin-bottom:14px;font-weight:700;line-height:1.15}.caption-landing-inner h2 em{color:var(--primary);text-align:left;min-width:11ch;font-style:italic;display:inline-block}.caption-landing-inner>p{color:var(--text-secondary);font-size:var(--fs-base);max-width:520px;margin:0 auto 26px;line-height:1.6}.caption-faq-title{font-family:var(--font-display);font-size:var(--fs-2xl);margin:10px 0 26px;font-weight:700}.caption-faq-list{text-align:left;border-top:1px solid var(--surface-border);max-width:720px;margin:0 auto}.caption-faq-item{border-bottom:1px solid var(--surface-border)}.caption-faq-item summary{cursor:pointer;font-size:var(--fs-base);color:var(--text-primary);justify-content:space-between;align-items:center;gap:16px;padding:18px 4px;font-weight:600;list-style:none;display:flex}.caption-faq-item summary::-webkit-details-marker{display:none}.caption-faq-item summary:hover{color:var(--primary)}.caption-faq-item summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}.caption-faq-chevron{color:var(--text-secondary);transition:transform .2s var(--ease-out);flex-shrink:0}.caption-faq-item[open] .caption-faq-chevron{transform:rotate(90deg)}.caption-faq-item p{max-width:62ch;color:var(--text-secondary);font-size:var(--fs-base);padding:0 4px 20px;line-height:1.65}@media (max-width:640px){.caption-landing-section.caption-faq-section{padding:40px 20px}}.caption-landing-hero-section{background:radial-gradient(ellipse at 65% 25%, #0177fd24 0%, transparent 55%), radial-gradient(ellipse at 22% 78%, #00d4ff21 0%, transparent 55%), linear-gradient(160deg, var(--background) 0%, var(--surface-solid) 100%);overflow:hidden}.caption-landing-hero-aurora{z-index:0;pointer-events:none;filter:blur(90px);opacity:.55;background:conic-gradient(from 120deg,#0177fd00 0deg,#0177fd2e 90deg,#00d4ff29 180deg,#0177fd00 300deg);animation:12s linear infinite caption-hero-aurora-spin;position:absolute;inset:-35%}@keyframes caption-hero-aurora-spin{to{transform:rotate(360deg)}}.caption-landing-hero-scan{z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#00d4ff8c,#0000);height:1px;animation:4s ease-in-out infinite caption-hero-scan-sweep;position:absolute;top:0;left:0;right:0}@keyframes caption-hero-scan-sweep{0%{opacity:0;transform:translateY(0)}6%{opacity:1}94%{opacity:1}to{opacity:0;transform:translateY(min(68vh,620px))}}.caption-landing-hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.caption-landing-hero-orb{filter:blur(80px);border-radius:50%;position:absolute}.caption-landing-hero-orb-1{background:radial-gradient(circle,#0177fd47,#0000 70%);width:380px;height:380px;animation:4s ease-in-out infinite orbFloat1;top:4%;left:10%}.caption-landing-hero-orb-2{background:radial-gradient(circle,#00d4ff3d,#0000 70%);width:320px;height:320px;animation:5s ease-in-out infinite orbFloat2;bottom:2%;right:12%}@media (prefers-reduced-motion:reduce){.caption-landing-hero-aurora,.caption-landing-hero-scan,.caption-landing-hero-orb{animation:none}}.caption-gallery-scroller-wrap{width:100%;max-width:1040px;margin:0 auto;position:relative}.caption-gallery-scroller{scroll-snap-type:x proximity;cursor:grab;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding:8px 8px 18px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 32px calc(100% - 32px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 32px calc(100% - 32px),#0000 100%)}.caption-gallery-scroller:active{cursor:grabbing}.caption-gallery-scroller::-webkit-scrollbar{display:none}.caption-gallery-scroller-item{scroll-snap-align:start;flex:none;transition:transform .2s}.caption-gallery-scroller-item:hover{transform:translateY(-4px)}.caption-gallery-scroller-nav{z-index:2;background:var(--surface);border:1px solid var(--surface-border);width:34px;height:34px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.caption-gallery-scroller-nav:hover{border-color:#ffffff4d}.caption-gallery-scroller-nav--prev{left:-6px}.caption-gallery-scroller-nav--next{right:-6px}@media (max-width:700px){.caption-gallery-scroller-nav{display:none}}.caption-upload-panel{flex-direction:column;width:100%;max-width:480px;margin:auto;display:flex}.veff-style-panel{flex-direction:column;flex:1;width:100%;max-width:480px;min-height:0;margin:0 auto;display:flex}@media (min-width:640px){.veff-style-panel{max-width:720px}}@media (min-width:900px){.veff-style-panel{max-width:980px}}.veff-style-label{margin-bottom:10px;display:block}.veff-style-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.veff-style-card{width:100%;padding:8px}.veff-style-card-media{aspect-ratio:9/16;border-radius:8px;width:100%;overflow:hidden}.veff-style-card-label{margin-top:6px}.veff-style-card-placeholder{background:var(--surface);border:1px dashed var(--surface-border);width:100%;height:100%;color:var(--text-secondary);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.veff-style-footer{z-index:2;background:linear-gradient(to top, var(--background) 70%, transparent);margin-top:18px;padding-top:14px;padding-bottom:2px;position:sticky;bottom:0}.veff-style-actions{max-width:420px;margin:0 auto}.veff-style-sfx-toggle{cursor:pointer;align-items:center;gap:8px;margin:0 0 10px;display:flex}.veff-style-test-btn{justify-content:center;width:100%;margin-top:8px}.veff-result-video-frame{width:100%;position:relative}.veff-result-video-frame--fullscreen{z-index:2000;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.veff-result-img{object-fit:contain;border-radius:var(--radius-lg);border:1px solid var(--surface-border);cursor:pointer;background:#000;width:auto;max-width:100%;height:auto;max-height:480px;margin:0 auto;display:block}.veff-result-video-frame--fullscreen .veff-result-img{border:none;border-radius:0;max-width:100vw;max-height:100vh;margin:0}.veff-done-panel{flex:1;justify-content:center;align-items:center;min-height:0;padding:40px 24px;display:flex}.veff-done-card{flex-wrap:wrap;align-items:center;gap:48px;width:100%;max-width:900px;display:flex}.veff-result-col{flex-direction:column;flex:0 auto;gap:10px;min-width:220px;display:flex}.veff-done-info{text-align:center;flex-direction:column;flex:260px;align-items:center;gap:6px;min-width:240px;display:flex}.veff-done-actions{align-items:center;gap:10px;margin-top:4px;display:flex}.caption-upload-dropzone{border:1.5px dashed var(--surface-border);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;text-align:center;background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;transition:border-color .15s,background .15s,color .15s;display:flex}.caption-upload-dropzone:hover,.caption-upload-dropzone--drag{border-color:var(--primary);color:var(--text-primary);background:#0177fd0f}.caption-upload-dropzone-title{font-size:var(--fs-sm);color:var(--text-primary);margin-top:4px;font-weight:600}.caption-upload-dropzone-hint{font-size:var(--fs-xs);color:var(--text-secondary);max-width:320px}.caption-upload-trim-cap-notice{text-align:center;color:#f5b942;max-width:300px}.caption-upload-language-row{justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:300px;display:flex}.caption-upload-language-label{font-size:var(--fs-xs);color:var(--text-secondary)}.caption-upload-preview{flex-direction:column;align-items:center;gap:12px;display:flex}.caption-upload-preview-video-wrap{aspect-ratio:9/16;border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:#000;width:100%;max-width:300px;position:relative;overflow:hidden}.caption-upload-preview-video-wrap--horizontal{aspect-ratio:16/9;max-width:480px}.caption-upload-preview-video{object-fit:contain;cursor:pointer;width:100%;height:100%}.caption-upload-preview-video-wrap--fullscreen{z-index:2000;aspect-ratio:auto;border:none;border-radius:0;justify-content:center;align-items:center;max-width:none;display:flex;position:fixed;inset:0}.caption-upload-preview-video-wrap--fullscreen .caption-upload-preview-video{object-fit:contain;cursor:default;width:auto;height:100%;max-height:100vh}.caption-upload-remove-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:10px;right:10px}.caption-upload-remove-btn:hover{background:#000000bf}.caption-upload-trim{width:100%}.caption-upload-trim-track{border-radius:var(--radius-sm);border:1px solid var(--surface-border);cursor:pointer;background:#ffffff0a;height:34px;position:relative;overflow:visible}.caption-upload-trim-filmstrip{border-radius:inherit;display:flex;position:absolute;inset:0;overflow:hidden}.caption-upload-trim-thumb{background-color:#ffffff0f;background-position:50%;background-size:cover;flex:1 1 0;min-width:0}.caption-upload-trim-thumb+.caption-upload-trim-thumb{border-left:1px solid #00000059}.caption-upload-trim-dim{border-radius:inherit;background:#0000008c;position:absolute;top:0;bottom:0}.caption-upload-trim-selected{border-top:1px solid var(--primary);border-bottom:1px solid var(--primary);background:#0177fd38;position:absolute;top:0;bottom:0}.caption-upload-trim-playhead{pointer-events:none;background:#fff;width:1.5px;position:absolute;top:-2px;bottom:-2px}.caption-upload-trim-handle{background:var(--primary);cursor:ew-resize;border-radius:3px;width:9px;margin-left:-4.5px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 0 0 2px #0006}.caption-upload-trim-times{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:6px;display:flex}.caption-upload-trim-times-selected{color:var(--text-primary);font-weight:600}.caption-tool-upload-btn{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;display:flex}.caption-tool-loading-panel{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:0;padding:60px 20px;display:flex}.caption-tool-loading-ring{justify-content:center;align-items:center;width:84px;height:84px;display:flex;position:relative}.caption-tool-loading-ring:before{content:"";background:conic-gradient(from 0deg, transparent 0deg, var(--secondary) 100deg, var(--primary) 200deg, transparent 300deg);border-radius:50%;animation:1.1s linear infinite captionLoadingSpin;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}.caption-tool-loading-ring:after{content:"";background:#0177fd1f;border-radius:50%;animation:1.8s ease-in-out infinite captionLoadingPulse;position:absolute;inset:6px;box-shadow:0 0 28px 6px #0177fd38}.caption-tool-loading-icon{z-index:1;color:var(--primary);justify-content:center;align-items:center;display:flex;position:relative}@keyframes captionLoadingSpin{to{transform:rotate(360deg)}}@keyframes captionLoadingPulse{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}.caption-tool-loading-title{color:var(--text-primary);font-weight:600;font-size:var(--fs-base);text-align:center}.caption-tool-loading-sub{color:var(--text-secondary);font-size:var(--fs-xs);text-align:center;max-width:300px;margin-top:-8px}.caption-tool-done-panel{flex:1 0 auto;justify-content:center;align-items:safe center;padding:40px 24px;display:flex}.caption-tool-done-card{justify-content:center;align-items:center;gap:44px;width:100%;max-width:1160px;display:flex}.caption-tool-done-video-col{min-width:0;width:min(720px, calc(65vh * var(--done-ar,.5625)));flex-direction:column;flex-shrink:1;align-items:stretch;gap:12px;display:flex}.caption-tool-done-video-frame{border-radius:calc(var(--radius-lg) + 2px);background:linear-gradient(160deg, var(--primary), var(--secondary));max-height:65vh;padding:2px;box-shadow:0 24px 60px -12px #0177fd59}.caption-tool-done-video{aspect-ratio:9/16;border-radius:var(--radius-lg);cursor:pointer;object-fit:cover;background:#000;width:100%;height:100%;max-height:calc(65vh - 4px);display:block}.caption-tool-done-video-frame--fullscreen{z-index:2000;width:auto;max-height:none;box-shadow:none;background:#000;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;inset:0}.caption-tool-done-video-frame--fullscreen .caption-tool-done-video{object-fit:contain;cursor:default;border-radius:0;width:100%;max-width:none;height:100%;max-height:none}.caption-tool-done-panel:has(.caption-tool-done-video-frame--fullscreen){-webkit-backdrop-filter:none}.caption-tool-done-video-col .video-controls-bar:not(.video-controls-bar--fullscreen){width:100%}.caption-tool-done-info{text-align:center;flex-direction:column;flex:0 300px;align-items:center;gap:6px;min-width:240px;display:flex}.caption-tool-done-icon-wrap{justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:4px;display:flex;position:relative}.caption-tool-done-icon-wrap:before{content:"";border:1px solid #22c55e29;border-radius:50%;position:absolute;inset:0}.caption-tool-done-icon-wrap:after{content:"";filter:blur(6px);background:radial-gradient(circle,#22c55e4d,#0000 70%);border-radius:50%;position:absolute;inset:12px}.caption-tool-done-check{z-index:1;width:46px;height:46px;color:var(--success);background:#22c55e1a;border:1.5px solid #22c55e80;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 0 26px #22c55e59}.caption-tool-done-eyebrow{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--secondary);font-weight:700}.caption-tool-done-title{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--text-primary);letter-spacing:-.01em;text-wrap:balance;font-weight:700;line-height:1.15}.caption-tool-done-sub{color:var(--text-secondary);font-size:var(--fs-sm);max-width:320px;line-height:1.55}.caption-tool-done-download-btn{width:auto;font-size:var(--fs-sm);align-items:center;gap:8px;margin-top:8px;padding:12px 26px;display:inline-flex;box-shadow:0 10px 28px -6px #0177fd80}.caption-tool-done-subs{flex-direction:column;align-items:center;gap:6px;margin-top:14px;display:flex}.caption-tool-done-subs-label{color:var(--text-secondary);font-size:var(--fs-xs)}.caption-tool-done-subs-btns{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.caption-tool-done-subs-btn{border:1px solid var(--surface-border);border-radius:var(--radius-pill);color:var(--text-primary);font-size:var(--fs-xs);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:6px 12px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.caption-tool-done-subs-btn:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}.caption-tool-done-saved-note{color:var(--text-secondary);font-size:var(--fs-xs);align-items:center;gap:6px;margin-top:10px;display:inline-flex}.caption-tool-done-saved-note svg{color:var(--success);flex-shrink:0}.caption-tool-done-saved-note--failed{color:#ff8a8a}.caption-tool-save-spinner{border:2px solid #fff3;border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.8s linear infinite caption-tool-save-spin}@keyframes caption-tool-save-spin{to{transform:rotate(360deg)}}.caption-tool-done-divider{background:var(--surface-border);width:240px;height:1px;margin:18px 0 14px}.caption-tool-done-back-link{color:var(--text-secondary);font-size:var(--fs-xs);cursor:pointer;transition:color .15s var(--ease-out);background:0 0;border:none;align-items:center;gap:4px;padding:4px 2px;font-weight:500;display:inline-flex}.caption-tool-done-back-link:hover{color:var(--text-primary)}@media (max-width:640px){.caption-tool-done-panel{padding:18px 14px 24px}.caption-tool-done-card{text-align:center;flex-direction:column;gap:22px}.caption-tool-done-video-col{width:min(100%, calc(46svh * var(--done-ar,.5625)));margin:0 auto}.caption-tool-done-video-frame:not(.caption-tool-done-video-frame--fullscreen),.caption-tool-done-video-frame:not(.caption-tool-done-video-frame--fullscreen) .caption-tool-done-video{max-height:46svh}.caption-tool-done-video-col .video-controls-bar:not(.video-controls-bar--fullscreen){align-self:center;width:max-content}.caption-tool-done-video-col .video-controls-bar:not(.video-controls-bar--fullscreen) :is(.video-controls-bar-row,.video-controls-group){gap:8px}.caption-tool-done-info{flex:none;width:100%;min-width:0}.caption-tool-done-icon-wrap{display:none}.caption-tool-done-title{font-size:24px}.caption-tool-done-download-btn{justify-content:center;width:100%;max-width:340px}.caption-tool-done-divider{width:100%;max-width:240px}.caption-wizard-content:has(>.caption-tool-done-panel){padding-bottom:0;overflow:hidden}.caption-tool-done-panel:not(:has(.caption-tool-done-video-frame--fullscreen)){flex:1 1 0;min-height:0;padding:10px 14px 12px}.caption-tool-done-panel>.caption-tool-done-card{gap:12px;height:100%;min-height:0}.caption-tool-done-card>.caption-tool-done-video-col{flex:1 1 0;align-items:center;gap:6px;width:100%;min-height:0}.caption-tool-done-video-col>.caption-tool-done-video-frame:not(.caption-tool-done-video-frame--fullscreen){flex:1 1 0;max-width:100%;min-height:0;max-height:none;display:flex}.caption-tool-done-video-col>.caption-tool-done-video-frame:not(.caption-tool-done-video-frame--fullscreen) .caption-tool-done-video{object-fit:contain;width:auto;max-width:100%;height:100%;max-height:none}.caption-tool-done-card>.caption-tool-done-info{flex:none;gap:4px}.caption-tool-done-info>.caption-tool-done-sub,.caption-tool-done-info>.caption-tool-done-divider{display:none}.caption-tool-done-info>.caption-tool-done-back-link{margin-top:2px;padding:6px 0 0}.caption-tool-done-info>.caption-tool-done-title{margin-bottom:6px;font-size:20px}.caption-tool-done-info>.caption-tool-done-download-btn{min-height:46px}.caption-tool-done-info>.caption-tool-done-subs{margin-top:6px}}.tool-page--wizard{flex-direction:column;max-width:none;height:calc(100vh - 74px);padding:0 32px;display:flex;overflow:hidden}.caption-wizard-tabbar{border-bottom:1px solid var(--surface-border);flex-shrink:0;align-items:center;gap:12px;padding:10px 0;display:flex}.caption-wizard-back{border:1px solid var(--surface-border);background:var(--surface);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.caption-wizard-back:hover{color:var(--text-primary);border-color:#ffffff4d}.caption-wizard-tabs{background:var(--surface-solid);border:1px solid var(--surface-border);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.caption-wizard-tab{color:var(--text-secondary);font-size:var(--fs-2xs);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 12px;font-weight:500;transition:color .15s,background .15s,opacity .15s}.caption-wizard-tab:hover:not(:disabled):not(.caption-wizard-tab--active){color:var(--text-primary)}.caption-wizard-tab:disabled{opacity:.4;cursor:not-allowed}.caption-wizard-tab--active{background:linear-gradient(135deg, var(--secondary), var(--primary));color:#fff;box-shadow:0 2px 8px #0177fd59}.caption-wizard-steps,.caption-wizard-step-item{align-items:center;display:flex}.caption-wizard-step{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:3px 4px;transition:opacity .15s;display:flex}.caption-wizard-step:disabled{opacity:.4;cursor:not-allowed}.caption-wizard-step-num{border:1px solid var(--surface-border);width:20px;height:20px;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--fs-2xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;transition:border-color .15s,color .15s;display:flex}.caption-wizard-step-label{font-size:var(--fs-xs);color:var(--text-secondary);white-space:nowrap;font-weight:500;transition:color .15s}.caption-wizard-step:hover:not(:disabled):not(.caption-wizard-step--active) .caption-wizard-step-label{color:var(--text-primary)}.caption-wizard-step:hover:not(:disabled):not(.caption-wizard-step--active) .caption-wizard-step-num{border-color:#ffffff59}.caption-wizard-step--active .caption-wizard-step-num{border-color:var(--primary-hover);color:var(--primary-hover)}.caption-wizard-step--active .caption-wizard-step-label{color:var(--text-primary)}.caption-wizard-step--done .caption-wizard-step-num{color:var(--text-secondary);border-color:#f5f3ef59}.caption-wizard-step--done .caption-wizard-step-label{color:#f5f3efbf}.caption-wizard-step-sep{color:var(--text-secondary);opacity:.4;flex-shrink:0}.caption-wizard-content{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex-direction:column;flex:1;min-height:0;padding:16px 0;display:flex;overflow:hidden auto}@media (max-width:900px){.tool-page--wizard{padding:0 16px;position:relative}.caption-tool-body{flex-direction:column;gap:16px;padding-bottom:24px;overflow:hidden auto}.caption-tool-preview-col{z-index:50;background:var(--background);flex:none;order:-1;width:100%;max-height:45vh;padding:10px 0;position:sticky;top:0}.caption-tool-styles-col,.caption-tool-sidebar{flex:none;width:100%;min-height:auto;display:none;overflow-y:visible}.caption-tool-styles-col.is-active-mobile-tab,.caption-tool-sidebar.is-active-mobile-tab{display:flex}.caption-tool-styles-col>.caption-tool-section,.caption-tool-section-body,.caption-tool-customize-dock,.caption-tool-line-list{flex:none!important;min-height:auto!important;max-height:none!important;overflow-y:visible!important}.caption-tool-section{flex:none!important}.caption-wizard-tabbar{z-index:100;background:0 0;border:none;padding:0;position:absolute;top:16px;left:16px}.caption-wizard-steps,.caption-tool-generate-btn--corner,.caption-export-row--corner{display:none!important}.caption-export-row .caption-tool-generate-btn--mobile{flex:1}.caption-tool-sidebar-header{display:none}.caption-mobile-fixed-bottom{background:var(--background);border-top:1px solid var(--surface-border);z-index:100;padding:10px 16px;padding-bottom:max(10px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.caption-mobile-tabs{justify-content:space-around}.caption-mobile-tabs .caption-wizard-tab{text-align:center;font-size:var(--fs-sm);flex:1;padding:8px}.caption-tool-generate-btn--mobile{justify-content:center;width:100%;padding:12px}}@keyframes thRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.th-step-head{animation:thRise .45s var(--ease-out) both;margin-bottom:28px}.th-wizard-content{align-items:stretch;overflow:hidden}.th-layout{flex:1 1 0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:44px;width:100%;max-width:1120px;min-height:0;margin:0 auto;padding:14px 0 0;display:grid}.th-main{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;min-width:0;min-height:0;padding:14px 12px 40px 0;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 22px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 22px),#0000 100%)}.th-rail{background:linear-gradient(#0177fd12,#ffffff05);border:1px solid #ffffff17;border-radius:20px;flex-direction:column;align-self:start;gap:12px;height:100%;max-height:780px;padding:14px;display:flex;overflow:hidden}.th-rail-body{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex:1;min-height:0;overflow-y:auto}.th-actions{align-items:center;gap:10px;display:flex}.th-actions .th-btn{height:46px;padding-top:0;padding-bottom:0}.th-actions--rail{border-top:1px solid #ffffff14;flex-shrink:0;padding-top:12px}.th-actions--rail .th-actions-primary{flex:1;min-width:0}.th-actions--rail .th-btn{letter-spacing:.08em;padding-left:16px;padding-right:16px}.th-actions--footer{border-top:1px solid #ffffff12;justify-content:space-between;margin-top:34px;padding-top:22px}.th-review-actions{justify-content:center;margin-top:16px;display:flex}@media (min-width:961px){.th-actions--footer{display:none}}@media (max-width:960px){.th-wizard-content{overflow-y:auto}.th-layout{flex:none;padding-top:14px;display:block}.th-main{padding-right:0;overflow:visible}.th-rail{display:none}}.th-eyebrow{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.18em;text-transform:uppercase;color:var(--secondary);margin-bottom:10px;font-weight:500;display:block}.th-step-title{font-family:var(--font-display);font-size:var(--fs-3xl);letter-spacing:-.01em;color:var(--text-primary);margin:0 0 8px;font-style:italic;font-weight:700;line-height:1.1}.th-step-title em{background:linear-gradient(100deg, var(--primary), var(--secondary));color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.06em;font-style:italic}.th-step-sub{max-width:60ch;font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.55}.th-label{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.16em;text-transform:uppercase;color:#f5f3ef9e;margin:22px 0 8px;display:block}.th-btn{width:auto;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:transform .25s var(--ease-out), border-color .25s ease, box-shadow .25s ease, background .25s ease;background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-weight:500;display:inline-flex}.th-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff57;transform:translateY(-1px)}.th-btn--primary{color:#fff;background:linear-gradient(100deg,#0177fd 0%,#00b4ff 60%,#00d4ff 100%);border-color:#0000;box-shadow:0 8px 26px #0177fd4d}.th-btn--primary:hover:not(:disabled){background:linear-gradient(100deg,#0177fd 0%,#00b4ff 60%,#00d4ff 100%);border-color:#0000;box-shadow:0 0 0 4px #0177fd24,0 12px 34px #0177fd73}.th-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.th-btn-cost{font-size:var(--fs-2xs);letter-spacing:.06em;background:#00000047;border-radius:999px;margin-left:2px;padding:2px 9px}.th-error{font-size:var(--fs-sm);color:#ff8a8a;margin-top:14px}.th-cost-note,.th-hint{font-size:var(--fs-xs);color:var(--text-secondary);margin-top:12px;line-height:1.5}.th-hint a{color:var(--secondary);text-decoration:underline}.th-hint-inline{font-size:var(--fs-xs);color:var(--text-secondary)}.th-empty{color:var(--text-secondary);font-size:var(--fs-sm);text-align:center;border:1px dashed #ffffff24;border-radius:16px;padding:26px}.th-section{margin-bottom:34px}.th-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.th-section-head h4{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.16em;text-transform:uppercase;color:#f5f3efb3;font-weight:500}.th-chips{flex-wrap:wrap;gap:6px;display:flex}.th-chips--wrap{margin-top:10px}.th-chip{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:999px;padding:7px 14px;transition:color .2s,border-color .2s,background .2s}.th-chip:hover:not(:disabled){color:var(--text-primary);border-color:#ffffff4d}.th-chip--active{color:#fff;background:#0177fd2e;border-color:#0177fdb3}.th-char-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.th-char{aspect-ratio:4/5;background:var(--surface);transition:transform .25s var(--ease-out), border-color .2s ease, box-shadow .25s ease;border:1px solid #ffffff17;border-radius:16px;padding:0;position:relative;overflow:hidden}.th-char:not(.th-char--skeleton):hover{border-color:#0177fd80;transform:translateY(-3px);box-shadow:0 14px 34px #0006}.th-char--selected,.th-char--selected:hover{border-color:var(--primary);box-shadow:0 0 0 2px #0177fd8c,0 14px 40px #0177fd47}.th-char-main{text-align:left;cursor:pointer;background:0 0;border:none;padding:0;display:block;position:absolute;inset:0}.th-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s ease, transform .6s var(--ease-out);position:absolute;inset:0}.th-img--loaded{opacity:1}.th-char:hover .th-img{transform:scale(1.04)}.th-char-info{background:linear-gradient(#0000,#06080e8c 45%,#06080ef0);flex-direction:column;gap:2px;padding:36px 12px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.th-char-name{font-family:var(--font-display);font-size:var(--fs-base);color:#fff;font-weight:700;line-height:1.15}.th-char-tags{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--secondary);align-items:center;gap:5px;display:inline-flex}.th-char-eth{font-size:var(--fs-2xs);color:#fff9}.th-char-play{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;width:32px;height:32px;transition:background .2s ease, border-color .2s ease, transform .2s var(--ease-out);background:#080a109e;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:10px;right:10px}.th-char-play:hover,.th-char-play--on{background:linear-gradient(135deg, var(--primary), var(--secondary));border-color:#0000;transform:scale(1.06)}.th-char:has(.th-char-play) .th-char-info{padding-right:52px}.th-rail-row{position:relative}.th-rail-hint{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--secondary);opacity:0;transition:opacity .2s;position:absolute;top:9px;right:10px}.th-rail-row:hover .th-rail-hint{opacity:1}.th-char-check{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 4px 14px #0177fd8c}.th-char-delete{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffbf;cursor:pointer;opacity:0;background:#080a10b8;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:opacity .2s,color .2s,border-color .2s;display:flex;position:absolute;top:10px;left:10px}.th-char:hover .th-char-delete,.th-char-delete:focus-visible{opacity:1}.th-char-delete:hover{color:#ff8a8a;border-color:#ff8a8a80}.th-char--create{color:var(--text-primary);cursor:pointer;background:#0177fd0d;border:1px dashed #0177fd73;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.th-char--create:hover{background:#0177fd1a}.th-char-create-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 6px 20px #0177fd66}.th-char-create-title{font-family:var(--font-display);font-size:var(--fs-base);font-weight:700}.th-char-create-sub{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--secondary);align-items:center;gap:5px;display:inline-flex}.th-voice-search{border:1px solid var(--surface-border);background:var(--surface);border-radius:999px;align-items:center;width:min(280px,100%);height:38px;transition:border-color .15s;display:flex;position:relative}.th-voice-search:focus-within{border-color:#0177fd8c}.th-voice-search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:13px}.th-voice-search input{min-width:0;height:100%;color:var(--text-primary);font-family:inherit;font-size:var(--fs-sm);background:0 0;border:none;outline:none;flex:1;padding:0 34px 0 36px}.th-voice-search input::-webkit-search-cancel-button{-webkit-appearance:none}.th-voice-search-clear{color:var(--text-secondary);cursor:pointer;background:#ffffff14;border:none;border-radius:999px;padding:4px;display:inline-flex;position:absolute;right:8px}.th-voice-search-clear:hover{color:var(--text-primary)}.th-voice-hint{margin:-4px 0 12px}.th-voice-empty{color:var(--text-secondary);text-align:center;border:1px dashed #ffffff1f;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:36px 16px;display:flex}@media (max-width:640px){.th-voice-search{width:100%}}@media (min-width:961px){.th-main.th-main--pinned{flex-direction:column;padding-bottom:0;display:flex;overflow:hidden;-webkit-mask-image:none;mask-image:none}.th-main--pinned>*{flex-shrink:0}.th-main--pinned>.th-step-fill{flex-direction:column;flex:auto;min-height:0;padding-bottom:24px;display:flex}.th-step-fill>*{flex-shrink:0}.th-step-fill>.th-script-textarea--lg,.th-step-fill>.th-audio-drop,.th-step-fill>.th-setting-textarea{flex:auto;min-height:180px}.th-step-fill>.th-script-textarea--lg,.th-step-fill>.th-setting-textarea{resize:none;overflow-y:auto}.th-step-fill>.th-audio-drop{margin-bottom:42px}.th-setting-custom>.th-setting-saved{scrollbar-width:thin;max-height:42%;padding-right:6px;overflow-y:auto}.th-main--pinned>.th-step-scroll{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex:auto;min-height:0;margin-right:-12px;padding:8px 12px 28px 0;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 10px calc(100% - 26px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 10px calc(100% - 26px),#0000 100%)}}.th-voice--playing{border-color:#00d4ff8c;animation:1.6s ease-in-out infinite thVoicePulse}.th-voice--playing .th-voice-play{border-color:var(--secondary);color:var(--secondary);background:#00d4ff2e}@keyframes thVoicePulse{0%,to{box-shadow:0 0 #00d4ff00,0 0 18px #00d4ff1a}50%{box-shadow:0 0 0 3px #00d4ff24,0 0 26px #00d4ff38}}.th-voice-eq{flex-shrink:0;align-items:flex-end;gap:3px;height:18px;display:inline-flex}.th-voice-eq i{background:linear-gradient(180deg, var(--secondary), var(--primary));transform-origin:bottom;border-radius:2px;width:3px;height:100%;animation:.9s ease-in-out infinite thVoiceEq;display:block}.th-voice-eq i:nth-child(2){animation-delay:-.3s}.th-voice-eq i:nth-child(3){animation-delay:-.6s}.th-voice-eq i:nth-child(4){animation-delay:-.15s}@keyframes thVoiceEq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.th-voice--playing,.th-voice-eq i{animation:none}}.th-tabs{border-bottom:1px solid #ffffff14;gap:4px;margin:20px 0 16px;display:flex}.th-tab{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px 12px;transition:color .2s;display:inline-flex;position:relative}.th-tab:hover{color:var(--text-primary)}.th-tab:after{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));height:2px;transition:transform .25s var(--ease-out);border-radius:2px;position:absolute;bottom:-1px;left:12px;right:12px;transform:scaleX(0)}.th-tab--active{color:var(--text-primary)}.th-tab--active:after{transform:scaleX(1)}.th-tab-dot{background:var(--secondary);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #00d4ffb3}.th-setting-textarea{font-size:var(--fs-base)}.th-voice-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:4px;display:grid}.th-voice{background:var(--surface);transition:border-color .2s ease, background .2s ease, transform .2s var(--ease-out);border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:flex;position:relative}.th-voice:hover{border-color:#ffffff3d}.th-voice--selected{border-color:var(--primary);background:#0177fd1a;box-shadow:0 0 0 1px #0177fd66}.th-voice-play{width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff29;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,border-color .2s;display:flex}.th-voice-play:hover{background:#0177fd33;border-color:#0177fdb3}.th-voice-select{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;padding:4px 0;display:flex}.th-voice-name{max-width:100%;font-size:var(--fs-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.th-voice-accent{white-space:pre}.th-voice-meta{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.th-voice-check{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.th-script-textarea{resize:vertical;width:100%;font-family:var(--font-sans);line-height:1.6}.th-script-textarea--lg{min-height:220px;font-size:var(--fs-base)}.th-meter{background:#ffffff14;border-radius:99px;height:4px;margin-top:14px;overflow:hidden}.th-meter span{background:linear-gradient(90deg, var(--primary), var(--secondary));height:100%;transition:width .3s var(--ease-out);border-radius:99px;display:block}.th-meter .th-meter--over{background:#ff6b6b}.th-script-estimate{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.06em;color:var(--text-secondary);margin-top:8px}.th-script-estimate--over{color:#ff8a8a;font-weight:600}.th-bg-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.th-bg{background:var(--surface);text-align:left;cursor:pointer;transition:border-color .2s ease, background .2s ease, transform .25s var(--ease-out);border:1px solid #ffffff17;border-radius:16px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;display:flex}.th-bg:hover{border-color:#ffffff42;transform:translateY(-2px)}.th-bg--selected{border-color:var(--primary);background:#0177fd1a;box-shadow:0 0 0 1px #0177fd66}.th-bg-icon{width:38px;height:38px;color:var(--secondary);background:#0177fd24;border-radius:10px;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.th-bg-label{font-size:var(--fs-base);color:var(--text-primary);font-weight:600}.th-bg-desc{-webkit-line-clamp:2;font-size:var(--fs-xs);color:var(--text-secondary);-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.th-review-frame{aspect-ratio:16/9;background:var(--surface-solid);border:1px solid #ffffff1a;border-radius:18px;width:100%;position:relative;overflow:hidden}.th-review-state{font-size:var(--fs-sm);color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.th-review-state>span{align-items:center;gap:8px;display:inline-flex;position:relative}.th-review-state--idle{color:var(--text-tertiary,#f5f3ef66)}.th-video-summary{background:var(--surface);border:1px solid #ffffff17;border-radius:18px;gap:20px;padding:16px;display:flex}.th-video-summary-thumb{aspect-ratio:16/9;border-radius:12px;flex-shrink:0;width:220px;position:relative;overflow:hidden}.th-video-summary-details{min-width:0;font-size:var(--fs-sm);color:var(--text-primary);flex-direction:column;flex:1;gap:9px;display:flex}.th-video-summary-details>div{gap:12px;display:flex}.th-video-summary-details strong{min-width:78px;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--secondary);flex-shrink:0;font-weight:500}.th-video-summary-script{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;align-items:flex-start;display:-webkit-box;overflow:hidden}.th-gen-panel{background:linear-gradient(135deg,#0177fd14,#00d4ff08);border:1px solid #0177fd47;border-radius:16px;align-items:center;gap:20px;margin-top:16px;padding:18px 20px;display:flex}.th-gen-panel--done{background:#ffffff05;border-color:#ffffff14}.th-gen-ring{flex-shrink:0;width:64px;height:64px}.th-gen-body{min-width:0}.th-gen-body .th-stages{margin-top:0}.th-gen-body .th-progress{margin:10px 0 0}.th-stages{flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none;display:flex}.th-stage{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 8px;display:inline-flex}.th-stage-dot{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.th-stage--active{color:#fff;background:#0177fd1f;border-color:#0177fd99}.th-stage--active .th-stage-dot{background:var(--primary)}.th-stage--done{color:var(--secondary);border-color:#00d4ff66}.th-stage--done .th-stage-dot{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff}.th-progress{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:14px}.th-video-result{background:#000;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:560px;margin:20px auto 0;display:block}.th-video-result-frame--fullscreen{z-index:2000;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.th-video-result-frame--fullscreen .th-video-result{border:none;border-radius:0;width:auto;max-width:100vw;height:100%;max-height:100vh;margin:0}.th-rail-portrait{aspect-ratio:4/5;background:var(--surface-solid);border-radius:14px;width:100%;max-height:34dvh;position:relative;overflow:hidden}.th-rail-portrait-empty{font-size:var(--fs-xs);color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.th-rail-portrait .th-img{object-position:50% 18%}.th-rail-list{margin:12px 0 0;padding:0;list-style:none}.th-rail-row{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;gap:2px;width:100%;padding:9px 10px;transition:background .2s;display:flex}.th-rail-row:hover:not(:disabled){background:#ffffff0d}.th-rail-row:disabled{cursor:default}.th-rail-row--current{background:#0177fd1a}.th-rail-label{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}.th-rail-value{-webkit-line-clamp:2;font-size:var(--fs-sm);color:var(--text-primary);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.th-rail-value--empty{color:#f5f3ef52}.th-rail-total{border-top:1px solid #ffffff14;flex-direction:column;gap:2px;margin-top:6px;padding:12px 10px 4px;display:flex}.th-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s var(--ease-out);background:radial-gradient(at 50% 35%,#0177fd29,#0000 62%),#04060fd6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.th-modal{width:min(940px,100%);max-height:calc(100dvh - 48px);animation:authModalRise .5s var(--ease-out);background:#0b0a09;border:1px solid #0177fd47;border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #000000a6,0 0 90px #0177fd24}.th-modal--narrow{width:160px;height:120px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.th-modal-close{z-index:2;border:1px solid var(--surface-border);background:var(--surface);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.th-modal-close:hover:not(:disabled){color:var(--text-primary);border-color:#ffffff4d}.th-modal-close:disabled{opacity:.4;cursor:not-allowed}.th-modal-body{flex:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:0;display:grid}.th-modal-body>.th-modal-form,.th-modal-body>.th-modal-preview{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;min-height:0;overflow-y:auto}.th-modal-form{padding:32px 36px 26px}.th-modal-title{font-family:var(--font-display);font-size:var(--fs-2xl);margin:0 0 8px;font-style:italic;font-weight:700;line-height:1.1}.th-modal-title em{background:linear-gradient(100deg, var(--primary), var(--secondary));color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.06em;font-style:italic}.th-modal-sub{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:22px;line-height:1.55}.th-field{margin-bottom:18px;position:relative}.th-field>label{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.16em;text-transform:uppercase;color:#f5f3ef9e;margin-bottom:8px;display:block}.th-field-value{color:var(--secondary);margin-left:8px}.th-field-opt{letter-spacing:.1em;color:#f5f3ef5c;margin-left:6px}.th-counter{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-secondary);position:absolute;bottom:-18px;right:4px}.th-segment{background:#ffffff08;border:1px solid #ffffff1f;border-radius:999px;padding:4px;display:inline-flex}.th-segment button{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 22px;transition:color .2s,background .2s}.th-segment .th-segment--active{color:#fff;background:#0177fd38;box-shadow:inset 0 0 0 1px #0177fd99}.th-range{width:100%}.th-modal-preview{flex-direction:column;gap:16px;padding:32px 36px 26px 0;display:flex}.th-modal-frame{aspect-ratio:1;background:var(--surface-solid);border:1px solid #ffffff1a;border-radius:16px;position:relative;overflow:hidden}.th-modal-frame-state{font-size:var(--fs-sm);color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.th-modal-frame-state>span{align-items:center;gap:8px;display:inline-flex;position:relative}.th-modal-frame-state--idle{color:#f5f3ef57}.th-modal-actions{flex-wrap:wrap;gap:10px;display:flex}.th-modal-actions .th-btn{flex:auto}.th-modal-preview{align-self:stretch}.th-modes{background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;gap:6px;margin:0 0 20px;padding:4px;display:flex}.th-mode{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 12px;transition:color .2s,background .2s;display:inline-flex}.th-mode:disabled{cursor:not-allowed;opacity:.6}.th-mode--active{color:#fff;background:#0177fd38;box-shadow:inset 0 0 0 1px #0177fd99}.th-drop{color:var(--text-primary);font-size:var(--fs-sm);text-align:center;cursor:pointer;background:#0177fd0d;border:1px dashed #0177fd73;border-radius:14px;flex-direction:column;align-items:center;gap:6px;margin-bottom:18px;padding:18px 14px;transition:background .2s,border-color .2s;display:flex}.th-drop:hover,.th-drop--over{border-color:var(--primary);background:#0177fd1c}.th-drop--has-file{border-style:solid}.th-drop svg{color:var(--secondary)}.th-drop small{font-size:var(--fs-2xs);color:var(--text-secondary)}.th-voice-loading{font-size:var(--fs-xs);color:var(--text-secondary);align-items:center;gap:8px;display:flex}.th-voice-chips{flex-wrap:wrap;gap:8px;display:flex}.th-voice-chip{background:#ffffff08;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:2px;padding:3px 4px;transition:border-color .2s,background .2s;display:inline-flex}.th-voice-chip--selected{border-color:var(--primary);background:#0177fd29}.th-voice-chip-play{width:26px;height:26px;color:var(--text-primary);cursor:pointer;background:#ffffff12;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.th-voice-chip-play:hover:not(:disabled){background:#0177fd59}.th-voice-chip-pick{color:var(--text-primary);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:4px 10px 4px 6px;font-weight:500;display:inline-flex}.th-voice-dropdown{align-items:center;gap:8px;width:100%;display:flex}.th-voice-dropdown>.th-voice-chip-play{flex-shrink:0;width:40px;height:40px}.th-voice-trigger{border:1px solid var(--surface-border);min-width:0;height:42px;color:var(--text-primary);font-family:inherit;font-size:var(--fs-sm);cursor:pointer;background:#ffffff0a;border-radius:8px;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-weight:500;display:flex}.th-voice-trigger:hover:not(:disabled){border-color:#0177fd66}.th-voice-trigger:disabled{opacity:.6;cursor:not-allowed}.th-voice-trigger-label{white-space:nowrap;align-items:center;gap:8px;min-width:0;display:inline-flex;overflow:hidden}.custom-select-panel.th-voice-panel{max-height:300px}.th-voice-option{border-radius:8px;align-items:center;gap:6px;padding:3px;transition:background .15s;display:flex}.th-voice-option:hover,.th-voice-option--active{background:#0177fd1f}.th-voice-option-pick{min-width:0;color:var(--text-primary);font-family:inherit;font-size:var(--fs-sm);text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:8px;padding:6px 8px;display:flex}.th-voice-option-check{color:var(--primary);margin-left:auto}.th-eth-other{margin-top:8px}.th-voice-chip-best{color:var(--secondary);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;background:#00d4ff24;border-radius:999px;padding:1px 7px}.th-link-btn{color:var(--secondary);font-size:var(--fs-xs);cursor:pointer;background:0 0;border:none;margin-top:8px;padding:0;text-decoration:underline}.th-voice-name-row{align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.th-voice-name-row .th-voice-name{flex-shrink:0;max-width:100%}.th-voice-name-row .th-voice-badge{text-overflow:ellipsis;min-width:0;overflow:hidden}.th-voice-badge{white-space:nowrap;color:var(--secondary);font-family:var(--font-sans);font-size:var(--fs-2xs);letter-spacing:.02em;text-transform:none;background:#0177fd33;border-radius:999px;padding:1px 8px}.th-check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:11px;margin-top:6px;display:flex;position:relative}.th-check input{opacity:0;width:0;height:0;position:absolute}.th-check-box{background:#ffffff0a;border:1px solid #ffffff47;border-radius:5px;flex-shrink:0;width:18px;height:18px;margin-top:1px;transition:background .2s,border-color .2s,box-shadow .2s}.th-check:hover .th-check-box{border-color:#0177fdcc}.th-check input:focus-visible+.th-check-box{box-shadow:0 0 0 3px #0177fd4d}.th-check input:checked+.th-check-box{background:linear-gradient(135deg, var(--primary), var(--secondary));border-color:#0000;box-shadow:0 0 14px #0177fd73}.th-check input:checked+.th-check-box:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;margin:2px 0 0 6px;display:block;transform:rotate(45deg)}.th-check-text{font-size:var(--fs-xs);color:#f5f3efb8;line-height:1.5}.th-check-text a{color:var(--secondary);font-weight:500}.th-check-text a:hover{color:#fff;text-decoration:underline}.th-modal-actions--single .th-btn{width:100%}@media (max-width:760px){.th-modal-body{grid-template-rows:none;grid-template-columns:minmax(0,1fr);overflow-y:auto}.th-modal-body>.th-modal-form,.th-modal-body>.th-modal-preview{min-height:auto;overflow:visible}.th-modal-form{padding:56px 22px 10px}.th-modal-preview{padding:8px 22px 26px}.th-step-title{font-size:var(--fs-2xl)}.th-video-summary{flex-direction:column}.th-video-summary-thumb{width:100%}}.reshape-ratio-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.reshape-ratio-chip{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-2xs);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 6px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:flex}.reshape-ratio-chip--active{border-color:var(--primary);color:var(--text-primary);background:#0177fd1f}.reshape-upload-dropzone{min-height:220px}.reshape-upload-preview{justify-content:center;display:flex}.reshape-upload-frame{border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:#ffffff08;min-width:140px;min-height:140px;line-height:0;display:inline-block;position:relative;overflow:hidden}.reshape-upload-img{opacity:0;width:auto;max-width:100%;height:auto;max-height:360px;transition:opacity .4s;display:block}.reshape-upload-img.asset-media--loaded{opacity:1}.reshape-upload-frame .caption-upload-remove-btn{z-index:3}.reshape-ratio-header{justify-content:space-between;align-items:baseline;margin:18px 0 10px;display:flex}.reshape-ratio-count{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-secondary);margin-left:8px}.reshape-ratio-all-btn{color:var(--primary);font-size:var(--fs-xs);cursor:pointer;background:0 0;border:none;padding:0}.reshape-ratio-all-btn:hover{text-decoration:underline}.reshape-notes-input{background:var(--input-bg);border:1px solid var(--surface-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:var(--fs-xs);resize:vertical;padding:10px 12px;font-family:inherit}.reshape-notes-input:focus{border-color:var(--primary);outline:none}.reshape-generate-btn{margin-top:18px}@media (max-width:1024px){.reshape-generate-bar{z-index:3;isolation:isolate;border-top:1px solid var(--surface-border);background:#100f0d;border-radius:0 0 16px 16px;margin:18px -8px -14px;padding:10px 8px 12px;position:sticky;bottom:0}.reshape-generate-bar .reshape-generate-btn{margin-top:0}}.reshape-result-body{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.reshape-result-col{flex-direction:column;flex:1;gap:10px;min-width:240px;display:flex}.reshape-result-label{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.reshape-result-img{object-fit:contain;border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:#000;width:100%;max-height:480px}.reshape-result-video-frame{width:100%;position:relative}.reshape-result-video-frame--fullscreen{z-index:2000;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reshape-result-video-frame--fullscreen .reshape-result-img{border:none;border-radius:0;width:auto;max-width:100vw;height:100%;max-height:100vh}.reshape-results{flex-direction:column;gap:18px;display:flex}.reshape-results-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.reshape-results-bar .reshape-result-actions{width:auto}.reshape-results-grid{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.reshape-card{flex-direction:column;gap:8px;max-width:100%;display:flex}.reshape-card-frame{--card-h:240px;width:min(100%, calc(var(--card-h) * var(--r,1)));aspect-ratio:var(--r,1);border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:#000;position:relative;overflow:hidden}.reshape-card-frame--original{width:auto;height:var(--card-h);aspect-ratio:auto}.reshape-card-frame>a{width:100%;height:100%;display:block}.reshape-card-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;display:block}.reshape-card-frame--original .reshape-card-img{object-fit:contain;width:auto;max-width:100%}.reshape-card-img--loaded{opacity:1}.reshape-card-failed{height:100%;font-size:var(--fs-xs);color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;gap:6px;padding:14px;display:flex}.reshape-card-failed-note{font-size:var(--fs-2xs);opacity:.7}@media (max-width:640px){.reshape-card-frame{--card-h:180px}}.reshape-result-actions{align-items:center;gap:10px;width:100%;display:flex}.reshape-secondary-btn{border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:var(--surface);color:var(--text-secondary);font-size:var(--fs-xs);cursor:pointer;align-items:center;gap:6px;padding:10px 16px;font-weight:600;display:flex}.reshape-secondary-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}@media (max-width:700px){.reshape-ratio-grid{grid-template-columns:repeat(4,1fr);gap:6px}.reshape-ratio-chip{gap:4px;padding:9px 4px}}.th-source-toggle{margin-bottom:14px}.th-link-btn{color:var(--secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.th-audio-drop{width:100%;min-height:220px;color:var(--text-secondary);text-align:center;cursor:pointer;background:#ffffff05;border:1px dashed #fff3;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px;transition:border-color .2s,background .2s,color .2s;display:flex}.th-audio-drop:hover:not(:disabled){color:var(--text-primary);background:#0177fd0f;border-color:#0177fd99}.th-audio-drop:disabled{cursor:progress}.th-audio-drop-title{color:var(--text-primary);font-size:var(--fs-base)}.th-audio-drop-sub{max-width:420px;font-size:var(--fs-xs);line-height:1.5}.th-audio-card{background:#ffffff08;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;align-items:flex-start;gap:14px;padding:18px;display:flex}.th-audio-card-head{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.th-audio-card-name{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;display:inline-flex;overflow:hidden}.th-audio-card-remove{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px;display:inline-flex}.th-audio-card-remove:hover{color:var(--text-primary);background:#ffffff14}.th-audio-card-player{width:100%}.th-quality{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.th-chip-sub{opacity:.6;letter-spacing:.06em;margin-left:6px}.th-quality .th-label{margin:0}.th-label--first{margin-top:0}.th-review-frame--portrait{aspect-ratio:9/16;max-width:320px;margin-inline:auto}.th-video-summary-thumb--portrait{aspect-ratio:9/16;width:110px}.th-video-result--portrait{max-width:320px}.th-bg--visual{padding:10px 10px 14px}.th-bg--visual .th-bg-label,.th-bg--visual .th-bg-desc{padding-inline:4px}.th-scene-thumb{aspect-ratio:16/9;background:var(--surface-solid);border-radius:10px;width:100%;position:relative;overflow:hidden}.th-bg--portrait .th-scene-thumb{aspect-ratio:9/16}.th-scene-thumb--empty{color:var(--secondary);background:#0177fd1a;justify-content:center;align-items:center;display:flex}.th-bg-saved{position:relative}.th-bg-saved .th-bg{width:100%;height:100%}.th-bg-forget{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:8px;padding:5px;display:inline-flex;position:absolute;top:16px;right:16px}.th-bg-forget:hover{background:#000000d9}.th-bg-shot{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--secondary);padding-inline:4px}.thl{width:100%}.thl-section{padding:52px 32px;scroll-margin-top:72px;position:relative}.thl-section--tint{border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border);background:linear-gradient(#0177fd0b,#0177fd04)}.thl-inner{z-index:1;width:100%;max-width:1120px;margin:0 auto;position:relative}.thl-inner--narrow{max-width:760px}.thl-head{text-align:center;max-width:620px;margin:0 auto 26px}.thl-title{font-family:var(--font-display);font-size:var(--fs-3xl);letter-spacing:-.01em;color:var(--text-primary);text-wrap:balance;margin:4px 0 10px;font-style:normal;font-weight:700;line-height:1.12}.thl-eyebrow,.thl-hero-tag{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:#f5f3ef6b;margin-bottom:14px;font-size:.64rem;display:block}.thl-hero-tag{color:#00d4ffcc;font-size:.68rem}.thl-title em{color:#f5f3ef61;padding-right:.06em;font-style:italic}.thl-title em.thl-tone--blue{color:var(--primary)}.thl-hero h1 em{color:var(--primary);padding-right:.06em;font-style:italic}.thl-lead{max-width:56ch;font-size:var(--fs-base);color:var(--text-secondary);margin:0 auto;line-height:1.65}.thl-icon{width:42px;height:42px;color:var(--secondary);background:#0177fd24;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.thl-hero{text-align:left;flex-direction:column;justify-content:center;min-height:calc(100svh - 124px);padding:72px 32px 120px;display:flex;position:relative}.thl-hero-grid{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:60px;width:100%;max-width:1160px;margin:0 auto;display:grid;position:relative}.thl-hero h1{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-primary);text-wrap:balance;margin:4px 0 18px;font-size:clamp(2.4rem,5vw,4rem);font-weight:700;line-height:1.08}.thl-rotor{margin-bottom:-.18em;padding-bottom:.18em;display:inline-grid}.thl-rotor>*{grid-area:1/1}.thl-rotor-ghost{visibility:hidden}.thl-hero-copy>p{max-width:50ch;font-size:var(--fs-md);color:var(--text-secondary);margin:0;line-height:1.65}.thl-cta-row{flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px;display:flex}.thl-scroll-cue{z-index:2;color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-left:-24px;transition:background .2s,border-color .2s;animation:1.8s ease-in-out infinite thlCue;display:inline-flex;position:absolute;bottom:30px;left:50%}.thl-scroll-cue:after{content:"";border:1px solid var(--secondary);opacity:0;border-radius:50%;animation:1.8s ease-out infinite thlCueRing;position:absolute;inset:-1px}.thl-scroll-cue:hover{background:#0177fd8c;border-color:#0000}@keyframes thlCue{0%,to{transform:translateY(0)}50%{transform:translateY(9px)}}@keyframes thlCueRing{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.thl-stage{padding:0 4% 9% 0;position:relative}.thl-stage-main{aspect-ratio:16/9;background:var(--surface-solid);border:1px solid #ffffff24;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 34px 90px #0000008c,0 0 0 1px #0177fd29,0 0 80px #0177fd24}.thl-stage-side{aspect-ratio:9/16;background:var(--surface-solid);border:2px solid #fff3;border-radius:20px;width:27%;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 26px 70px #0009,0 0 50px #00d4ff1f}.thl-video{background:#0b0b0d 50%/cover no-repeat;width:100%;height:100%;position:relative;overflow:hidden}.thl-video-el{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.thl-video-el--playing{opacity:1}.thl-stage .thl-sound{display:none}.thl-sound{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#0000008c;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s,transform .2s;display:inline-flex;position:absolute;bottom:10px;right:10px}.thl-sound:hover{background:#0177fdb3;transform:scale(1.08)}.thl-rail-wrap{position:relative}.thl-rail{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-l,0px), #000 calc(100% - var(--fade-r,0px)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-l,0px), #000 calc(100% - var(--fade-r,0px)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-l,0px), #000 calc(100% - var(--fade-r,0px)), transparent 100%);gap:16px;padding:6px 2px 10px;display:flex;overflow-x:auto}.thl-rail::-webkit-scrollbar{display:none}.thl-rail:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:14px}.thl-rail>*{scroll-snap-align:start;flex:none}.thl-rail-btn{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#100f0ddb;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,opacity .2s,transform .2s;display:inline-flex;position:absolute;top:calc(50% - 20px)}.thl-rail-btn--prev{left:-16px}.thl-rail-btn--next{right:-16px}.thl-rail-btn:hover:not(:disabled){background:var(--primary);transform:scale(1.06)}.thl-rail-btn:disabled{opacity:0;pointer-events:none}@media (hover:none),(max-width:640px){.thl-rail-btn{display:none}}.thl-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%)}.thl-marquee-track{width:max-content;padding:8px 0 12px;animation:55s linear infinite thlMarquee;display:flex}.thl-marquee:hover .thl-marquee-track,.thl-marquee:focus-within .thl-marquee-track{animation-play-state:paused}.thl-marquee-set{gap:16px;padding-right:16px;display:flex}@keyframes thlMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.thl-clip{--clip-h:300px;flex-direction:column;gap:10px;margin:0;display:flex}.thl-clip-frame{width:calc(var(--clip-h) * var(--rw,1.78));height:var(--clip-h);background:var(--surface-solid);transition:border-color .3s ease, transform .4s var(--ease-out), box-shadow .4s ease;border:1px solid #ffffff1a;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 16px 44px #00000059}.thl-clip:hover .thl-clip-frame{border-color:#0177fd8c;transform:translateY(-3px);box-shadow:0 24px 56px #00000073,0 0 36px #0177fd26}.thl-clip figcaption{flex-direction:column;gap:2px;padding:0 4px;display:flex}.thl-clip figcaption strong{font-size:var(--fs-sm);color:var(--text-primary);font-weight:600}.thl-clip figcaption span{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.thl-sb-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:22px;display:flex}.thl-sb-tab{color:var(--text-secondary);font-size:var(--fs-sm);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:999px;padding:8px 16px;font-weight:600;transition:border-color .2s,color .2s,background .2s}.thl-sb-tab:hover{color:var(--text-primary);border-color:#0177fd66}.thl-sb-tab--active{color:var(--text-primary);border-color:var(--primary);background:#0177fd24}@media (max-width:768px){.thl-sb-tabs{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin-inline:-20px;padding:2px 20px;scroll-padding-inline:20px;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 20px calc(100% - 20px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 20px calc(100% - 20px),#0000 100%)}.thl-sb-tabs::-webkit-scrollbar{display:none}.thl-sb-tab{white-space:nowrap;font-size:var(--fs-xs);flex-shrink:0;padding:7px 14px}}.thl-sb-pair{--sb-h:420px;max-width:calc(var(--sb-h) * (1.5 + var(--rw,1.78)) + 84px);animation:fadeIn .35s var(--ease-out);align-items:center;gap:20px;margin:0 auto;display:flex}.thl-sb-col{flex-direction:column;gap:10px;min-width:0;margin:0;display:flex}.thl-sb-col--sheet{flex:1.5 1 0}.thl-sb-col--video{flex:var(--rw,1.78) 1 0}.thl-sb-col figcaption{font-size:var(--fs-sm);color:var(--text-primary);align-items:center;gap:8px;font-weight:600;display:flex}.thl-sb-col figcaption .thl-step-num{width:22px;height:22px;color:var(--primary);letter-spacing:0;background:#0177fd29;border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:inline-flex;position:static}.thl-sb-sheet{aspect-ratio:3/2;background:var(--surface-solid);cursor:zoom-in;width:100%;transition:border-color .3s ease, transform .4s var(--ease-out);border:1px solid #ffffff1a;border-radius:18px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 16px 44px #00000059}.thl-sb-sheet:hover{border-color:#0177fd8c;transform:translateY(-3px)}.thl-sb-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.thl-sb-img--in{opacity:1}.thl-sb-zoom{color:#f5f3ef;font-size:var(--fs-2xs);opacity:0;background:#06080ec7;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-weight:600;transition:opacity .2s;display:inline-flex;position:absolute;bottom:12px;right:12px}.thl-sb-sheet:hover .thl-sb-zoom,.thl-sb-sheet:focus-visible .thl-sb-zoom{opacity:1}.thl-sb-arrow{color:var(--primary);background:#0177fd24;border-radius:999px;flex-shrink:0;margin-top:30px;padding:10px;display:inline-flex}.thl-sb-video{width:100%;aspect-ratio:var(--rw,1.78);border:1px solid #ffffff1a;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 16px 44px #00000059}.thl-sb-lightbox{cursor:zoom-out}.thl-sb-lightbox img{object-fit:contain;cursor:default;border-radius:12px;max-width:100%;max-height:100%}.thl-sb-lightbox-close{border:1px solid var(--surface-border);color:#f5f3ef;cursor:pointer;background:#06080ecc;border-radius:999px;padding:8px;display:inline-flex;position:absolute;top:18px;right:18px}@media (max-width:1180px){.thl-sb-pair{--sb-h:320px}}@media (max-width:860px){.thl-sb-pair{flex-direction:column;align-items:stretch}.thl-sb-col--sheet,.thl-sb-col--video{flex:none}.thl-sb-arrow{align-self:center;margin-top:0;transform:rotate(90deg)}.thl-sb-col--video{align-items:center}.thl-sb-col--video figcaption{align-self:flex-start}.thl-sb-video{width:min(100%, calc(460px * var(--rw,1.78)))}.thl-sb-zoom{opacity:1}}.thl-character{flex-direction:column;gap:2px;width:168px;display:flex}.thl-character-photo{aspect-ratio:1/1.08;background:var(--surface-solid);transition:border-color .3s ease, transform .4s var(--ease-out);border:1px solid #ffffff1a;border-radius:18px;margin-bottom:10px;position:relative;overflow:hidden}.thl-character:hover .thl-character-photo{border-color:#0177fd8c;transform:translateY(-3px)}.thl-character:hover .th-img{transform:scale(1.05)}.thl-note{text-align:center;font-size:var(--fs-sm);color:var(--text-secondary);margin:18px 0 0}.thl-character strong{font-size:var(--fs-base);color:var(--text-primary);font-weight:600}.thl-character span{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.thl-toggle{border:1px solid var(--surface-border);background:#ffffff08;border-radius:999px;justify-content:center;gap:4px;width:fit-content;margin:0 auto 20px;padding:4px;display:flex}.thl-toggle-btn{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;transition:color .2s,background .2s;display:inline-flex}.thl-toggle-btn:hover{color:var(--text-primary)}.thl-toggle-btn--on{background:linear-gradient(135deg, var(--primary), #0a9bff);color:#fff}.thl-scene{flex-direction:column;gap:10px;width:296px;display:flex}.thl-rail-wrap--scenes-v .thl-scene{width:170px}.thl-scene strong{font-size:var(--fs-sm);color:var(--text-primary);padding:0 4px;font-weight:600}.thl-scene-media{aspect-ratio:16/9;background:var(--surface-solid);transition:border-color .3s ease, transform .4s var(--ease-out);border:1px solid #ffffff1a;border-radius:16px;position:relative;overflow:hidden}.thl-rail-wrap--scenes-v .thl-scene-media{aspect-ratio:9/16}.thl-scene:hover .thl-scene-media{border-color:#0177fd8c;transform:translateY(-3px)}.thl-scene:hover .th-img{transform:scale(1.04)}.thl-scene-tag{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:fit-content;max-width:calc(100% - 20px);font-family:var(--font-mono);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;color:#ffffffeb;background:#0a0a0cb8;border-radius:999px;padding:4px 10px;font-size:10px;position:absolute;bottom:10px;left:10px;overflow:hidden}.thl-rail-wrap--scenes-v .thl-scene-tag{white-space:normal;text-overflow:clip;border-radius:10px;line-height:1.35}.thl-feature{border:1px solid var(--surface-border);background:var(--surface);width:258px;transition:border-color .3s ease, background .3s ease, transform .4s var(--ease-out);border-radius:18px;padding:20px}.thl-feature:hover{background:#0177fd0f;border-color:#0177fd73;transform:translateY(-3px)}.thl-feature h3{font-size:var(--fs-base);color:var(--text-primary);margin:14px 0 6px;font-weight:600}.thl-feature p{font-size:var(--fs-sm);color:var(--text-secondary);margin:0;line-height:1.6}.thl-usecases{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.thl-usecase{border:1px solid var(--surface-border);font-size:var(--fs-xs);color:var(--text-primary);background:#ffffff08;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;display:inline-flex}.thl-usecase svg{color:var(--secondary)}.thl-rail-wrap--steps .thl-rail{gap:14px}.thl-step{border:1px solid var(--surface-border);background:var(--surface);border-radius:18px;width:170px;padding:18px 16px 16px;position:relative}.thl-step-num{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.1em;color:var(--secondary);position:absolute;top:14px;right:14px}.thl-step h3{font-size:var(--fs-sm);color:var(--text-primary);margin:12px 0 4px;font-weight:600}.thl-step p{font-size:var(--fs-xs);color:var(--text-secondary);margin:0;line-height:1.55}.thl-faq-cols{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 44px;display:grid}.thl-faq-cols .caption-faq-list{max-width:none;margin:0}.thl-faq-cols .caption-faq-item summary{font-size:var(--fs-sm);padding:14px 4px}.thl-faq-cols .caption-faq-item p{font-size:var(--fs-sm);padding-bottom:16px}.thl-faq-cols .caption-faq-item p a{color:var(--secondary);text-decoration:underline}@media (max-width:1000px){.thl-hero-grid{grid-template-columns:1fr;gap:40px}.thl-hero{padding:48px 24px 104px}.thl-stage{width:100%;max-width:640px;margin:0 auto}}@media (max-width:860px){.thl-faq-cols{grid-template-columns:1fr}.thl-faq-cols>.caption-faq-list+.caption-faq-list{border-top:0}}@media (max-width:1024px){.tool-page--landing{position:relative}.tool-page--landing>.tool-page-breadcrumb{z-index:4;margin-bottom:0;position:absolute;top:16px;left:0;right:0}.tool-page--landing .thl-hero{min-height:calc(100dvh - 120px);margin-top:-16px;padding-top:84px}}@media (max-width:640px){.thl-section{padding:40px 20px}.thl-hero{padding:32px 20px 96px}.tool-page--landing .thl-hero{padding-top:72px;padding-bottom:76px}.thl-title{font-size:var(--fs-2xl)}.thl-clip{--clip-h:260px}}@media (prefers-reduced-motion:reduce){.thl-scroll-cue,.thl-scroll-cue:after,.thl-marquee-track{animation:none}.thl-marquee{overflow-x:auto}}.thl-cap-stage{justify-content:center;align-items:center;gap:18px;padding:26px 0;display:flex}.thl-cap-stage-card{flex:none;width:min(210px,26vw)}.thl-cap-stage-card:nth-child(2){transform:translateY(-24px)scale(1.06)}.thl-rail-wrap--steps-wide .thl-step{width:246px}.home-showcase-rail{margin-top:8px}.hsc{flex-direction:column;width:360px;padding-bottom:6px;display:flex}.hsc-media{transition:transform .4s var(--ease-out);margin-bottom:18px;position:relative}.hsc:hover .hsc-media{transform:translateY(-3px)}.hsc-new,.home-latest-new{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg, var(--primary), #0a9bff);font-style:normal}.hsc-new{z-index:2;border-radius:999px;padding:4px 10px;font-size:10px;position:absolute;top:12px;left:12px}.home-latest-new{vertical-align:1px;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:9px;display:inline-block}.hsc-eyebrow{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:#f5f3ef6b;margin-bottom:6px;font-size:.64rem}.hsc h3{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--text-primary);margin:0 0 8px;font-weight:700;line-height:1.15}.hsc p{font-size:var(--fs-sm);color:var(--text-secondary);margin:0 0 14px;line-height:1.6}.hsc .showcase-link{align-self:flex-start;margin-top:auto}@media (max-width:640px){.hsc{width:290px}}.home-soon{font-size:var(--fs-sm);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px 10px;margin:22px 0 0;display:flex}.home-soon span{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.18em;text-transform:uppercase;color:#f5f3ef6b}.home-soon em{border:1px solid var(--surface-border);color:var(--text-secondary);border-radius:999px;padding:4px 12px;font-style:normal}.hx-canvas{aspect-ratio:1/.95;width:100%;display:block;-webkit-mask-image:radial-gradient(52% 50%,#000 62%,#0000 100%);mask-image:radial-gradient(52% 50%,#000 62%,#0000 100%)}.pad-wizard-content{align-items:stretch;overflow:hidden}.pad-layout{flex:1 1 0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:44px;width:100%;max-width:1120px;min-height:0;margin:0 auto;padding:14px 0 0;display:grid}.pad-main{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex-direction:column;min-width:0;min-height:0;padding:2px 12px 40px 0;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 22px),#0000 100%)}.pad-main--loading{padding-bottom:0;-webkit-mask-image:none;mask-image:none}.pad-main .pad-panel,.pad-main .pad-panel--wide{max-width:none;margin:0}.pad-rail{background:linear-gradient(#0177fd12,#ffffff05);border:1px solid #ffffff17;border-radius:20px;flex-direction:column;align-self:start;gap:12px;height:100%;max-height:780px;padding:14px;display:flex;overflow:hidden}.pad-rail-body{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex:1;min-height:0;overflow-y:auto}.pad-rail-list{margin:0;padding:0;list-style:none}.pad-rail-row{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;gap:2px;width:100%;padding:9px 10px;transition:background .2s;display:flex}.pad-rail-row:hover:not(:disabled){background:#ffffff0d}.pad-rail-row:disabled{cursor:default}.pad-rail-row--current{background:#0177fd1a}.pad-rail-label{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}.pad-rail-value{-webkit-line-clamp:2;font-size:var(--fs-sm);color:var(--text-primary);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pad-rail-value--empty{color:#f5f3ef52}.pad-btn{width:auto;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:transform .25s var(--ease-out), border-color .25s ease, box-shadow .25s ease, background .25s ease;background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-weight:500;display:inline-flex}.pad-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff57;transform:translateY(-1px)}.pad-btn--primary{color:#fff;background:linear-gradient(100deg,#0177fd 0%,#00b4ff 60%,#00d4ff 100%);border-color:#0000;box-shadow:0 8px 26px #0177fd4d}.pad-btn--primary:hover:not(:disabled){background:linear-gradient(100deg,#0177fd 0%,#00b4ff 60%,#00d4ff 100%);border-color:#0000;box-shadow:0 0 0 4px #0177fd24,0 12px 34px #0177fd73}.pad-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.pad-actions{align-items:center;gap:10px;display:flex}.pad-actions .pad-btn{height:46px;padding-top:0;padding-bottom:0}.pad-actions--rail{border-top:1px solid #ffffff14;flex-shrink:0;padding-top:12px}.pad-actions--rail .pad-actions-primary{flex:1;min-width:0}.pad-actions--rail .pad-btn{height:auto;min-height:46px;font-size:var(--fs-xs);letter-spacing:.06em;text-align:center;white-space:normal;padding:10px 14px;line-height:1.3}.pad-landing-error{text-align:center;color:#ff6b6b;font-size:var(--fs-xs);margin-top:12px}.pad-panel{flex-direction:column;width:100%;max-width:560px;margin:0 auto;display:flex}.pad-panel--wide{max-width:720px}.pad-panel-label{font-family:var(--font-display);font-size:var(--fs-lg);align-items:center;gap:8px;margin-bottom:14px;font-weight:700;display:flex}.pad-panel-label--section{border-top:1px solid var(--surface-border);margin-top:30px;padding-top:22px}.pad-question-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:12px;display:grid}.pad-question-grid--story{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.pad-option-card{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface);color:var(--text-primary);text-align:left;cursor:pointer;flex-direction:column;gap:4px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.pad-option-card:hover{border-color:#0177fd59}.pad-option-card--active{border-color:var(--primary);background:#0177fd1a}.pad-option-card-label{font-weight:600;font-size:var(--fs-sm)}.pad-option-card-sub{color:var(--text-secondary);font-size:var(--fs-2xs);line-height:1.4}.pad-lang-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;display:grid}.pad-lang-card{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface);color:var(--text-primary);cursor:pointer;transition:border-color .15s ease, background .15s ease, transform .15s var(--ease-out);flex-direction:column;align-items:center;gap:10px;padding:18px 10px 14px;display:flex}.pad-lang-card:hover{border-color:#0177fd59;transform:translateY(-1px)}.pad-lang-card--active{border-color:var(--primary);background:#0177fd1a;box-shadow:0 0 0 3px #0177fd24}.pad-lang-card-glyph{width:44px;height:44px;color:var(--primary);font-family:var(--font-display);background:#0177fd1f;border-radius:999px;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.pad-lang-card-label{font-weight:600;font-size:var(--fs-sm)}@media (max-width:640px){.pad-lang-grid{grid-template-columns:repeat(2,1fr)}}.pad-style-grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:14px;margin-bottom:12px;display:grid}.pad-style-card{cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block;position:relative}.pad-style-card-media{aspect-ratio:4/5;background:var(--surface-solid);outline:1px solid var(--surface-border);outline-offset:-1px;width:100%;transition:outline-color .15s ease, box-shadow .2s ease, transform .2s var(--ease-out);border-radius:14px;display:block;position:relative;overflow:hidden}.pad-style-card:hover .pad-style-card-media{outline-color:#0177fd73;transform:translateY(-2px)}.pad-style-card--active .pad-style-card-media{outline:2px solid var(--primary);outline-offset:-2px;box-shadow:0 0 0 4px #0177fd29,0 12px 24px -12px #0177fd80}.pad-style-card-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);position:absolute;inset:0;transform:scale(1.04)}.pad-style-card-img--loaded{opacity:1;transform:scale(1)}.pad-style-card:hover .pad-style-card-img--loaded{transform:scale(1.06)}.pad-style-card-skeleton{color:#f5f3ef66;transition:opacity .5s var(--ease-out);background:linear-gradient(100deg,#0177fd0f 30%,#0177fd29 50%,#0177fd0f 70%) 0 0/200% 100%;justify-content:center;align-items:center;animation:1.4s ease-in-out infinite skeletonShimmer;display:flex;position:absolute;inset:0}.pad-style-card-skeleton--hidden{opacity:0;pointer-events:none;animation:none}.pad-style-card-scrim{pointer-events:none;background:linear-gradient(#0000 0%,#06080e80 55%,#06080eeb 100%);height:56%;position:absolute;inset:auto 0 0}.pad-style-card-label{font-weight:600;font-size:var(--fs-xs);color:#f5f3ef;text-align:left;padding:0 10px 10px;line-height:1.25;position:absolute;bottom:0;left:0;right:0}.pad-style-card-check{background:var(--primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #0177fd80}.pad-custom-input,.pad-custom-textarea,.pad-feedback-textarea{resize:vertical;width:100%;margin-bottom:14px}.pad-wizard-footer{border-top:1px solid var(--surface-border);background:var(--background);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}@media (min-width:961px){.pad-wizard-footer,.pad-wizard-footer-wrap .pad-video-shape{display:none}}@media (max-width:960px){.pad-wizard-content{overflow-y:auto}.pad-layout{flex:none;padding-top:14px;display:block}.pad-main{padding-right:0;overflow:visible}.pad-rail{display:none}}.pad-ref-category-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0;display:grid}@media (max-width:640px){.pad-ref-category-grid{grid-template-columns:repeat(2,1fr)}}.pad-ref-tile{border-radius:var(--radius-md);border:1.5px dashed var(--surface-border);color:var(--text-secondary);cursor:pointer;background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px 10px 14px;transition:border-color .15s,background .15s,color .15s;display:flex;position:relative}.pad-ref-tile:hover:not(:disabled){border-color:var(--primary);color:var(--text-primary);background:#0177fd0f}.pad-ref-tile:disabled{opacity:.6;cursor:not-allowed}.pad-ref-tile-icon{width:44px;height:44px;color:var(--text-secondary);background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;display:flex}.pad-ref-tile:hover:not(:disabled) .pad-ref-tile-icon{color:var(--primary);background:#0177fd1f}.pad-ref-tile-label{font-size:var(--fs-sm);text-align:center;color:var(--text-primary);font-weight:600;line-height:1.3}.pad-ref-tile-stack{align-items:center;display:flex;position:absolute;top:8px;right:8px}.pad-ref-tile-stack-thumb{border:2px solid var(--surface-solid);object-fit:cover;border-radius:7px;width:28px;height:28px;margin-left:-12px;box-shadow:0 2px 6px #00000073}.pad-ref-tile-stack-thumb:first-child{margin-left:0}.pad-ref-tile-stack-more{border:2px solid var(--surface-solid);background:var(--primary);color:#fff;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-12px;font-size:10px;font-weight:700;display:flex}.pad-ref-tile-preview{border:1px solid var(--surface-border);background:var(--surface-solid);opacity:0;pointer-events:none;z-index:50;border-radius:12px;flex-wrap:wrap;gap:5px;width:138px;padding:7px;transition:opacity .12s,transform .12s;display:flex;position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(4px);box-shadow:0 12px 32px #00000080}.pad-ref-tile-preview img{object-fit:cover;border-radius:8px;width:56px;height:56px;display:block}.pad-ref-tile-stack:hover .pad-ref-tile-preview{opacity:1;pointer-events:auto;transform:translateY(0)}.pad-ref-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin-bottom:16px;display:grid}.pad-ref-thumb{border-radius:var(--radius-sm);border:1px solid var(--surface-border);aspect-ratio:1;background:#000;position:relative;overflow:hidden}.pad-ref-thumb img{object-fit:cover;width:100%;height:100%}.pad-ref-thumb-label{text-align:center;color:#fff;background:#0009;padding:3px 6px;font-size:10px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.pad-ref-thumb-remove{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:4px;right:4px}.pad-storyboard-frame{text-align:center;width:100%;margin-bottom:14px}.pad-storyboard-img{border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:#000;width:auto;max-width:100%;height:auto;max-height:60vh;margin:0 auto;display:block}.pad-video-shape{border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:8px;padding-top:12px;display:flex}.pad-video-summary{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);border-top:1px solid #ffffff14;flex-shrink:0;margin:0;padding-top:12px}.pad-video-shape-label{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}.pad-video-shape-btns{gap:8px;display:flex}.pad-video-shape-btns .pad-video-shape-btn{flex:1}.pad-wizard-footer-wrap{background:var(--background);flex-shrink:0}.pad-wizard-footer-wrap .pad-video-shape{padding:12px 0 0}.pad-rail-media{aspect-ratio:16/9;background-color:var(--surface-solid);background-position:50%;background-size:cover;border-radius:14px;flex-shrink:0;position:relative;overflow:hidden}.pad-rail-media-skeleton{background:linear-gradient(100deg,#0177fd0f 30%,#0177fd29 50%,#0177fd0f 70%) 0 0/200% 100%;animation:1.4s ease-in-out infinite skeletonShimmer;position:absolute;inset:0}.pad-rail-media-el{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease-out);position:absolute;inset:0}.pad-rail-media-el--playing{opacity:1}.pad-rail-media-tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#f5f3ef;background:#06080eb3;border-radius:999px;padding:3px 9px;font-size:10px;position:absolute;bottom:8px;left:8px}.pad-video-shape-btn{border:1px solid var(--surface-border);background:var(--surface);color:var(--text-primary);font-size:var(--fs-xs);cursor:pointer;border-radius:999px;padding:8px 14px;font-weight:600;transition:border-color .15s,background .15s}.pad-video-shape-btn:hover{border-color:#0177fd59}.pad-video-shape-btn--active{border-color:var(--primary);background:#0177fd1a}.pad-video-model-btns{flex-wrap:wrap}.pad-video-shape-btns .pad-video-model-btn{flex:calc(50% - 4px)}.pad-video-model-btn{border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.pad-video-model-cost{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-secondary);font-weight:500}.pad-storyboard-actions{flex-wrap:wrap;gap:10px;display:flex}.pad-done-panel{flex:1;justify-content:center;align-items:center;min-height:0;padding:40px 24px;display:flex}.pad-done-card{flex-wrap:wrap;align-items:center;gap:32px;width:100%;max-width:980px;display:flex}.pad-result-col{flex-direction:column;flex:0 auto;gap:10px;min-width:220px;max-width:600px;display:flex}.pad-result-video-frame{width:100%;position:relative}.pad-result-video-frame--fullscreen{z-index:2000;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pad-result-img{object-fit:contain;border-radius:var(--radius-lg);border:1px solid var(--surface-border);cursor:pointer;background:#000;width:auto;max-width:100%;height:auto;max-height:340px;margin:0 auto;display:block}.pad-result-video-frame--fullscreen .pad-result-img{border:none;border-radius:0;max-width:100vw;max-height:100vh;margin:0}.pad-done-info{text-align:center;flex-direction:column;flex:260px;align-items:center;gap:6px;min-width:240px;display:flex}.pad-done-actions{align-items:center;gap:10px;margin-top:4px;display:flex}.pad-error{color:#ff6b6b;font-size:var(--fs-xs);margin-top:12px}.pad-story-list,.pad-direction-list{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.pad-story-card{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface);color:var(--text-primary);text-align:left;cursor:pointer;flex-direction:column;gap:8px;padding:16px 18px;transition:border-color .15s,background .15s;display:flex}.pad-story-card:hover{border-color:#0177fd59}.pad-story-card--active{border-color:var(--primary);background:#0177fd1a}.pad-story-card-num{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--secondary);font-weight:700}.pad-story-card-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-base)}.pad-story-card-hook{color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.5}.pad-story-card-meta{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.pad-meta-chip{border:1px solid var(--surface-border);color:var(--text-secondary);font-size:var(--fs-2xs);background:#ffffff0f;border-radius:999px;padding:3px 9px;font-weight:600}.pad-direction-card{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface);color:var(--text-primary);text-align:left;cursor:pointer;flex-direction:column;gap:10px;padding:16px 18px;transition:border-color .15s,background .15s;display:flex}.pad-direction-card:hover{border-color:#0177fd59}.pad-direction-card--active{border-color:var(--primary);background:#0177fd1a}.pad-direction-card-head{justify-content:space-between;align-items:center;display:flex}.pad-direction-card-num{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--secondary);font-weight:700}.pad-direction-card-panels{font-size:var(--fs-2xs);color:var(--text-secondary)}.pad-direction-card-style{font-family:var(--font-display);font-weight:700;font-size:var(--fs-base);line-height:1.3}.pad-direction-card-fields{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 16px;margin:0;display:grid}.pad-direction-card-field{flex-direction:column;gap:2px;display:flex}.pad-direction-card-field dt{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);opacity:.7;font-size:10px;font-weight:700}.pad-direction-card-field dd{font-size:var(--fs-xs);color:var(--text-primary);margin:0;line-height:1.5}.camset-kind-toggle{border:1px solid var(--surface-border);background:var(--surface);border-radius:999px;align-self:center;gap:2px;margin-bottom:16px;padding:3px;display:inline-flex}.camset-kind-btn{color:var(--text-secondary);font-size:var(--fs-xs);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-weight:600;display:inline-flex}.camset-kind-btn--active{color:var(--text-primary);background:#0177fd29}.camset-kind-btn:disabled{cursor:not-allowed;opacity:.55}.camset-soon{letter-spacing:.04em;text-transform:uppercase;background:#ffffff14;border-radius:999px;padding:1px 6px;font-size:10px}.camset-upload-preview{aspect-ratio:4/3;border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:#000;width:100%;max-width:420px;position:relative;overflow:hidden}.camset-fade-wrap{border-radius:inherit}.camset-upload-img{object-fit:contain;width:100%;height:100%;display:block}.camset-tabs{z-index:3;background:var(--background);scrollbar-width:none;flex-shrink:0;gap:6px;margin-bottom:4px;padding:4px 0 12px;display:flex;position:sticky;top:0;overflow-x:auto}.camset-tabs::-webkit-scrollbar{display:none}.camset-tab{border:1px solid var(--surface-border);background:var(--surface);color:var(--text-secondary);font-size:var(--fs-xs);white-space:nowrap;cursor:pointer;border-radius:999px;flex-shrink:0;padding:7px 14px;font-weight:600;transition:border-color .15s,color .15s,background .15s;position:relative}.camset-tab:hover{color:var(--text-primary)}.camset-tab--active{border-color:var(--primary);color:var(--text-primary);background:#0177fd24}.camset-tab-dot{background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:6px}.camset-grid{flex-shrink:0;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;scroll-margin-top:60px;display:grid}.camset-panel .veff-style-footer{background:linear-gradient(to top, var(--background) 75%, transparent);padding-top:24px}.camset-card{text-align:left;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface);color:inherit;font:inherit;cursor:pointer;flex-direction:column;padding:0;transition:border-color .15s,background .15s,transform .15s;display:flex;overflow:hidden}.camset-card:hover{border-color:#ffffff38}.camset-card--active{border-color:var(--primary);background:#0177fd1a}.camset-card-media{aspect-ratio:4/3;border-bottom:1px solid var(--surface-border);background:radial-gradient(circle at 30% 20%,#0177fd1f,#0000 60%),#ffffff06;justify-content:center;align-items:center;display:flex;position:relative}.camset-card-media-icon{color:#ffffff2e}.camset-card-num{color:#fffc;font-family:var(--font-mono);background:#0608148c;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.camset-card-check{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:8px;right:8px}.camset-card-body{flex-direction:column;gap:3px;padding:10px 12px 12px;display:flex}.camset-card-title{font-size:var(--fs-xs);color:var(--text-primary);font-weight:700}.camset-card-command{font-family:var(--font-mono);color:var(--primary);font-size:11px}.camset-card-desc{font-size:var(--fs-2xs);color:var(--text-secondary);margin-top:2px;line-height:1.45}.camset-footer-row{align-items:stretch;gap:10px;max-width:760px;margin:0 auto;display:flex}.camset-note{resize:none;flex:1;min-width:0;min-height:42px}.camset-generate-btn{white-space:nowrap;flex-shrink:0;width:auto;min-height:42px;margin:0;padding:0 18px}.camset-generate-label{text-overflow:ellipsis;max-width:220px;overflow:hidden}@media (max-width:560px){.camset-footer-row{flex-direction:column}.camset-generate-btn{justify-content:center;width:100%}}.camset-done-card{flex-direction:column;gap:20px;width:100%;max-width:980px;display:flex}.camset-compare{grid-template-columns:1fr 1fr;gap:16px;display:grid}.camset-compare-col{flex-direction:column;gap:8px;min-width:0;margin:0;display:flex}.camset-compare-col figcaption{font-size:var(--fs-2xs);color:var(--text-secondary);font-weight:600}.camset-compare-col .asset-media-wrap{aspect-ratio:1;border:1px solid var(--surface-border);background:#000;height:auto}.camset-compare-img{object-fit:contain;width:100%;height:100%;display:block}.camset-done-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (max-width:640px){.camset-compare{grid-template-columns:1fr}.camset-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (min-width:768px){.camset-tabs{flex-wrap:wrap;overflow-x:visible}}.camset-label-hint{color:var(--text-secondary);font-weight:400}.camset-picked-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:760px;margin:0 auto 10px;display:flex}.camset-picked-label{font-size:var(--fs-2xs);color:var(--text-secondary);margin-right:2px}.camset-picked-chip{color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;background:#0177fd1f;border:1px solid #0177fd73;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:12px;display:inline-flex}.camset-picked-chip:hover{border-color:var(--primary)}.camset-picked-chip{font-family:inherit;font-weight:600}.camset-card-media{aspect-ratio:3/4;overflow:hidden}.camset-card-media .asset-media-wrap{border-radius:0;position:absolute;inset:0}.camset-card-img{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block}.camset-card-num,.camset-card-check{z-index:3}.camset-upload-panel{flex-direction:column;flex:1;width:100%;max-width:1100px;min-height:0;margin:0 auto;display:flex}.camset-upload-panel .camset-kind-toggle{flex-shrink:0;margin-bottom:14px}.camset-upload-stage{flex:1;justify-content:center;align-items:center;min-height:240px;display:flex;container-type:size}.camset-upload-dropzone{width:100%;max-width:640px;height:100%;max-height:420px}.camset-upload-frame{border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:#ffffff08;line-height:0;display:inline-block;position:relative;overflow:hidden}.camset-upload-img{width:auto;max-width:100cqw;height:auto;max-height:calc(100cqh - 2px);display:block}.camset-upload-frame .caption-upload-remove-btn{z-index:3}.camset-upload-footer{border-top:1px solid var(--surface-border);flex-shrink:0;justify-content:center;margin-top:12px;padding-top:16px;display:flex}.camset-continue-btn{justify-content:center;align-items:center;width:100%;max-width:420px;display:flex}.camset-tabs{padding-top:20px;top:-16px}.camset-card-media{aspect-ratio:1}.camset-card-img{object-position:center}.camset-tabs{z-index:6}.camset-panel .veff-style-footer{z-index:7}.camset-page .caption-wizard-content{padding-bottom:0}.camset-panel .camset-tabs{background:0 0;padding-top:4px;position:static;top:auto}.camset-panel .camset-grid{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex:1 1 0;grid-auto-rows:max-content;align-content:start;min-height:0;padding:2px 4px 12px 2px;overflow-y:auto}.camset-panel .veff-style-footer{border-top:1px solid var(--surface-border);background:0 0;margin-top:0;padding:12px 0 14px;position:static}.camset-upload-footer{padding-bottom:14px}.camset-tab,.camset-kind-btn,.camset-note-toggle{font-family:inherit}.camset-note-toggle,.camset-compare-switch{display:none}.camset-open-btn{justify-content:center;align-items:center;gap:8px;width:auto;padding:10px 20px;display:inline-flex}.camset-card-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:1024px){.camset-tabs{scroll-snap-type:x proximity;flex-wrap:nowrap;overflow-x:auto}.camset-tab{scroll-snap-align:center}.camset-card-desc{-webkit-line-clamp:2}}@media (max-width:640px){.camset-upload-panel .camset-kind-toggle{display:none}.camset-upload-dropzone{max-height:none}.camset-continue-btn{max-width:none;min-height:48px}.camset-panel>.veff-style-label{display:none}.camset-tabs{gap:8px;padding-bottom:10px}.camset-tab{min-height:40px;font-size:var(--fs-sm);align-items:center;padding:0 16px;display:inline-flex}.camset-tab-dot{top:6px;right:8px}.camset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.camset-card-desc{display:none}.camset-card-body{padding:9px 10px 11px}.camset-card-title{font-size:var(--fs-sm);font-weight:600}.camset-card-check{width:24px;height:24px}.camset-panel .veff-style-footer{margin-top:12px;padding-top:18px}.camset-picked-row{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin-bottom:8px;overflow-x:auto}.camset-picked-row::-webkit-scrollbar{display:none}.camset-picked-label,.camset-picked-chip{flex-shrink:0}.camset-picked-chip{min-height:32px;padding:0 12px}.camset-footer-row{flex-flow:wrap;gap:8px}.camset-note-toggle{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}.camset-note-toggle--on{border-color:var(--primary);color:var(--text-primary)}.camset-note{flex-basis:100%;order:-1;min-height:48px}.camset-note--collapsed{display:none}.camset-generate-btn{flex:1;justify-content:center;width:auto;min-height:48px}.camset-page .veff-done-panel{align-items:flex-start;padding:4px 0 16px}.camset-compare-switch{border:1px solid var(--surface-border);background:var(--surface);border-radius:999px;align-self:center;gap:2px;padding:3px;display:inline-flex}.camset-compare-switch .camset-kind-btn{min-height:34px;padding:0 18px}.camset-done-card{gap:14px}.camset-compare{scroll-snap-type:x mandatory;scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.camset-compare::-webkit-scrollbar{display:none}.camset-compare-col{scroll-snap-align:center;flex:0 0 100%}.camset-compare-col figcaption{display:none}.camset-done-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.camset-done-actions .reshape-secondary-btn{min-height:58px;font-size:var(--fs-2xs);flex-direction:column;justify-content:center;gap:5px;padding:8px 4px}.camset-open-btn{order:-1;grid-column:1/-1;width:100%;min-height:48px}}.wizard-mstep,.wizard-back--prev,.wizard-drop-touch{display:none}@media (hover:none) and (pointer:coarse){.wizard-drop-mouse{display:none}.wizard-drop-touch{display:inline}}@media (max-width:1024px){.tool-page--wizard{height:calc(100dvh - 120px)}}@media (max-width:900px){.tool-page--wizard .caption-wizard-tabbar{border-bottom:1px solid var(--surface-border);background:0 0;gap:12px;padding:10px 0;position:static}.tool-page--wizard .caption-wizard-back{width:36px;height:36px}.caption-wizard-tabbar:has(.wizard-back--prev)>.caption-wizard-back:not(.wizard-back--prev){display:none}.wizard-back--prev{display:flex}.wizard-back--prev:disabled{opacity:.4;cursor:not-allowed}.wizard-mstep{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.wizard-mstep-label{min-width:0;font-size:var(--fs-sm);color:var(--text-primary);white-space:nowrap;align-items:baseline;gap:8px;font-weight:600;display:flex}.wizard-mstep-count{font-size:var(--fs-2xs);color:var(--text-secondary);font-weight:500}.wizard-mstep-bar{gap:4px;display:grid}.wizard-mstep-seg{background:var(--surface-border);border-radius:2px;height:3px}.wizard-mstep-seg--on{background:linear-gradient(90deg, var(--secondary), var(--primary))}}.caption-wizard-content:has(>.veff-style-panel){padding-bottom:0}.veff-style-panel>.veff-style-grid{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex:1 1 0;grid-auto-rows:max-content;align-content:start;min-height:0;padding:2px 4px 12px 2px;overflow-y:auto}.veff-style-panel>.veff-style-footer{border-top:1px solid var(--surface-border);background:0 0;margin-top:0;padding:12px 0 14px;position:static}@media (max-width:900px){.th-step-head .th-eyebrow{display:none}.caption-wizard-content:has(>.caption-upload-panel){padding-bottom:0}.tool-page--wizard .caption-upload-panel{flex:1;min-height:0;margin:0 auto;padding-bottom:14px}.tool-page--wizard .caption-upload-panel>.veff-script-input{resize:none;flex:1;min-height:160px}.tool-page--wizard .caption-upload-panel>.caption-upload-dropzone{flex:1;min-height:220px}.tool-page--wizard .caption-upload-panel>.caption-upload-preview{margin-bottom:auto}.tool-page--wizard .caption-upload-panel>.caption-tool-upload-btn{min-height:48px}.caption-wizard-content:has(>.caption-upload-panel>.caption-upload-preview){overflow:hidden}.tool-page--wizard .caption-upload-panel>.caption-upload-preview{flex:1 1 0;gap:8px;min-height:0;margin-bottom:0}.tool-page--wizard .caption-upload-preview>.caption-upload-preview-video-wrap:not(.caption-upload-preview-video-wrap--fullscreen){aspect-ratio:auto;flex:1 1 0;width:100%;max-width:none;min-height:120px}.tool-page--wizard .caption-upload-preview>:not(.caption-upload-preview-video-wrap){flex:none;width:100%}.tool-page--wizard .caption-upload-preview>.caption-upload-language-row{max-width:none}.tool-page--wizard .caption-upload-panel:has(>.caption-upload-preview)>.caption-tool-upload-btn{margin-top:12px}.tool-page--wizard .caption-upload-panel:has(>.caption-upload-preview)>.btn-secondary-sm{margin-top:8px!important}.caption-wizard-content:has(>.caption-tool-body>.caption-mobile-fixed-bottom){padding-bottom:0}.caption-tool-body:has(>.caption-mobile-fixed-bottom){padding-bottom:0}.caption-tool-body>.caption-mobile-fixed-bottom{background:#100f0df7;margin:auto -16px 0;padding:10px 16px 12px;position:sticky;bottom:0;left:auto;right:auto}}@media (max-width:960px){.th-wizard-content{padding-bottom:0;overflow:hidden}.th-layout{flex-direction:column;flex:1 1 0;gap:0;min-height:0;padding-top:0;display:flex}.th-main{overscroll-behavior:contain;flex:1 1 0;min-height:0;padding-top:0;padding-bottom:20px;overflow-y:auto;-webkit-mask-image:none;mask-image:none}.th-layout>.th-actions--footer{border-top:1px solid var(--surface-border);flex-shrink:0;margin-top:0;padding:12px 0 14px}.pad-layout:has(>.pad-main--loading){flex-direction:column;flex:1 1 0;min-height:0;display:flex}.pad-layout>.pad-main--loading{flex:1 1 0;min-height:0;padding-bottom:16px;overflow:hidden}.pad-wizard-content:has(.pad-main--loading){overflow:hidden}.th-main.th-main--pinned{flex-direction:column;padding-bottom:0;display:flex;overflow-y:auto}.th-main--pinned>*{flex-shrink:0}.th-main--pinned>.th-step-head{margin-bottom:18px}.th-main--pinned>.th-step-fill{flex-direction:column;flex:auto;min-height:0;padding-bottom:14px;display:flex}.th-step-fill>*{flex-shrink:0}.th-step-fill>.th-script-textarea--lg,.th-step-fill>.th-audio-drop,.th-step-fill>.th-setting-textarea{flex:auto;min-height:140px}.th-step-fill>.th-script-textarea--lg,.th-step-fill>.th-setting-textarea{resize:none;overflow-y:auto}.th-step-fill>.th-audio-drop{margin-bottom:42px}.th-setting-custom>.th-setting-saved{max-height:42%;overflow-y:auto}.th-main--pinned>.th-step-scroll{overscroll-behavior:contain;flex:auto;min-height:0;padding-bottom:14px;overflow-y:auto}}@media (max-width:760px){.th-modal-backdrop:has(.th-modal-body--character){align-items:stretch;padding:0}.th-modal:has(.th-modal-body--character){width:100%;height:100dvh;max-height:none;box-shadow:none;border:none;border-radius:0}.th-modal-body--character{overscroll-behavior:contain;flex-direction:column;display:flex}.th-modal-body--character>.th-modal-form{padding:22px 22px 8px}.th-modal-body--character>.th-modal-preview{display:contents}.th-modal-body--character .th-modal-frame{flex-shrink:0;align-self:center;width:calc(100% - 44px);max-width:340px;margin:8px 0 16px}.th-modal-body--character .th-modal-frame--empty{display:none}.th-modal-body--character .th-modal-actions{z-index:3;padding:12px 22px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--surface-border);background:#0b0a09;flex-shrink:0;margin-top:auto;position:sticky;bottom:0}.th-modal-body--character .th-modal-actions .th-btn{min-height:48px}.th-modal-body--character .th-mode{letter-spacing:.05em;white-space:nowrap;padding:10px 8px}}.csl-img{border-radius:inherit;position:absolute;inset:0}.csl-img>img{object-fit:cover;width:100%;height:100%;display:block}.csl-stage-side .csl-img>img{object-position:60% center}.csl-cat .thl-clip-frame,.csl-sample .thl-clip-frame{position:relative}.csl-cat figcaption{max-width:260px}.csl-cat figcaption span{white-space:nowrap;text-overflow:ellipsis;text-transform:none;letter-spacing:.02em;overflow:hidden}.csl-cat-count{z-index:2;color:#fff;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0608149e;border-radius:999px;padding:3px 9px;font-size:11px;position:absolute;top:10px;left:10px}.csl-sample figcaption{max-width:190px}.csl-compare-wrap{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:center;gap:44px;display:grid}.csl-compare{aspect-ratio:1;background:var(--surface-solid);touch-action:pan-y;-webkit-user-select:none;user-select:none;border:1px solid #ffffff24;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080,0 0 60px #0177fd1f}.csl-compare-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0);position:absolute;inset:0}.csl-compare-tag{z-index:3;color:#fff;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#060814a8;border-radius:999px;padding:4px 11px;font-size:11px;position:absolute;top:14px}.csl-compare-tag--before{left:14px}.csl-compare-tag--after{background:#0177fdc7;right:14px}.csl-compare-line{top:0;bottom:0;left:var(--pos);z-index:3;pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 18px #0177fde6}.csl-compare-knob{background:#fff;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:50%;left:50%;box-shadow:0 6px 20px #00000073}.csl-compare-knob:before,.csl-compare-knob:after{content:"";border:5px solid #0000;width:0;height:0;margin-top:-5px;position:absolute;top:50%}.csl-compare-knob:before{border-right-color:#0b0a09;left:8px}.csl-compare-knob:after{border-left-color:#0b0a09;right:8px}.csl-compare-range{z-index:4;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.csl-compare:has(.csl-compare-range:focus-visible){outline:2px solid var(--primary);outline-offset:4px}.csl-compare-side{flex-direction:column;gap:22px;min-width:0;display:flex}.csl-compare-meta h3{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--text-primary);margin:8px 0;font-style:italic;font-weight:700}.csl-compare-meta p{color:var(--text-secondary);margin:0;line-height:1.55}.csl-compare-picks{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.csl-compare-pick{color:var(--text-secondary);font-family:inherit;font-size:var(--fs-2xs);text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;padding:0;display:flex}.csl-compare-pick>.csl-img{aspect-ratio:1;border:2px solid #0000;border-radius:12px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.csl-compare-pick:hover>.csl-img{transform:translateY(-2px)}.csl-compare-pick--active{color:var(--text-primary)}.csl-compare-pick--active>.csl-img{border-color:var(--primary)}.csl-compare-pick>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csl-compare-cta{align-self:flex-start}@media (max-width:900px){.csl-compare-wrap{grid-template-columns:minmax(0,1fr);gap:22px}.csl-compare{width:100%;max-width:560px;margin:0 auto}}@media (max-width:640px){.csl-compare-picks{scrollbar-width:none;gap:10px;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.csl-compare-picks::-webkit-scrollbar{display:none}.csl-compare-pick{flex:0 0 76px}.csl-compare-cta{justify-content:center;align-self:stretch}.csl-cat{--clip-h:220px!important}}.thl-rail-wrap--steps .thl-rail>:first-child{margin-left:auto}.thl-rail-wrap--steps .thl-rail>:last-child{margin-right:auto}.csl-reel{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.csl-reel-slide{opacity:0;transition:opacity .7s;position:absolute;inset:0}.csl-reel-slide--on{opacity:1;z-index:1}.csl-reel-slide .csl-img>img{object-position:50% center}.csl-reel-slide--on .csl-img>img{animation:cslReelPush var(--reel-s,2.4s) linear both}@keyframes cslReelPush{0%{transform:scale(1.02)}to{transform:scale(1.1)}}.csl-reel:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#00000073,#0000 22%),linear-gradient(#0000 62%,#000000b3);position:absolute;inset:0}.csl-reel-bars{z-index:3;gap:3px;display:flex;position:absolute;top:10px;left:10px;right:10px}.csl-reel-bar{background:#ffffff47;border-radius:2px;flex:1;height:2px;position:relative;overflow:hidden}.csl-reel-bar--done{background:#ffffffe6}.csl-reel-fill{transform-origin:0;animation:cslReelFill var(--reel-s,2.4s) linear both;background:#fff;position:absolute;inset:0}@keyframes cslReelFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.csl-reel-caption{z-index:3;animation:cslReelCaption .5s var(--ease-out) both;flex-direction:column;gap:2px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.csl-reel-caption strong{font-family:var(--font-display);color:#fff;font-size:clamp(15px,1.5vw,22px);font-style:italic;font-weight:700;line-height:1.1}.csl-reel-caption span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;font-size:10px}@keyframes cslReelCaption{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.csl-reel-slide--on .csl-img>img,.csl-reel-fill{animation:none}}.rsl-explorer{grid-template-columns:minmax(0,620px) minmax(0,1fr);align-items:center;gap:44px;display:grid}.rsl-explorer-stage{justify-content:center;align-items:center;height:460px;display:flex;container-type:size}.rsl-explorer-frame{width:min(100cqw, 100cqh * var(--r,1));height:min(100cqh, 100cqw / var(--r,1));background:var(--surface-solid);transition:width .55s var(--ease-out), height .55s var(--ease-out);border:1px solid #ffffff24;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080,0 0 60px #0177fd1f}.rsl-explorer-slide{opacity:0;transition:opacity .45s;position:absolute;inset:0}.rsl-explorer-slide--on{opacity:1;z-index:1}.rsl-explorer-tag{z-index:2;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.08em;color:var(--text-primary);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050a14b8;border:1px solid #ffffff29;border-radius:999px;padding:4px 10px;position:absolute;top:12px;left:12px}.rsl-explorer-side{flex-direction:column;gap:22px;min-width:0;display:flex}.rsl-explorer-sets{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:-12px;display:grid}.rsl-explorer-set{border:1px solid var(--surface-border);background:var(--surface);min-width:0;color:var(--text-secondary);text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;gap:8px;padding:8px;font-family:inherit;transition:border-color .2s,background .2s;display:flex}.rsl-explorer-set:hover{border-color:#0177fd73}.rsl-explorer-set--active{border-color:var(--primary);background:#0177fd1f}.rsl-explorer-set-thumb{aspect-ratio:16/9;border:1px solid #ffffff24;border-radius:9px;width:100%;position:relative;overflow:hidden}.rsl-explorer-set-text{flex-direction:column;gap:2px;min-width:0;padding:0 2px 2px;display:flex}.rsl-explorer-set-text strong{font-size:var(--fs-xs);color:var(--text-primary);font-weight:600}.rsl-explorer-set-text strong,.rsl-explorer-set-text>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rsl-explorer-set-text>span{font-size:var(--fs-2xs)}.rsl-stage-side .csl-img>img{object-position:center}.rsl-explorer-meta h3{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--text-primary);margin:8px 0;font-style:italic;font-weight:700}.rsl-explorer-meta p{color:var(--text-secondary);margin:0;line-height:1.55}.rsl-explorer-picks{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.rsl-explorer-pick{border:1px solid var(--surface-border);background:var(--surface);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-2xs);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px 4px 10px;transition:border-color .2s,color .2s,background .2s,transform .2s;display:flex}.rsl-explorer-pick:hover{color:var(--text-primary);transform:translateY(-2px)}.rsl-explorer-pick--active{border-color:var(--primary);color:var(--text-primary);background:#0177fd1f}.rsl-ratio-glyph{width:min(22px, 22px * var(--r,1));height:min(22px, 22px / var(--r,1));border:1.5px solid;border-radius:3px}.rsl-clip .thl-clip-frame{position:relative}.rsl-clip figcaption{max-width:calc(var(--clip-h) * var(--rw,1))}.rsl-clip figcaption strong,.rsl-clip figcaption span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:900px){.rsl-explorer{grid-template-columns:minmax(0,1fr);gap:22px}.rsl-explorer-stage{height:380px}}@media (max-width:640px){.rsl-explorer-stage{height:300px}.rsl-explorer-picks{gap:6px}.rsl-explorer-pick{padding:10px 2px 8px}}.pbl-shot{aspect-ratio:1;background:var(--surface-solid);border:1px solid #ffffff24;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080,0 0 60px #0177fd1f}.pbl-prompt{border:1px solid var(--surface-border);background:var(--surface);animation:fadeIn .35s var(--ease-out);border-radius:16px;flex-direction:column;gap:12px;padding:18px 20px;display:flex}.pbl-prompt-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.pbl-mode-chip{border:1px solid var(--primary);color:var(--text-primary);font-size:var(--fs-2xs);background:#0177fd24;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.pbl-prompt-text{max-height:190px;font-size:var(--fs-sm);color:#f5f3efe0;scrollbar-width:thin;margin:0;padding-right:6px;line-height:1.6;overflow-y:auto}.pbl-copy-btn{border:1px solid var(--surface-border);background:var(--surface);color:var(--text-secondary);font-family:inherit;font-size:var(--fs-xs);cursor:pointer;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:7px 14px;transition:color .2s,border-color .2s;display:inline-flex}.pbl-copy-btn:hover{color:var(--text-primary);border-color:#0177fd73}@media (max-width:900px){.pbl-shot{width:100%;max-width:560px;margin:0 auto}}.home-hero--gallery{background:var(--background)}.home-hero--gallery .home-hero-inner{grid-template-columns:minmax(0,1fr);justify-items:center;max-width:980px}.home-hero--gallery .home-hero-content{text-align:center;flex-direction:column;align-items:center;max-width:860px;display:flex}.home-hero--gallery .home-hero-content h1{text-shadow:0 10px 60px #000000b3}.home-hero--gallery .home-hero-content>p{max-width:560px}.home-hero--gallery .home-hero-actions,.home-hero--gallery .home-hero-quick{justify-content:center}.home-hero-tools{animation:heroEnter .75s var(--ease-out) .5s both;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px;display:flex}.home-hero-tool{font-size:var(--fs-xs);color:#f5f3efcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:7px 14px;text-decoration:none;transition:color .2s,border-color .2s,background .2s}.home-hero-tool:hover{color:var(--text-primary);background:#0177fd24;border-color:#0177fd8c}.hhg{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hhg-stage{perspective:1400px;perspective-origin:50% 35%;position:absolute;inset:-20% -10%}.hhg-wall{--gap:22px;gap:var(--gap);width:2600px;height:2600px;transform-style:preserve-3d;justify-content:center;margin:-1300px 0 0 -1300px;display:flex;position:absolute;top:50%;left:50%;transform:rotateX(48deg)rotate(-22deg)translateZ(-120px)}.hhg-col{gap:var(--gap);padding-bottom:var(--gap);will-change:transform;flex-direction:column;flex:none;width:250px;animation:60s linear infinite hhgUp;display:flex}.hhg-col:nth-child(2n){animation-name:hhgDown;animation-duration:70s}.hhg-col:nth-child(3n){animation-duration:54s}.hhg-tile{background:#111;border-radius:18px;flex:none;position:relative;overflow:hidden;box-shadow:0 30px 60px #0000008c}.hhg-tile:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1f}.hhg-tile--p{aspect-ratio:9/16}.hhg-tile--l{aspect-ratio:16/10}.hhg-tile--s{aspect-ratio:1}.hhg-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s;display:block}.hhg-img--on{opacity:1}@keyframes hhgUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes hhgDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.hhg-glow{filter:blur(30px);background:radial-gradient(#0177fd42,#0000 65%);width:900px;height:500px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.hhg-fog{background:radial-gradient(ellipse 64% 60% at 50% 50%, #080807f2 0%, #080807db 45%, #0808076b 74%, #08080714 94%), linear-gradient(180deg, #080807f2 0%, #08080700 20%, #08080700 72%, var(--background) 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hhg-col{animation:none}}@media (max-width:768px){.home-hero--gallery{justify-content:center}.home-hero--gallery .home-hero-inner{flex:none}.hhg-wall{--gap:14px;transform:rotateX(48deg)rotate(-22deg)translateZ(-460px)}.hhg-col{width:150px}.hhg-tile{border-radius:12px}.hhg-stage{perspective:900px}.hhg-fog{background:radial-gradient(ellipse 88% 50% at 50% 50%, #080807f2 0%, #080807db 52%, #08080766 82%, #0808071a 100%), linear-gradient(180deg, #080807e6 0%, #08080700 16%, #08080700 80%, var(--background) 100%)}.home-hero-tools{gap:6px;margin-top:20px}.home-hero-tool{font-size:var(--fs-2xs);padding:6px 11px}}.hts{--hts-top:74px;--hts-bottom:0px;height:calc(var(--n) * 90vh + 10vh);position:relative}.hts-pin{top:var(--hts-top);height:calc(100svh - var(--hts-top) - var(--hts-bottom));grid-template-columns:minmax(250px,.34fr) minmax(0,1fr);align-items:center;gap:44px;max-width:1500px;margin:0 auto;padding:3vh 4vw;display:grid;position:sticky}.hts-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-primary);margin:14px 0 0;font-size:clamp(30px,3.2vw,48px);font-weight:700;line-height:1.05}.hts-title em{color:var(--primary);font-style:italic}.hts-index{flex-direction:column;margin:22px 0 0;padding:0;list-style:none;display:flex;position:relative}.hts-index-item{text-align:left;cursor:pointer;width:100%;font-family:var(--font-display);color:#f5f3ef52;transition:color .35s ease, transform .35s var(--ease-out);background:0 0;border:none;grid-template-columns:34px 1fr;align-items:center;padding:9px 0;font-size:clamp(17px,1.35vw,21px);display:grid}.hts-index-item span{font-family:var(--font-mono);letter-spacing:.14em;color:#f5f3ef40;font-size:11px;transition:color .35s}.hts-index-item:hover{color:#f5f3ef99}.hts-index-item--on{color:var(--text-primary);font-style:italic;transform:translate(6px)}.hts-index-item--on span{color:var(--secondary)}.hts-meter{background:#ffffff14;border-radius:2px;height:2px;margin-top:18px;overflow:hidden}.hts-meter span{background:linear-gradient(90deg, var(--primary), var(--secondary));width:0;height:100%;display:block}.hts-deck{height:min(100%,800px);position:relative}.hts-card{transform-origin:50% 0;will-change:transform;border-radius:30px;grid-template-rows:auto minmax(0,1fr);gap:18px;padding:26px 26px 22px;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 -24px 60px #00000073,0 30px 80px #00000059}.hts-card--blue{color:#fff;background:linear-gradient(160deg,#1a87ff,#0158c9)}.hts-card--white{color:#111;background:#f5f3ef}.hts-card--gray{color:var(--text-primary);background:linear-gradient(160deg,#2d2f35,#1f2126)}.hts-card-top{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.hts-card-num{font-family:var(--font-mono);letter-spacing:.2em;opacity:.7;font-size:12px}.hts-card h3{font-family:var(--font-display);letter-spacing:-.015em;margin:8px 0 0;font-size:clamp(32px,3.4vw,56px);font-weight:700;line-height:1}.hts-card h3 em{font-style:italic}.hts-card p{opacity:.78;max-width:460px;margin:10px 0 0;font-size:16px;line-height:1.55}.hts-card-go{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;flex:none;align-items:center;gap:12px;padding:9px 9px 9px 22px;font-size:12px;text-decoration:none;transition:transform .2s;display:inline-flex}.hts-card-go:hover{transform:translate(3px)}.hts-card-go b{border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.hts-card--blue .hts-card-go{color:#0158c9;background:#fff}.hts-card--blue .hts-card-go b{color:#fff;background:#0158c9}.hts-card--white .hts-card-go{color:#f5f3ef;background:#111}.hts-card--white .hts-card-go b,.hts-card--gray .hts-card-go{background:var(--primary);color:#fff}.hts-card--gray .hts-card-go b{color:var(--primary);background:#fff}.hts-media{background:#000;border-radius:20px;min-height:0;position:relative;overflow:hidden}.hts-card--white .hts-media{box-shadow:0 0 0 1px #00000014}.hts-still,.hts-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hts-still{opacity:0;transition:opacity .5s}.hts-still--on{opacity:1}.hts-video{opacity:0;transition:opacity .5s}.hts-video--live{opacity:1}.hts-card-shade{border-radius:inherit;opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}@media (max-width:1024px){.hts{--hts-top:56px;--hts-bottom:64px}}@media (max-width:860px){.hts-pin{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:12px;padding:14px 16px 16px}.hts-title{margin-top:6px;font-size:26px}.hts-index{scrollbar-width:none;flex-direction:row;gap:14px;margin-top:10px;overflow-x:auto}.hts-index::-webkit-scrollbar{display:none}.hts-index-item{white-space:nowrap;grid-template-columns:auto auto;gap:6px;padding:4px 0;font-size:16px}.hts-index-item--on{transform:none}.hts-meter{display:none}.hts-deck{height:calc(100% - 26px);margin-top:26px}.hts-card{border-radius:22px;gap:14px;padding:16px}.hts-card-top{flex-direction:column;align-items:flex-start;gap:12px}.hts-card h3{font-size:30px}.hts-card p{font-size:14px}.hts-card-go{padding:7px 7px 7px 16px;font-size:11px}.hts-card-go b{width:28px;height:28px}}.home-sec-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-primary);margin:14px 0 0;font-size:clamp(30px,3.6vw,54px);font-weight:700;line-height:1.05}.home-sec-title em{color:var(--primary);font-style:italic}.home-sec-lead{max-width:520px;color:var(--text-secondary);margin:14px auto 0;font-size:16px;line-height:1.55}.home-fade-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}.home-fade-img--on{opacity:1}.hmw{padding:120px 0 110px;position:relative;overflow:hidden}.hmw-head{text-align:center;z-index:2;padding:0 24px;position:relative}.hmw-wall{--hmw-h:230px;flex-direction:column;gap:16px;margin-top:64px;display:flex;position:relative;transform:rotate(-3deg)scale(1.06)}.hmw:before,.hmw:after{content:"";z-index:3;pointer-events:none;width:18vw;position:absolute;top:0;bottom:0}.hmw:before{background:linear-gradient(90deg,#080807 10%,#08080700);left:0}.hmw:after{background:linear-gradient(270deg,#080807 10%,#08080700);right:0}.hmw-row{will-change:transform;gap:16px;width:max-content;display:flex}.hmw-row>.hmw-tile{flex:none}.hmw-row--a{animation:70s linear infinite hmwLeft}.hmw-row--b{animation:80s linear infinite hmwRight}.hmw-row{padding-right:16px}@keyframes hmwLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes hmwRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.hmw-tile{height:var(--hmw-h);background:#121210;border:1px solid #f5f3ef0f;border-radius:16px;position:relative;overflow:hidden}.hmw-tile--p{aspect-ratio:9/16}.hmw-tile--l{aspect-ratio:16/10}.hmw-tile--s{aspect-ratio:1}@media (max-width:760px){.hmw{padding:84px 0 76px}.hmw-wall{--hmw-h:150px;gap:10px;margin-top:44px}.hmw-row{gap:10px;padding-right:10px}.hmw-tile{border-radius:12px}.hmw:before,.hmw:after{width:12vw}}.hnum{padding:40px 0 110px;position:relative}.hnum-inner{max-width:1180px;margin:0 auto;padding:0 32px}.hnum-head{text-align:center}.hnum-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px;display:grid}.hnum-card{opacity:0;background:linear-gradient(#f5f3ef0b,#f5f3ef04);border:1px solid #f5f3ef14;border-radius:20px;flex-direction:column;gap:10px;padding:30px 26px 28px;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1),border-color .3s;display:flex;position:relative;transform:translateY(18px)}.hnum-card:hover{border-color:#0177fd73}.hnum-inner.reveal--in .hnum-card{opacity:1;transform:none}.hnum-inner.reveal--in .hnum-card:nth-child(2){transition-delay:80ms}.hnum-inner.reveal--in .hnum-card:nth-child(3){transition-delay:.16s}.hnum-inner.reveal--in .hnum-card:nth-child(4){transition-delay:.24s}.hnum-n{font-family:var(--font-display);background:linear-gradient(135deg,#f5f3ef 20%,#00d4ff 70%,#0177fd);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,5vw,72px);font-weight:700;line-height:1}.hnum-card span{color:var(--text-secondary);font-size:14.5px;line-height:1.5}.hnum-models{margin-top:56px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.hnum-track{gap:12px;width:max-content;padding-right:12px;animation:48s linear infinite hmwLeft;display:flex}.hnum-models:hover .hnum-track{animation-play-state:paused}.hnum-pill{white-space:nowrap;background:#f5f3ef0a;border:1px solid #f5f3ef14;border-radius:999px;flex:none;align-items:center;gap:10px;padding:10px 18px 10px 10px;font-size:14px;display:inline-flex}.hnum-pill i{color:#f5f3ef;background:#f5f3ef14;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.hnum-pill b{color:var(--text-primary);font-weight:600}.hnum-pill>span{color:var(--text-secondary)}@media (max-width:900px){.hnum-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:760px){.hnum{padding:24px 0 80px}.hnum-inner{padding:0 16px}.hnum-grid{margin-top:32px}.hnum-card{border-radius:16px;padding:22px 18px}.hnum-card span{font-size:13px}.hnum-models{margin-top:36px}.hnum-pill{padding:8px 14px 8px 8px;font-size:13px}.hnum-pill i{width:28px;height:28px}}.hhw{max-width:1180px;margin:0 auto;padding:40px 32px 100px}.hhw-head{text-align:center}.hhw-steps{grid-template-columns:repeat(3,1fr);gap:18px;margin:52px 0 0;padding:0;list-style:none;display:grid}.hhw-step{opacity:0;background:#0f0f0d;border:1px solid #f5f3ef14;border-radius:22px;flex-direction:column;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden;transform:translateY(22px)}.hhw-steps.reveal--in .hhw-step{opacity:1;transform:none}.hhw-steps.reveal--in .hhw-step:nth-child(2){transition-delay:.1s}.hhw-steps.reveal--in .hhw-step:nth-child(3){transition-delay:.2s}.hhw-copy{padding:22px 24px 26px}.hhw-kicker{font-family:var(--font-mono,"DM Mono", monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--secondary);font-size:11.5px}.hhw-kicker b{color:var(--text-secondary);margin-right:6px;font-weight:500}.hhw-copy h3{font-family:var(--font-display);color:var(--text-primary);margin:10px 0 0;font-size:24px;font-weight:700}.hhw-copy p{color:var(--text-secondary);margin:8px 0 0;font-size:14.5px;line-height:1.55}.hhw-vis{aspect-ratio:16/10;background:radial-gradient(120% 90% at 50% 0,#0177fd29,#0000 60%),#0b0b0a;border-bottom:1px solid #f5f3ef0f;position:relative;overflow:hidden}.hhw-vis--type{flex-direction:column;justify-content:center;gap:12px;padding:22px;display:flex}.hhw-prompt{background:#f5f3ef0d;border:1px solid #f5f3ef1a;border-radius:14px;min-height:96px;padding:14px 16px}.hhw-prompt-label{font-family:var(--font-mono,"DM Mono", monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--secondary);font-size:10.5px}.hhw-prompt p{color:var(--text-primary);margin:6px 0 0;font-size:14px;line-height:1.5}.hhw-caret{vertical-align:-.15em;background:var(--secondary);width:2px;height:1.05em;margin-left:2px;animation:1s step-end infinite hhwBlink;display:inline-block}@keyframes hhwBlink{50%{opacity:0}}.hhw-prompt-foot{align-items:center;gap:8px;display:flex}.hhw-prompt-foot span{color:var(--text-secondary);background:#f5f3ef0f;border-radius:999px;padding:5px 10px;font-size:12px}.hhw-prompt-foot b{background:var(--primary);color:#fff;border-radius:999px;margin-left:auto;padding:7px 14px;font-size:12.5px;font-weight:600}.hhw-shot{opacity:0;transition:opacity .8s,transform 2.4s;position:absolute;inset:0;transform:scale(1.06)}.hhw-shot--on{opacity:1;transform:scale(1)}.hhw-model{z-index:2;color:#f5f3ef;-webkit-backdrop-filter:blur(10px);background:#08080799;border:1px solid #f5f3ef24;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:14px;left:14px}.hhw-bar{z-index:2;background:#f5f3ef2e;border-radius:3px;height:3px;position:absolute;bottom:14px;left:14px;right:14px;overflow:hidden}.hhw-bar-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));width:0;height:100%;display:block}.hhw-bar-fill--run{animation:linear forwards hhwFill}@keyframes hhwFill{0%{width:0}to{width:100%}}.hhw-vis--edit{align-items:center;padding:20px 18px;display:flex}.hhw-tl{flex-direction:column;gap:8px;width:100%;display:flex;position:relative}.hhw-track{gap:4px;height:26px;display:flex}.hhw-track--video{height:58px}.hhw-clip{background:#161614;border:1px solid #0177fd80;border-radius:8px;flex:1;position:relative;overflow:hidden}.hhw-track--caption span{color:#cfe3ff;background:#0177fd38;border:1px solid #0177fd66;border-radius:6px;align-items:center;padding:0 10px;font-size:11px;font-weight:600;display:flex}.hhw-track--audio{background:#00d4ff12;border-radius:6px;align-items:center;gap:2px;padding:0 4px}.hhw-track--audio i{background:#00d4ff8c;border-radius:2px;flex:1}.hhw-playhead{background:var(--secondary);width:2px;position:absolute;top:-8px;bottom:-8px;left:0;box-shadow:0 0 12px #00d4ffcc}.hhw-playhead:before{content:"";background:var(--secondary);border-radius:3px;width:12px;height:12px;position:absolute;top:-5px;left:-5px}.hhw-vis--live .hhw-playhead{animation:6s linear infinite hhwPlay}@keyframes hhwPlay{0%{left:0}to{left:calc(100% - 2px)}}@media (max-width:960px){.hhw-steps{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}}@media (max-width:760px){.hhw{padding:24px 16px 72px}.hhw-steps{gap:14px;margin-top:36px}.hhw-copy{padding:18px 18px 22px}.hhw-copy h3{font-size:21px}}.hcta{padding:0 32px 110px}.hcta-band{isolation:isolate;text-align:center;opacity:0;border:1px solid #f5f3ef14;border-radius:32px;place-items:center;max-width:1180px;min-height:440px;margin:0 auto;transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1);display:grid;position:relative;overflow:hidden;transform:translateY(24px)scale(.985)}.hcta-band.reveal--in{opacity:1;transform:none}.hcta-bg{z-index:-1;position:absolute;inset:0;overflow:hidden}.hcta-bg:after{content:"";background:radial-gradient(60% 70%,#080807b8,#08080759 70%,#0808078c),linear-gradient(135deg,#0177fd59,#00d4ff14 60%,#08080733);position:absolute;inset:0}.hcta-grid{filter:blur(3px)saturate(1.1);grid-template-columns:repeat(8,1fr);gap:12px;width:150%;animation:40s ease-in-out infinite alternate hctaDrift;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}@keyframes hctaDrift{0%{transform:translate(-50%,-50%)rotate(-12deg)}to{transform:translate(-46%,-54%)rotate(-12deg)}}.hcta-tile{aspect-ratio:1;background:#141412;border-radius:14px;position:relative;overflow:hidden}.hcta-content{padding:60px 28px;position:relative}.hcta-btn{cursor:pointer;font:inherit;color:#080807;background:#f5f3ef;border:0;border-radius:999px;align-items:center;gap:12px;margin-top:28px;padding:8px 8px 8px 24px;font-size:15px;font-weight:600;transition:transform .25s,box-shadow .25s;display:inline-flex}.hcta-btn b{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .25s;display:grid}.hcta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0177fd59}.hcta-btn:hover b{transform:translate(3px)}.hcta-btn:focus-visible{outline:2px solid var(--secondary);outline-offset:3px}@media (max-width:760px){.hcta{padding:0 16px 72px}.hcta-band{border-radius:24px;min-height:400px}.hcta-grid{grid-template-columns:repeat(8,1fr);gap:8px;width:190%}.hcta-content{padding:48px 20px}}@media (prefers-reduced-motion:reduce){.hmw-row,.hnum-track,.hcta-grid,.hhw-caret{animation:none!important}.hmw-row--b{transform:translate(-25%)}.hnum-models{overflow-x:auto}}.home-latest{background:var(--background);border-bottom:0;padding:72px 0 40px}.home-latest-inner{align-items:center;gap:40px;max-width:none;padding:0 0 0 max(32px,50vw - 590px);display:flex}.home-latest-tag{font:inherit;letter-spacing:normal;text-transform:none;color:inherit;flex-direction:column;flex:none;align-items:flex-start;gap:12px;display:flex}.home-latest-live{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--secondary);align-items:center;gap:8px;font-size:11.5px;font-weight:500;display:inline-flex}.home-latest-tag h2{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-primary);margin:0;font-size:clamp(34px,3.4vw,50px);font-weight:700;line-height:1}.home-latest-tag h2 em{color:var(--primary);font-style:italic}.home-latest-marquee{padding:8px 0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 92%,#0000)}.home-latest-track{align-items:stretch;gap:14px;padding-right:14px;animation-duration:60s}.home-latest-item{border:0;border-radius:22px;flex-direction:column;align-items:flex-start;gap:6px;width:270px;margin:0;padding:18px 20px 20px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.home-latest-item:hover{transform:translateY(-4px)rotate(-1deg)}.home-latest-item--blue{color:#fff;background:linear-gradient(160deg,#1a87ff,#0158c9)}.home-latest-item--white{color:#111;background:#f5f3ef}.home-latest-item--gray{color:var(--text-primary);background:linear-gradient(160deg,#2d2f35,#1f2126)}.home-latest-item .home-latest-item-top{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;display:flex}.home-latest-icon{border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.home-latest-item>.home-latest-item-top svg{color:inherit}.home-latest-item--blue .home-latest-icon{background:#ffffff2e}.home-latest-item--white .home-latest-icon{color:#f5f3ef;background:#111}.home-latest-item--gray .home-latest-icon{background:var(--primary);color:#fff}.home-latest-item strong{font-family:var(--font-display);color:inherit;white-space:normal;font-size:21px;font-weight:700;line-height:1.1}.home-latest-item span:not(.home-latest-icon){color:inherit;opacity:.75;white-space:normal;font-size:13.5px;line-height:1.45}.home-latest-new{margin:0;padding:4px 10px;font-size:10px}.home-latest-item--blue .home-latest-new{color:#0158c9;background:#fff}@media (max-width:760px){.home-latest{padding:52px 0 24px}.home-latest-inner{flex-direction:column;align-items:stretch;gap:20px;padding:0}.home-latest-tag{padding:0 16px}.home-latest-item{border-radius:18px;width:232px;padding:16px 16px 18px}.home-latest-item strong{font-size:19px}}.tl-page{max-width:1320px}.tl-recent{margin-bottom:28px}.tl-recent-row{flex-wrap:wrap;gap:10px;display:flex}.tl-recent-item{color:var(--text-primary);background:#121210;border:1px solid #f5f3ef14;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.tl-recent-item .tl-icon{border-radius:50%;width:30px;height:30px}.tl-recent-item:hover{background:#151820;border-color:#0177fd8c}.tl-recent-arrow{opacity:.45;transition:transform .2s,opacity .2s}.tl-recent-item:hover .tl-recent-arrow{opacity:1;transform:translate(2px)}.tl-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.tl-bar .dash-section-title{margin:0}.tl-count{min-width:22px;height:20px;color:var(--text-secondary);vertical-align:1px;background:#f5f3ef14;border-radius:999px;place-items:center;margin-left:6px;padding:0 6px;font-size:11px;display:inline-grid}.tl-filters{background:#121210;border:1px solid #f5f3ef14;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.tl-filter{cursor:pointer;font:inherit;color:var(--text-secondary);background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500;transition:background .2s,color .2s}.tl-filter:hover{color:var(--text-primary)}.tl-filter--on,.tl-filter--on:hover{color:#111;background:#f5f3ef}.tl-filter:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.tl-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;display:grid}.tl-card{color:var(--text-primary);background:#111110;border:1px solid #f5f3ef12;border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.tl-card:hover{border-color:#0177fd80;transform:translateY(-3px);box-shadow:0 16px 40px #00000073}.tl-card:focus-visible{outline:2px solid var(--secondary);outline-offset:3px}.tl-media{aspect-ratio:16/9;background:#0b0b0a;position:relative;overflow:hidden}.tl-media img,.tl-media video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s,transform .5s;position:absolute;inset:0}.tl-media .tl-on{opacity:1}.tl-card:hover .tl-media .tl-on{transform:scale(1.03)}.tl-media-empty{color:#f5f3ef4d;place-items:center;display:grid;position:absolute;inset:0}.tl-kind,.tl-badge{z-index:2;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:4px 9px;font-size:10px;position:absolute;top:10px}.tl-kind{color:#f5f3efd9;-webkit-backdrop-filter:blur(8px);background:#0808079e;left:10px}.tl-badge{background:var(--primary);color:#fff;right:10px}.tl-body{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 14px 16px;display:grid}.tl-icon{border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}.tl-card--blue .tl-icon{color:#fff;background:linear-gradient(160deg,#1a87ff,#0158c9)}.tl-card--white .tl-icon{color:#111;background:#f5f3ef}.tl-card--gray .tl-icon{color:#f5f3ef;background:linear-gradient(160deg,#3a3d44,#25272d)}.tl-text h3{font-family:var(--font-display);margin:1px 0 0;font-size:19px;font-weight:700;line-height:1.15}.tl-text h3 em{font-style:italic}.tl-text p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.tl-go{width:30px;height:30px;color:var(--text-secondary);background:#f5f3ef0f;border-radius:50%;place-items:center;margin-top:3px;transition:background .2s,color .2s,transform .2s;display:grid}.tl-card:hover .tl-go{background:var(--primary);color:#fff;transform:translate(2px)}.tl-soon{margin-top:36px}.tl-soon-row{flex-wrap:wrap;gap:8px;display:flex}.tl-soon-item{color:var(--text-secondary);cursor:default;border:1px dashed #f5f3ef24;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;display:inline-flex}@media (max-width:640px){.tl-bar{flex-wrap:wrap}.tl-grid{grid-template-columns:1fr;gap:10px}.tl-card{border-radius:16px;flex-direction:row;align-items:stretch}.tl-card:hover{transform:none}.tl-media{aspect-ratio:auto;flex:none;width:clamp(112px,34vw,140px);min-height:92px}.tl-kind{padding:3px 7px;font-size:9px;top:6px;left:6px}.tl-badge{padding:3px 7px;font-size:9px;inset:auto auto 6px 6px}.tl-body{flex:1;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;padding:12px 12px 12px 14px}.tl-body>.tl-icon{display:none}.tl-text h3{font-size:17px}.tl-text p{font-size:12.5px}.tl-recent-row{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px;overflow-x:auto}.tl-recent-row::-webkit-scrollbar{display:none}.tl-recent-item{flex:none}}@media (prefers-reduced-motion:reduce){.tl-card,.tl-media img,.tl-media video,.home-latest-item{transition:none}}.home-hero--gallery{clip-path:inset(0);border-bottom:0}.hhg{clip-path:inset(0);isolation:isolate}.hhg-fog{inset:-2px}.hhg-fog:after{content:"";background:var(--background);height:10px;position:absolute;bottom:0;left:0;right:0}.hts-index-item,.hts-card h3,.hsc h3,.showcase-row-copy h3,.hnum-n,.hhw-copy h3,.home-latest-item strong,.tl-text h3{font-family:var(--font-sans);font-style:normal}.hts-card h3 em,.tl-text h3 em{font-style:normal}.hts-index-item{font-size:clamp(15px,1.1vw,17px);font-weight:500}.hts-index-item--on{font-style:normal;font-weight:600}.hts-card h3{letter-spacing:-.03em;font-size:clamp(30px,3vw,48px);font-weight:700}.hts-card h3 em{opacity:.85;font-weight:400}.hsc h3,.showcase-row-copy h3{letter-spacing:-.01em;font-weight:600}.hnum-n{letter-spacing:-.04em;font-weight:700}.hhw-copy h3{letter-spacing:-.01em;font-size:20px;font-weight:600}.home-latest-item strong{letter-spacing:-.01em;font-size:17px;font-weight:600}.tl-text h3{letter-spacing:-.005em;font-size:16px;font-weight:600}@media (max-width:760px){.home-latest-item strong{font-size:16px}.hhw-copy h3{font-size:18px}}@media (max-width:640px){.tl-text h3{font-size:15.5px}}.home-cta-primary--solid{color:#0b0b0a;font-family:var(--font-sans);letter-spacing:-.01em;text-transform:none;isolation:isolate;transition:color .35s ease, box-shadow .4s var(--ease-out), transform .4s var(--ease-out);background:#f5f3ef;border:0;gap:16px;padding:7px 7px 7px 28px;font-size:16px;font-weight:600;box-shadow:0 18px 50px #00000080,inset 0 0 0 1px #ffffff80}.home-cta-primary--solid:before{display:none}.home-cta-primary--solid .home-cta-primary-arrow{z-index:auto;width:40px;height:40px}.home-cta-primary--solid .home-cta-primary-arrow:before{content:"";z-index:-1;background:var(--primary);border-radius:50%;transition:transform .55s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.home-cta-primary--solid .home-cta-primary-arrow svg{z-index:1;transition:transform .35s var(--ease-out);position:relative}.home-cta-primary--solid:hover,.home-cta-primary--solid:focus-visible{color:#fff;border-color:#0000;box-shadow:0 0 0 6px #0177fd24,0 18px 54px #0177fd73}.home-cta-primary--solid:hover .home-cta-primary-arrow,.home-cta-primary--solid:focus-visible .home-cta-primary-arrow{transform:none}.home-cta-primary--solid:hover .home-cta-primary-arrow:before,.home-cta-primary--solid:focus-visible .home-cta-primary-arrow:before{transform:scale(14)}.home-cta-primary--solid:hover .home-cta-primary-arrow svg,.home-cta-primary--solid:focus-visible .home-cta-primary-arrow svg{transform:translate(3px)}.home-cta-primary--solid:focus-visible{outline:2px solid var(--secondary);outline-offset:4px}@media (max-width:640px){.home-cta-primary--solid{padding:6px 6px 6px 24px;font-size:15.5px}.home-cta-primary--solid .home-cta-primary-arrow{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.home-cta-primary--solid,.home-cta-primary--solid .home-cta-primary-arrow:before,.home-cta-primary--solid .home-cta-primary-arrow svg{transition:none}}.tk-hero{isolation:isolate;flex-direction:column;justify-content:center;min-height:calc(100svh - 124px);padding:56px 32px 88px;display:flex;position:relative;overflow:hidden}.tk-hero-glow{z-index:-1;pointer-events:none;background:radial-gradient(50% 55% at 76% 48%,#0177fd38,#0000 70%),radial-gradient(40% 40% at 12% 20%,#00d4ff12,#0000 70%);position:absolute;inset:0}.tk-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:64px;width:100%;max-width:1240px;margin:0 auto;display:grid}.tk-hero-copy h1{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-primary);margin:16px 0 0;font-size:clamp(38px,4.2vw,64px);font-weight:700;line-height:1.04}.tk-hero-copy h1 em{color:var(--primary);font-style:italic}.tk-hero-copy>p{max-width:470px;color:var(--text-secondary);margin:20px 0 0;font-size:17px;line-height:1.55}.tk-hero-actions{flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:32px;display:flex}.tk-hero-more{cursor:pointer;font:inherit;color:var(--text-secondary);background:0 0;border:0;align-items:center;gap:6px;padding:8px 2px;font-size:15px;font-weight:500;transition:color .2s;display:inline-flex}.tk-hero-more:hover{color:var(--text-primary)}.tk-hero-more svg{transition:transform .25s}.tk-hero-more:hover svg{transform:translateY(2px)}.tk-deck-wrap{flex-direction:column;gap:18px;display:flex}.tk-deck{aspect-ratio:16/11.2;margin-top:calc((var(--n,3) - 1) * var(--tk-lift,22px));position:relative}.tk-card{--d:0;transform-origin:50% 0;transform:translateY(calc(var(--d) * var(--tk-lift) * -1)) scale(calc(1 - var(--d) * .05));filter:brightness(calc(1 - var(--d) * .18));border-radius:26px;flex-direction:column;gap:12px;padding:14px;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s;display:flex;position:absolute;inset:0;box-shadow:0 -18px 50px #00000073,0 30px 70px #00000059}.tk-card[aria-hidden=true]{pointer-events:none}.tk-card--blue{color:#fff;background:linear-gradient(160deg,#1a87ff,#0158c9)}.tk-card--white{color:#111;background:#f5f3ef}.tk-card--gray{color:var(--text-primary);background:linear-gradient(160deg,#2d2f35,#1f2126)}.tk-deck{--tk-lift:22px}.tk-card--leaving{animation:.9s cubic-bezier(.45,0,.2,1) tkTuck}@keyframes tkTuck{0%{transform:translateY(0)scale(1)}42%{transform:translateY(16%)rotate(-2deg)scale(.95)}to{transform:translateY(calc(var(--d) * var(--tk-lift) * -1)) scale(calc(1 - var(--d) * .05))}}.tk-card-top{transition:opacity .3s}.tk-card[aria-hidden=true] .tk-card-top{opacity:0}.tk-card-top{align-items:baseline;gap:12px;padding:2px 6px 0;display:flex}.tk-card-num{font-family:var(--font-mono);letter-spacing:.18em;opacity:.7;font-size:11.5px}.tk-card-top strong{letter-spacing:-.01em;font-size:17px;font-weight:600}.tk-card-meta{opacity:.7;margin-left:auto;font-size:13px}.tk-card-media{background:#000;border-radius:16px;flex:1;min-height:0;position:relative;overflow:hidden}.tk-card--white .tk-card-media{box-shadow:0 0 0 1px #00000014}.tk-deck-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tk-chip{color:var(--text-secondary);font:inherit;cursor:pointer;background:#f5f3ef0a;border:1px solid #f5f3ef1f;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500;transition:background .2s,color .2s,border-color .2s}.tk-chip:hover{color:var(--text-primary);border-color:#f5f3ef4d}.tk-chip--on,.tk-chip--on:hover{color:#111;background:#f5f3ef;border-color:#f5f3ef}.tk-chip:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.tk-section{padding:88px 32px 16px;scroll-margin-top:72px;position:relative}.tk-section>.thl-rail-wrap,.tk-section>.tk-toggle{max-width:1240px;margin-left:auto;margin-right:auto}.tk-head{text-align:center;max-width:960px;margin:0 auto 36px}.tk-head .home-sec-lead{max-width:600px}.tk-inner{max-width:1180px;margin:0 auto}.tk-inner--narrow{max-width:820px}.tk .tk-clip figcaption{flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px;padding:0 6px}.tk .tk-clip figcaption strong{font-size:15px}.tk .tk-clip figcaption span{font-family:var(--font-sans);letter-spacing:0;text-transform:none;font-size:13px}.tk .thl-clip-frame,.tk .thl-scene-media{border-color:#f5f3ef14;border-radius:20px}.tk-character{border-radius:24px;gap:0;width:200px;padding:8px 8px 0;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;position:relative}.tk-character--blue{color:#fff;background:linear-gradient(160deg,#1a87ff,#0158c9)}.tk-character--white{color:#111;background:#f5f3ef}.tk-character--gray{color:var(--text-primary);background:linear-gradient(160deg,#2d2f35,#1f2126)}.tk-character:hover{transform:translateY(-5px)rotate(-1.2deg);box-shadow:0 22px 50px #00000073}.tk-character:nth-child(2n):hover{transform:translateY(-5px)rotate(1.2deg)}.tk .tk-character .thl-character-photo{aspect-ratio:4/5;background:#1a1a18;border:0;border-radius:17px;margin:0}.tk .tk-character:hover .thl-character-photo{border-color:#0000;transform:none}.tk .tk-character .th-img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.tk .tk-character:hover .th-img{transform:scale(1.06)}.tk-character-label{flex-direction:column;gap:2px;padding:12px 8px 14px;display:flex}.tk .tk-character-label strong{letter-spacing:-.01em;color:inherit;font-size:16px;font-weight:600}.tk .tk-character-label span{font-family:var(--font-sans);letter-spacing:0;text-transform:none;color:inherit;opacity:.7;font-size:13px}.tk .tk-scene strong{font-size:15px}.tk .thl-scene-tag{font-family:var(--font-sans);letter-spacing:0;text-transform:none;font-size:11.5px}.tk-toggle{background:#121210;border:1px solid #f5f3ef14;border-radius:999px;gap:2px;width:fit-content;padding:3px;display:flex;margin:-12px auto 22px!important}.tk-toggle-btn{cursor:pointer;font:inherit;color:var(--text-secondary);background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:7px 16px;font-size:13.5px;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.tk-toggle-btn:hover{color:var(--text-primary)}.tk-toggle-btn--on,.tk-toggle-btn--on:hover{color:#111;background:#f5f3ef}.tk-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tk-feature{opacity:0;border-radius:24px;flex-direction:column;gap:10px;padding:24px 24px 26px;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1);display:flex;transform:translateY(18px)}.tk-features.reveal--in .tk-feature{opacity:1;transform:none}.tk-features.reveal--in .tk-feature:nth-child(2){transition-delay:60ms}.tk-features.reveal--in .tk-feature:nth-child(3){transition-delay:.12s}.tk-features.reveal--in .tk-feature:nth-child(4){transition-delay:.18s}.tk-features.reveal--in .tk-feature:nth-child(5){transition-delay:.24s}.tk-features.reveal--in .tk-feature:nth-child(6){transition-delay:.3s}.tk-feature--blue{color:#fff;background:linear-gradient(160deg,#1a87ff,#0158c9)}.tk-feature--white{color:#111;background:#f5f3ef}.tk-feature--gray{color:var(--text-primary);background:linear-gradient(160deg,#2d2f35,#1f2126)}.tk-feature-icon{border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:8px;display:grid}.tk-feature--blue .tk-feature-icon{background:#ffffff2e}.tk-feature--white .tk-feature-icon{color:#f5f3ef;background:#111}.tk-feature--gray .tk-feature-icon{background:var(--primary);color:#fff}.tk-feature h3{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:600}.tk-feature p{opacity:.78;margin:0;font-size:14.5px;line-height:1.55}.tk-uses{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px;display:flex}.tk-use{color:var(--text-secondary);background:#f5f3ef0a;border:1px solid #f5f3ef1a;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13.5px;display:inline-flex}.tk-use svg{color:var(--secondary)}.tk-steps{counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.tk-step{opacity:0;background:#0f0f0d;border:1px solid #f5f3ef14;border-radius:22px;padding:22px 22px 24px;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1),border-color .3s;position:relative;transform:translateY(18px)}.tk-step:hover{border-color:#0177fd73}.tk-steps.reveal--in .tk-step{opacity:1;transform:none}.tk-steps.reveal--in .tk-step:nth-child(2){transition-delay:60ms}.tk-steps.reveal--in .tk-step:nth-child(3){transition-delay:.12s}.tk-steps.reveal--in .tk-step:nth-child(4){transition-delay:.18s}.tk-steps.reveal--in .tk-step:nth-child(5){transition-delay:.24s}.tk-steps.reveal--in .tk-step:nth-child(6){transition-delay:.3s}.tk-step-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.tk-step-num{letter-spacing:-.04em;background:linear-gradient(135deg,#f5f3ef 20%,#00d4ff 75%,#0177fd);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:700;line-height:1}.tk-step-icon{color:#5aa9ff;background:#0177fd24;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.tk-step h3{color:var(--text-primary);margin:0;font-size:17px;font-weight:600}.tk-step p{color:var(--text-secondary);margin:6px 0 0;font-size:14px;line-height:1.5}.tk-faq{flex-direction:column;gap:10px;display:flex}.tk-faq-item{background:#0f0f0d;border:1px solid #f5f3ef14;border-radius:18px;transition:border-color .25s,background .25s}.tk-faq-item[open]{background:#10131a;border-color:#0177fd66}.tk-faq-item summary{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-size:16px;font-weight:600;list-style:none;display:flex}.tk-faq-item summary::-webkit-details-marker{display:none}.tk-faq-item summary:focus-visible{outline:2px solid var(--secondary);outline-offset:2px;border-radius:18px}.tk-faq-icon{color:var(--text-secondary);flex:none;transition:transform .3s,color .3s}.tk-faq-item[open] .tk-faq-icon{color:var(--primary);transform:rotate(45deg)}.tk-faq-a{color:var(--text-secondary);padding:0 20px 20px;font-size:14.5px;line-height:1.6}.tk-faq-a a{color:var(--secondary)}.tk-cta{padding-top:96px}.tk-cta-btn{margin-top:28px}@media (max-width:1024px){.tool-page--landing .tk-hero{min-height:calc(100dvh - 120px);margin-top:-16px;padding-top:84px}.tk-hero-grid{grid-template-columns:1fr;gap:20px;max-width:680px}.tk-hero-copy{text-align:center}.tk-hero-copy>p{margin-left:auto;margin-right:auto}.tk-hero-actions{justify-content:center}}@media (max-width:900px){.tk-features,.tk-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.tk-hero{padding:72px 16px 40px}.tool-page--landing .tk-hero{padding-top:72px}.tk-hero-copy h1{font-size:34px}.tk-hero-copy>p{font-size:15.5px}.tk-hero-actions{flex-direction:column;gap:6px}.tk-card{border-radius:20px;padding:10px}.tk-deck{--tk-lift:14px}.tk-card-top strong{font-size:15px}.tk-card-meta{display:none}.tk-card-media{border-radius:12px}.tk-deck{aspect-ratio:16/12}.tk-section{padding:64px 16px 8px}.tk-head{margin-bottom:26px}.tk-features,.tk-steps{grid-template-columns:1fr;gap:12px}.tk-feature{border-radius:20px;padding:20px}.tk-character{width:150px}.tk-faq-item summary{padding:16px;font-size:15px}.tk-faq-a{padding:0 16px 16px}}@media (prefers-reduced-motion:reduce){.tk-card,.tk-feature,.tk-step{transition:none}.tk-card--leaving{animation:none}}@media (min-width:901px){.tk-features>.tk-feature:nth-child(4){color:#111;background:#f5f3ef}.tk-features>.tk-feature:nth-child(4) .tk-feature-icon{color:#f5f3ef;background:#111}.tk-features>.tk-feature:nth-child(5){color:var(--text-primary);background:linear-gradient(160deg,#2d2f35,#1f2126)}.tk-features>.tk-feature:nth-child(5) .tk-feature-icon{background:var(--primary);color:#fff}.tk-features>.tk-feature:nth-child(6){color:#fff;background:linear-gradient(160deg,#1a87ff,#0158c9)}.tk-features>.tk-feature:nth-child(6) .tk-feature-icon{color:#fff;background:#ffffff2e}}.tk .thl-rail{padding-top:12px;padding-bottom:18px}.thl-rail-wrap--cards .caption-gallery-scroller-item{width:200px}@media (max-width:640px){.thl-rail-wrap--cards .caption-gallery-scroller-item{width:160px}}.tk-portrait{position:absolute;inset:0;overflow:hidden}.tk-portrait-bg{filter:blur(22px)brightness(.55)saturate(1.1);background:#0b0b0a 50%/cover no-repeat;position:absolute;inset:-20px;transform:scale(1.1)}.tk-portrait-frame{aspect-ratio:9/16;border-radius:14px;position:absolute;top:6%;bottom:6%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 40px #00000080}.tk-portrait-frame>*{width:100%;height:100%;position:absolute;inset:0}.tk-portrait-bg:not([style]){filter:none;background:radial-gradient(60% 80%,#0177fd59,#0b0b0a 75%)}.tk-split{background:#000;grid-template-columns:1fr 1fr;gap:4px;display:grid;position:absolute;inset:0}.tk-split-pane{position:relative;overflow:hidden}.tk-split-pane>.asset-media-wrap,.tk-split-pane>img{width:100%;height:100%;position:absolute;inset:0}.tk-split-tag{z-index:2;color:#f5f3ef;-webkit-backdrop-filter:blur(8px);background:#080807b3;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;position:absolute;bottom:10px;left:10px}.tk-split-tag--on{background:var(--primary);color:#fff}.tk-split-text{color:#f5f3efdb;background:#0e0f12;padding:18px 18px 44px;font-size:13px;line-height:1.55;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.tk-split-text b{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--secondary);margin-bottom:8px;font-size:10.5px;font-weight:500;display:block}@media (min-width:901px){.tk-features--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.tk .thl-marquee{max-width:1240px;margin:0 auto}.tk .csl-compare-cta{margin-top:4px}@media (max-width:640px){.tk-split-text{padding:12px 12px 36px;font-size:11.5px}.tk-split-tag{font-size:11px;bottom:8px;left:8px}}.tk-fill{position:absolute;inset:0}.tk-fill>.asset-media-wrap,.tk-fill>img{width:100%;height:100%;position:absolute;inset:0}@media (max-width:640px){.tk .thl-sb-tabs{margin-inline:-16px;padding:2px 16px;scroll-padding-inline:16px}}.arena-section{padding-top:56px;padding-bottom:120px}.arena-section>*{max-width:1240px;margin-left:auto;margin-right:auto}.arena-bar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.arena-bar h2{letter-spacing:-.01em;color:var(--text-primary);align-items:center;margin:0;font-size:22px;font-weight:600;display:flex}.arena-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.arena-new{aspect-ratio:auto;cursor:pointer;text-align:left;min-height:100%;font:inherit;color:#fff;background:linear-gradient(160deg,#1a87ff,#0158c9);border:0;border-radius:20px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;padding:22px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;display:flex;box-shadow:0 18px 44px #0177fd40}.arena-new:hover{transform:translateY(-4px);box-shadow:0 24px 56px #0177fd66}.arena-new:focus-visible{outline:2px solid var(--secondary);outline-offset:3px}.arena-new:disabled{opacity:.7;cursor:progress}.arena-new-icon{color:#0158c9;background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:auto;transition:transform .3s;display:grid}.arena-new:hover .arena-new-icon{transform:rotate(90deg)}.arena-new strong{margin-top:40px;font-size:19px;font-weight:600}.arena-new>span:last-child{opacity:.8;font-size:13.5px}.arena-card{cursor:pointer;background:#111110;border:1px solid #f5f3ef12;border-radius:20px;flex-direction:column;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.arena-card:hover{border-color:#0177fd80;transform:translateY(-3px);box-shadow:0 16px 40px #00000073}.arena-card:focus-visible{outline:2px solid var(--secondary);outline-offset:3px}.arena-card--loading{cursor:default}.arena-card--loading:hover{box-shadow:none;border-color:#f5f3ef12;transform:none}.arena-card-cover{aspect-ratio:16/10;background:#0b0b0a;position:relative;overflow:hidden}.arena-card-cover .home-fade-img{transition:opacity .5s,transform .5s}.arena-card:hover .arena-card-cover .home-fade-img--on{transform:scale(1.03)}.arena-card-empty{color:#f5f3ef47;place-items:center;display:grid;position:absolute;inset:0}.arena-card-actions{z-index:2;opacity:0;gap:6px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:10px;right:10px;transform:translateY(-4px)}.arena-card:hover .arena-card-actions,.arena-card:focus-within .arena-card-actions{opacity:1;transform:none}@media (hover:none){.arena-card-actions{opacity:1;transform:none}}.arena-card-actions button{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(10px);background:#0808079e;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:32px;height:32px;transition:background .2s;display:grid}.arena-card-actions button:hover{background:var(--primary)}.arena-card-actions .arena-card-delete:hover{background:#e5484d}.arena-card-body{flex-direction:column;gap:3px;min-width:0;padding:13px 16px 15px;display:flex}.arena-card-body strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:600;overflow:hidden}.arena-card-body>span{color:var(--text-secondary);font-size:13px}.arena-line{background:#f5f3ef12;border-radius:6px;width:70%;height:12px;display:block}.arena-line--short{width:40%;margin-top:6px}.arena-empty-hint{color:var(--text-secondary);font-size:14px;margin-top:18px!important}.arena-login{background:#0f0f0d;border:1px solid #f5f3ef14;border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:22px 24px;display:flex}.arena-login>div>strong{color:var(--text-primary);font-size:18px;font-weight:600;display:block}.arena-login>div>span{color:var(--text-secondary);font-size:14px}.project-new-fab--solid{color:#0b0b0a;height:auto;font-family:var(--font-sans);letter-spacing:-.01em;text-transform:none;background:#f5f3ef;border:0;border-radius:999px;gap:14px;padding:7px 7px 7px 24px;font-size:15px;font-weight:600;box-shadow:0 18px 50px #0000008c}.project-new-fab--solid:hover{background:#fff;border-color:#0000;box-shadow:0 18px 50px #0177fd66}.project-new-fab-icon{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .3s;display:grid}.project-new-fab--solid:hover .project-new-fab-icon{transform:rotate(90deg)}@media (max-width:640px){.arena-section{padding-top:36px}.arena-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.arena-new{border-radius:16px;padding:16px}.arena-new-icon{width:36px;height:36px}.arena-new strong{margin-top:24px;font-size:16px}.arena-new>span:last-child{font-size:12px}.arena-card{border-radius:16px}.arena-card-body{padding:10px 12px 12px}.arena-card-body strong{font-size:14px}.arena-card-body>span{font-size:12px}.arena-login{padding:18px}}.tk-deck-chips{scrollbar-width:none;flex-wrap:nowrap;justify-content:safe center;padding:2px;overflow-x:auto}.tk-deck-chips::-webkit-scrollbar{display:none}.tk-chip{flex:none}.arena-hero{isolation:isolate;background:#0b0b0a;border:1px solid #f5f3ef14;border-radius:30px;align-items:center;min-height:min(520px,100svh - 190px);margin:28px 32px 0;display:flex;position:relative;overflow:hidden}.arena-hero-media{z-index:-2;position:absolute;inset:0}.arena-hero-slide{opacity:0;background:#0b0b0a 50%/cover no-repeat;transition:opacity 1.1s;position:absolute;inset:0}.arena-hero-slide--on{opacity:1}.arena-hero-slide video,.arena-hero-slide .home-fade-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.arena-hero-slide--on video,.arena-hero-slide--on .home-fade-img{animation:7s ease-out forwards arenaPush}@keyframes arenaPush{0%{transform:scale(1.08)}to{transform:scale(1)}}.arena-hero-shade{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#080807f0 0%,#080807c7 34%,#08080733 68%,#0808070d 100%),linear-gradient(#0000 60%,#080807b3);position:absolute;inset:0}.arena-hero-copy{max-width:620px;padding:56px 56px 88px;position:relative}.arena-hero-copy h1{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-primary);margin:16px 0 0;font-size:clamp(38px,4vw,62px);font-weight:700;line-height:1.04}.arena-hero-copy h1 em{color:var(--primary);font-style:italic}.arena-hero-copy>p{color:#f5f3efbd;max-width:500px;margin:18px 0 0;font-size:16.5px;line-height:1.55}.arena-hero-actions{flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:30px;display:flex}.arena-hero-bars{align-items:center;gap:6px;display:flex;position:absolute;bottom:26px;right:28px}.arena-hero-bar{cursor:pointer;background:#ffffff40;border:0;border-radius:4px;width:34px;height:4px;padding:0;position:relative;overflow:hidden}.arena-hero-bar:before{content:"";position:absolute;inset:-10px 0}.arena-hero-bar--done{background:#ffffffbf}.arena-hero-bar--on{background:#ffffff40}.arena-hero-bar span{background:#fff;width:0;animation:linear forwards arenaBar;position:absolute;inset:0}.arena-hero-bar--on:not(:has(span)){background:#fff}.arena-hero-bar:focus-visible{outline:2px solid var(--secondary);outline-offset:4px}@keyframes arenaBar{0%{width:0}to{width:100%}}.arena-hero-caption{color:#f5f3efcc;order:-1;margin-right:10px;font-size:13px;font-weight:500;animation:.5s arenaCap}@keyframes arenaCap{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.project-new-fab--hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(16px)!important}.project-new-fab--solid{transition:opacity .3s,transform .3s,box-shadow .3s,background .2s}@media (max-width:1024px){.arena-hero{min-height:0;margin:16px 16px 0}.arena-hero-shade{background:linear-gradient(#08080740 0%,#080807cc 55%,#080807f2 100%)}.arena-hero-copy{padding:180px 28px 72px}}@media (max-width:640px){.arena-hero{border-radius:22px}.arena-hero-copy{padding:150px 20px 64px}.arena-hero-copy h1{font-size:34px}.arena-hero-copy>p{font-size:14.5px}.arena-hero-bars{bottom:22px;left:20px;right:auto}.arena-hero-caption{display:none}}@media (prefers-reduced-motion:reduce){.arena-hero-slide,.arena-hero-slide--on video,.arena-hero-slide--on .home-fade-img{transition:none;animation:none}}.th-own-voices{margin-bottom:6px}.th-own-voices-label{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.16em;text-transform:uppercase;color:#f5f3ef9e;margin:4px 0 8px}.th-own-voices .th-voice-grid{margin-bottom:18px}.th-own-voices-full{align-self:center}.th-voice-clone-card{color:inherit;font:inherit;text-align:left;cursor:pointer;background:#0177fd0d;border-style:dashed;border-color:#0177fd73}.th-voice-clone-card:hover{border-color:var(--primary);background:#0177fd1c}.th-voice-clone-icon{color:var(--secondary);pointer-events:none}.th-voice-delete{width:26px;height:26px;color:var(--text-secondary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s,color .2s,background .2s;display:flex}.th-voice:hover .th-voice-delete,.th-voice-delete:focus-visible,.th-voice-delete:disabled{opacity:1}.th-voice-delete:hover:not(:disabled){color:#ff6b6b;background:#ff6b6b1f}@media (hover:none){.th-voice-delete{opacity:1}}.th-voice-play:disabled{opacity:.4;cursor:not-allowed}.th-modal--clone{width:min(520px,100%)}.th-modal--clone .th-clone-form{min-height:0;overflow-y:auto}.th-modal--clone .th-modes{margin-bottom:16px}.th-clone-recorder{background:#0177fd0d;border:1px dashed #0177fd73;border-radius:14px;align-items:center;gap:14px;margin-bottom:18px;padding:16px;display:flex}.th-clone-recorder--live{background:#ff5a5a0f;border-style:solid;border-color:#ff5a5a99}.th-clone-rec-btn{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;width:52px;height:52px;transition:transform .2s var(--ease-out);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.th-clone-rec-btn:hover:not(:disabled){transform:scale(1.05)}.th-clone-recorder--live .th-clone-rec-btn{background:#e5484d;animation:1.4s ease-in-out infinite thRecPulse}@keyframes thRecPulse{0%,to{box-shadow:0 0 #e5484d80}50%{box-shadow:0 0 0 8px #e5484d00}}@media (prefers-reduced-motion:reduce){.th-clone-recorder--live .th-clone-rec-btn{animation:none}}.th-clone-rec-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.th-clone-rec-clock{font-family:var(--font-mono);font-size:var(--fs-lg);color:var(--text-primary)}.th-clone-rec-text small{font-size:var(--fs-xs);color:var(--text-secondary)}.th-clone-drop{width:100%;font:inherit}.th-clone-sample{margin-bottom:18px}.th-clone-sample .th-error{margin-top:8px}.th-clone-wait{text-align:center;margin-top:10px}.audio-clone-consent{color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:8px;margin-top:10px;font-size:.75rem;line-height:1.5;display:flex}.audio-clone-consent input{accent-color:var(--primary);flex-shrink:0;margin-top:2px}.audio-clone-consent a{color:var(--secondary)}.audio-clone-delete{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex}.audio-clone-delete:hover:not(:disabled){color:#ff6b6b;background:#ff6b6b1f}.th-video-notice{margin-top:14px;line-height:1.5}@media (min-width:1025px){.media-sidebar-tabs-wrap{z-index:3;background:var(--background);margin-top:-20px;padding:20px 0 6px;position:sticky;top:-20px}.media-sidebar-tabs-wrap:after{content:"";background:linear-gradient(var(--background), transparent);pointer-events:none;height:14px;position:absolute;top:100%;left:0;right:0}}.media-sidebar-tabs{border:1px solid var(--surface-border);border-radius:var(--radius-pill);background:var(--surface);gap:4px;padding:3px;display:flex}.media-sidebar-tab{border-radius:var(--radius-pill);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 10px;transition:background .15s,color .15s;display:inline-flex}.media-sidebar-tab:hover{color:var(--text-primary)}.media-sidebar-tab--active{color:var(--text-primary);background:#0177fd29}.media-sidebar-tab-count{border-radius:var(--radius-pill);letter-spacing:0;background:#ffffff14;min-width:18px;padding:0 5px;font-size:10px;line-height:16px}.image-layers-list{flex-direction:column;gap:6px;min-width:0;display:flex}.image-layer-card{border:1px solid var(--surface-border);background:#ffffff05;border-radius:12px;align-items:center;gap:4px;min-width:0;padding:6px 6px 6px 2px;transition:border-color .15s,background .15s,opacity .15s;display:flex;position:relative}.image-layer-card:hover{border-color:#ffffff29}.image-layer-card--editing{background:#0177fd14;border-color:#0177fd80}.image-layer-card--hidden .image-layer-main{opacity:.45}.image-layer-card--dragging{opacity:.4}.image-layer-card--drop-above:before,.image-layer-card--drop-below:after{content:"";background:var(--primary);border-radius:2px;height:2px;position:absolute;left:8px;right:8px}.image-layer-card--drop-above:before{top:-4px}.image-layer-card--drop-below:after{bottom:-4px}.image-layer-grip{color:var(--text-secondary);cursor:grab;flex-shrink:0;display:inline-flex}.image-layer-main{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0;display:flex}.image-layer-thumb{width:34px;height:34px;color:var(--text-primary);background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.image-layer-thumb--media{background-color:#ffffff0a;background-image:conic-gradient(#ffffff0f 25%, transparent 0 50%, #ffffff0f 0 75%, transparent 0);background-size:10px 10px}.image-layer-thumb-skeleton{border-radius:0;margin:0;position:absolute;inset:0}.image-layer-thumb-img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .3s}.image-layer-thumb-img--loaded{opacity:1}.image-layer-text{flex-direction:column;min-width:0;display:flex}.image-layer-title{font-size:var(--fs-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.image-layer-subtitle{font-size:var(--fs-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.image-layer-icon-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.image-layer-icon-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff0f}.image-layer-icon-btn--danger:hover:not(:disabled){color:var(--danger)}.image-layer-icon-btn:disabled,.image-layer-main:disabled{cursor:default;opacity:.5}.image-layers-hint{font-size:var(--fs-xs);color:var(--text-secondary);margin:4px 2px 0}.image-layers-empty{border:1px dashed var(--surface-border);color:var(--text-secondary);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:28px 12px;display:flex}.image-layers-empty p{font-size:var(--fs-sm);color:var(--text-primary);margin:4px 0 0}.image-layers-empty span{font-size:var(--fs-xs);line-height:1.5}.layer-above-overlay{pointer-events:none;display:block;position:absolute}.font-picker-panel{flex-direction:column;max-height:min(420px,60vh);padding:0;display:flex;overflow:hidden}.font-picker-head{border-bottom:1px solid var(--surface-border);flex-direction:column;gap:8px;padding:8px 8px 6px;display:flex}.font-picker-search{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--input-bg);height:34px;color:var(--text-secondary);align-items:center;gap:8px;padding:0 10px;display:flex}.font-picker-search:focus-within{border-color:#0177fd99}.font-picker-search input{min-width:0;color:var(--text-primary);font-size:var(--fs-sm);background:0 0;border:0;outline:none;flex:1}.font-picker-cats{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.font-picker-cat{border:1px solid var(--surface-border);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;background:0 0;flex-shrink:0;padding:4px 9px;font-size:12px;transition:background .15s,color .15s,border-color .15s}.font-picker-cat:hover{color:var(--text-primary)}.font-picker-cat--active{color:var(--text-primary);background:#0177fd29;border-color:#0177fd80}.font-picker-list{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex:1;min-height:0;padding:6px;overflow-y:auto}.font-picker-option{border-radius:var(--radius-sm);color:#ffffffe0;text-align:left;cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 38px;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.font-picker-option:hover{background:#ffffff0f}.font-picker-option--active{background:#0177fd24}.font-picker-option-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:17px;line-height:1.25;overflow:hidden}.font-picker-option-check{color:var(--primary);flex-shrink:0}.font-picker-empty{color:var(--text-secondary);font-size:var(--fs-sm);text-align:center;padding:18px 10px}.paint-canvas{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.paint-canvas-surface{cursor:none;touch-action:none;position:absolute}.paint-canvas-surface--shape{cursor:crosshair}.paint-canvas-cursor{pointer-events:none;border:1.5px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000008c}.paint-canvas-cursor--eraser{border-style:dashed}.paint-toolbar{z-index:5;border:1px solid var(--surface-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);max-width:100%;box-shadow:var(--shadow-elevated);scrollbar-width:none;background:#100f0deb;align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative;overflow-x:auto}.paint-toolbar-group{flex-shrink:0;align-items:center;gap:4px;display:flex}.paint-toolbar-mode{border:1px solid var(--surface-border);border-radius:var(--radius-pill);padding:2px}.paint-toolbar-mode-btn{border-radius:var(--radius-pill);color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.paint-toolbar-mode-btn--active{color:var(--text-primary);background:#0177fd2e}.paint-toolbar-mode-btn:disabled{cursor:default;opacity:.6}.paint-toolbar-soon{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.06em;background:#ffffff14;padding:1px 5px;font-size:10px}.paint-toolbar-icon{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.paint-toolbar-icon:hover:not(:disabled){color:var(--text-primary);background:#ffffff0f}.paint-toolbar-icon--active{color:var(--text-primary);background:#0177fd2e}.paint-toolbar-icon:disabled{opacity:.35;cursor:default}.paint-toolbar-slider{color:var(--text-secondary);flex-shrink:0;align-items:center;gap:8px;font-size:12px;display:flex}.paint-toolbar-slider input[type=range].th-range{width:80px}.paint-toolbar .color-picker-hex-label{display:none}.paint-toolbar-value{min-width:28px;color:var(--text-primary);font-variant-numeric:tabular-nums}.paint-toolbar-actions{border-left:1px solid var(--surface-border);gap:6px;padding-left:10px}.paint-toolbar-cancel:hover:not(:disabled){color:var(--danger)}.paint-toolbar-icon.paint-toolbar-apply{background:var(--primary);color:#fff}.paint-toolbar-icon.paint-toolbar-apply:hover:not(:disabled){background:var(--primary-hover);color:#fff}.paint-toolbar-shape{align-items:center;display:flex}.paint-toolbar-caret{width:16px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.paint-toolbar-caret:hover{color:var(--text-primary);background:#ffffff0f}.paint-shape-menu{z-index:60;border:1px solid var(--surface-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);min-width:210px;box-shadow:var(--shadow-elevated);background:#100f0df7;padding:6px;position:fixed}.paint-shape-menu-item{border-radius:var(--radius-sm);color:#ffffffd9;width:100%;font-size:var(--fs-sm);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;display:flex}.paint-shape-menu-item:hover{background:#ffffff0f}.paint-shape-menu-item--active{color:var(--text-primary);background:#0177fd29}.paint-shape-menu-divider{background:var(--surface-border);height:1px;margin:4px 2px}.image-layer-card--base{background:0 0;border-style:dashed}.image-layer-card--base .image-layer-main,.image-layer-card--pending .image-layer-main{cursor:default}.image-layer-card--base .image-layer-grip,.image-layer-card--pending .image-layer-grip{width:14px}.image-layer-lock{cursor:default}.image-layer-lock:hover{color:var(--text-secondary)!important;background:0 0!important}.image-layer-card--pending{background:#0177fd0f;border-color:#0177fd59}.image-layer-mode-menu{min-width:260px}.image-layer-mode-item{align-items:flex-start}.image-layer-mode-item>svg:first-child{flex-shrink:0;margin-top:2px}.image-layer-mode-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.image-layer-mode-text small{color:var(--text-secondary);font-size:12px}.image-layer-mode-check{color:var(--primary);flex-shrink:0;margin-top:2px}.image-layer-icon-btn--open{color:var(--text-primary);background:#0177fd29}.brand-splash{isolation:isolate;background:#0c0d10;flex-direction:column;justify-content:center;align-items:center;height:100svh;display:flex;position:relative;overflow:hidden}.brand-splash--overlay{z-index:300;height:auto;position:fixed;inset:0}.brand-splash:before,.brand-splash:after{content:"";z-index:-1;filter:blur(60px);pointer-events:none;width:160%;height:160%;position:absolute;top:-30%;left:-30%}.brand-splash:before{background:radial-gradient(circle at 32% 34%,#0177fdd9,#0000 40%),radial-gradient(circle at 70% 68%,#00aaff73,#0000 36%);animation:7s ease-in-out infinite smokeDrift1}.brand-splash:after{background:radial-gradient(circle at 64% 34%,#aab2c073,#0000 36%),radial-gradient(circle at 36% 70%,#78808e66,#0000 38%),radial-gradient(circle,#ffffff38,#0000 22%);animation:8s ease-in-out infinite smokeDrift2}.brand-splash-text{font-family:var(--font-display);letter-spacing:.01em;white-space:nowrap;margin:0;padding:0 16px;font-size:clamp(26px,4vw,36px);font-style:italic;font-weight:700;line-height:1.25;display:flex}.brand-splash-text span{color:#c8ced866;animation:2s ease-in-out infinite brandSplashWave;animation-delay:calc(var(--i) * 80ms);display:inline-block}@keyframes brandSplashWave{0%,45%,to{color:#c8ced866;text-shadow:none;transform:translateY(0)}20%{color:#fff;text-shadow:0 0 14px #ffffff80,0 0 30px #0177fdcc;transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.brand-splash:before,.brand-splash:after,.brand-splash-text span{animation:none}.brand-splash-text span{color:#fff}}.mmc-look-card{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:0;flex-direction:column;gap:8px;padding:0;display:flex}.mmc-look-card-frame{aspect-ratio:9/16;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:#000;width:100%;transition:border-color .15s,transform .15s,box-shadow .15s;position:relative;overflow:hidden}.mmc-look-card:hover .mmc-look-card-frame{border-color:#ffffff4d;transform:translateY(-2px)}.mmc-look-card--selected .mmc-look-card-frame{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.mmc-look-card-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.mmc-look-card-img--loaded{opacity:1}.mmc-look-card-cut{z-index:2;pointer-events:none}.mmc-look-card-badge{z-index:3;color:#fff;letter-spacing:.02em;background:#0177fde6;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:6px;left:6px}.csp-tplgroup{flex-direction:column;gap:8px;display:flex}.csp-tplgroup+.csp-tplgroup{margin-top:14px}.csp-tplgroup-h{color:var(--text-primary,#e7e9ee);align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.csp-tplgroup-h small{color:var(--text-secondary,#8b93a7);font-weight:500}.csp-new{background:var(--primary,#0177fd);color:#fff;letter-spacing:.03em;border-radius:999px;padding:1px 6px;font-size:9.5px;font-weight:700}.mmc-look-card-meta{flex-direction:column;gap:2px;padding:0 2px;display:flex}.mmc-look-card-name{font-size:var(--fs-sm);font-weight:600}.mmc-look-card-tag{font-size:var(--fs-2xs);color:var(--text-secondary);line-height:1.35}.caption-tool-emphasis-actions{gap:6px;padding:0 0 4px;display:flex}.caption-tool-emphasis-btn{border:1px solid var(--surface-border);background:var(--surface);color:var(--text-primary);font-size:var(--fs-2xs);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.caption-tool-emphasis-btn:hover:not(:disabled){border-color:#ffffff4d}.caption-tool-emphasis-btn:disabled{opacity:.4;cursor:default}.cap-panel{--cap-panel-bg:linear-gradient(var(--surface), var(--surface)), var(--background);border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:var(--cap-panel-bg);flex:0 0 460px;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.cap-panel-main{flex-direction:column;flex:1;gap:10px;min-width:0;min-height:0;padding:14px 14px 0;display:flex}.cap-panel-head{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.cap-panel-title{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.cap-panel-scroll{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex:1;min-height:0;padding-bottom:14px;overflow-y:auto}.cap-panel-main>.caption-tool-line-list{padding-bottom:14px}.cap-look-section+.cap-look-section{border-top:1px solid var(--surface-border);margin-top:18px;padding-top:16px}.cap-style-strip{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;grid-auto-columns:124px;grid-auto-flow:column;gap:10px;padding-bottom:6px;display:grid;overflow-x:auto}.cap-style-strip .mmc-look-card-frame{aspect-ratio:4/5}.cap-scope{z-index:1;border-bottom:1px solid var(--surface-border);background:var(--cap-panel-bg);flex-direction:column;gap:10px;margin-bottom:16px;padding-bottom:14px;display:flex;position:sticky;top:0}.cap-scope-line{font-size:var(--fs-sm);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:600;display:-webkit-box;overflow:hidden}.cap-look-section-title{font-size:var(--fs-sm);color:var(--text-primary);margin:0 0 12px;font-weight:600}.cap-panel-fields{flex-direction:column;gap:14px;display:flex}.cap-panel-note{font-size:var(--fs-2xs);color:var(--text-secondary);margin:0;line-height:1.45}.cap-segmented{border-radius:var(--radius-md);border:1px solid var(--surface-border);gap:4px;width:fit-content;padding:3px;display:inline-flex}.cap-segmented-btn{border-radius:calc(var(--radius-md) - 3px);color:var(--text-secondary);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;padding:6px 14px}.cap-segmented-btn--active{color:var(--text-primary);background:#0177fd29;box-shadow:inset 0 0 0 1px #0177fd8c}.cap-text-btn{color:var(--primary);font-size:var(--fs-2xs);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-weight:600}.cap-text-btn:hover{color:var(--primary-hover)}.cap-pos-grid{aspect-ratio:16/11;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:#ffffff05;grid-template-columns:repeat(3,1fr);gap:4px;width:168px;padding:4px;display:grid}.cap-pos-cell{border-radius:calc(var(--radius-md) - 4px);color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:0;justify-content:center;align-items:center;transition:background .12s,color .12s,box-shadow .12s;display:flex}.cap-pos-cell:hover{color:var(--text-primary);background:#ffffff17}.cap-pos-cell--active{color:var(--primary);background:#0177fd29;box-shadow:inset 0 0 0 1px #0177fd99}.cap-segmented-btn--icon{justify-content:center;align-items:center;padding:6px 12px;display:inline-flex}.cap-drag-layer{z-index:2;touch-action:none;cursor:pointer;position:absolute;inset:0}.cap-drag-layer--over{cursor:move}.cap-drag-box{pointer-events:none;border:1.5px dashed #ffffffe6;border-radius:8px;position:absolute;box-shadow:0 0 0 1px #00000059,inset 0 0 0 1px #00000040}.cap-drag-hint{pointer-events:none;color:#fff;white-space:nowrap;background:#000000b3;border-radius:999px;padding:3px 8px;font-size:11px;position:absolute;top:100%;left:50%;transform:translate(-50%,6px)}.cap-drag-handle{pointer-events:auto;cursor:ew-resize;touch-action:none;background:#fff;border-radius:999px;width:10px;height:26px;max-height:calc(100% - 4px);position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059,0 1px 4px #0006}.cap-drag-handle--l{left:0}.cap-drag-handle--r{left:100%}.cap-drag-guide{pointer-events:none;background:var(--primary);opacity:.85;position:absolute}.cap-drag-guide--v{width:1px;top:0;bottom:0}.cap-drag-guide--h{height:1px;left:0;right:0}.cap-rail{border-left:1px solid var(--surface-border);flex-direction:column;flex:0 0 78px;gap:4px;padding:10px 6px;display:flex;overflow-y:auto}.cap-rail-btn{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:10px 2px;font-size:11px;transition:color .15s,background .15s;display:flex}.cap-rail-btn:hover{color:var(--text-primary)}.cap-rail-btn--active{color:var(--primary);background:#0177fd1f}.caption-tool-body--fullscreen .cap-panel{flex:0 460px}@media (max-width:900px){.cap-panel{flex:none;width:100%;height:auto;min-height:50vh}.cap-panel>.cap-rail{display:none}.cap-panel-main{padding:14px}.cap-panel-scroll{overflow-y:visible}.cap-rail--bar{border-left:0;flex-direction:row;flex:none;justify-content:space-between;gap:2px;padding:0;overflow:visible}.cap-rail--bar .cap-rail-btn{flex:1;padding:8px 0}}.cap-panel-x,.cap-phandle,.caption-phone-actions{display:none}.cap-panel-reset{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;margin-left:6px;display:inline-grid}.cap-panel-reset:hover{color:var(--text-primary);background:#ffffff12}.caption-tool-body--view{background:#000;flex-direction:column;align-items:stretch;gap:0;padding:0}.caption-tool-body--view>:not(.caption-tool-preview-col){display:none!important}.caption-tool-body--view .caption-tool-preview-col{width:100%;min-height:0;max-height:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#000;flex-direction:column;flex:auto;display:flex;position:static}.caption-tool-body--view .caption-tool-stage{flex:1 1 0;min-height:0;padding:0 0 4px}.caption-tool-body--view .caption-tool-video-frame{border:0;border-radius:0}@media (max-width:760px){.tool-page--captions{z-index:50;background:#100f0d;max-width:none;height:100dvh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.tool-page--captions .caption-wizard-tabbar{padding:max(6px, env(safe-area-inset-top)) 8px 8px;border-bottom:1px solid #ffffff12;flex-wrap:wrap;gap:6px 8px}.tool-page--captions .wizard-mstep{flex:1;min-width:0}.tool-page--captions .wizard-mstep-label{text-overflow:ellipsis;overflow:hidden}.tool-page--wizard .caption-wizard-tabbar .caption-export-row--corner,.tool-page--wizard .caption-wizard-tabbar .caption-phone-actions{flex:1 0 100%;gap:8px;margin-left:0;display:flex!important}.tool-page--wizard .caption-wizard-tabbar .caption-tool-generate-btn--corner{border-radius:9px;flex:1;justify-content:center;height:32px;padding:0 12px;display:inline-flex!important}.caption-wizard-tabbar .caption-export-size{width:124px;min-width:0}.caption-wizard-tabbar .caption-export-size .custom-select-trigger{border-radius:9px;height:32px;padding:0 10px;font-size:13px}.caption-wizard-content:has(>.caption-tool-body){padding:0;overflow:hidden}.caption-tool-body:not(.caption-tool-body--fullscreen){--cap-midh:clamp(250px, 32dvh, 360px);flex-direction:column;flex:1;gap:0;min-height:0;padding:0;overflow:hidden}.caption-tool-body:not(.caption-tool-body--fullscreen) .caption-tool-preview-col{display:contents}.caption-tool-body:not(.caption-tool-body--fullscreen) .caption-tool-stage{background:#000;flex:1 1 0;order:1;gap:4px;min-height:150px;padding:8px 8px 0}.caption-tool-body:not(.caption-tool-body--fullscreen) .caption-tool-video-frame{border-radius:6px}.caption-tool-body:not(.caption-tool-body--fullscreen) .cap-phandle{touch-action:none;cursor:ns-resize;border-top:1px solid #ffffff12;flex:none;order:2;justify-content:center;align-items:center;height:14px;display:flex}.cap-phandle i{background:#ffffff47;border-radius:2px;width:40px;height:4px}.cap-phandle:active i{background:#4da3ff}.caption-tool-body:not(.caption-tool-body--fullscreen) .caption-tool-timeline-wrap,.caption-tool-body:not(.caption-tool-body--fullscreen) .cap-panel{height:var(--cap-midh);flex:none;order:3;min-height:0;margin:0}.caption-tool-body:not(.caption-tool-body--fullscreen) .caption-tool-timeline-wrap{flex-direction:column;display:flex}.caption-tool-timeline-wrap>.ctl2.ctl2{background:0 0;margin:0}.caption-tool-timeline-wrap>.ctl2{--ed-bg:#100f0d;--ed-line:#ffffff12;border:0;border-radius:0;flex-direction:column;flex:1;min-height:0;display:flex}.caption-tool-timeline-wrap>.ctl2 .ed-tl-body{border-radius:0;flex:auto;height:auto;min-height:0}.caption-tool-timeline-wrap>.ctl2>.ctl-row{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.ctl-ph-centre{top:0;bottom:0}.caption-tool-body--rotated{transform-origin:0 0;width:100dvh;height:100vw;inset:0 auto auto 100vw;transform:rotate(90deg)}.caption-tool-timeline-wrap>.ctl2 .ed-tl-body{grid-template-columns:40px max-content}.caption-tool-timeline-wrap>.ctl2 .ed-head{justify-content:center;padding:0}.caption-tool-timeline-wrap>.ctl2 .ed-head>span:not(.ed-head-ic){display:none}.caption-tool-timeline-wrap>.ctl2 .ed-ghost-label{white-space:nowrap;text-overflow:ellipsis;left:8px;right:8px;overflow:hidden}.caption-tool-body:not(.caption-tool-body--fullscreen) .cap-panel{background:#100f0d;border:0;border-radius:0;width:100%;display:none}.caption-tool-body[data-panel=open]:not(.caption-tool-body--fullscreen) .caption-tool-timeline-wrap{display:none}.caption-tool-body[data-panel=open]:not(.caption-tool-body--fullscreen) .cap-panel{display:flex}.caption-tool-body:not(.caption-tool-body--fullscreen) .cap-panel-main{gap:4px;padding:0 14px;overflow-y:auto}.caption-tool-body:not(.caption-tool-body--fullscreen) .cap-panel-head{z-index:2;background:#100f0d;gap:8px;padding:2px 0;position:sticky;top:0}.cap-panel-x{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;margin-left:auto;display:inline-grid}.cap-panel-scope+.cap-panel-x,.cap-text-btn+.cap-panel-x,.cap-panel-reset+.cap-panel-x{margin-left:0}.caption-tool-body>.caption-mobile-fixed-bottom{padding:2px 6px env(safe-area-inset-bottom);background:#100f0d;border-top:1px solid #ffffff12;order:4;gap:0;margin:0;position:static}.caption-mobile-fixed-bottom>.caption-export-row{display:none}.cap-rail--bar .cap-rail-btn{padding:8px 0 6px}.tool-page--captions .caption-wizard-content{padding:0}.tool-page--captions .caption-upload-panel{max-width:none;padding:12px}.tool-page--captions .caption-upload-panel:has(>.caption-upload-preview){padding:0 0 10px}:is(.tool-page--captions .caption-upload-panel:has(>.caption-upload-preview)>.caption-tool-upload-btn,.tool-page--captions .caption-upload-preview>.caption-upload-language-row){display:none}.tool-page--captions .caption-upload-panel:has(>.caption-upload-preview)>.btn-secondary-sm{width:calc(100% - 24px)!important;margin:8px 12px 0!important}.tool-page--captions .caption-upload-preview{background:#000;gap:6px;padding:8px 8px 0}.tool-page--captions .caption-upload-preview>.caption-upload-preview-video-wrap:not(.caption-upload-preview-video-wrap--fullscreen){background:0 0;border:0;border-radius:0;flex:0 auto;justify-content:center;min-height:0;margin-top:auto;display:flex}.tool-page--captions .caption-upload-preview-video-wrap:not(.caption-upload-preview-video-wrap--fullscreen)>.caption-upload-preview-video{border-radius:6px;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.tool-page--captions .caption-upload-preview>.caption-upload-preview-video-wrap+*{margin-bottom:auto}.tool-page--captions .caption-upload-preview>.caption-upload-trim,.tool-page--captions .caption-upload-preview>.caption-upload-trim-cap-notice{background:#100f0d;border-top:1px solid #ffffff12;width:calc(100% + 16px);margin:0 -8px;padding:10px 12px 0}.tool-page--captions .caption-tool-done-panel:not(:has(.caption-tool-done-video-frame--fullscreen)){box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.tool-page--captions .caption-tool-done-panel>.caption-tool-done-card{gap:0}.tool-page--captions .caption-tool-done-card>.caption-tool-done-video-col{background:#000;gap:4px;padding:8px 8px 4px}.tool-page--captions .caption-tool-done-video-col>.caption-tool-done-video-frame:not(.caption-tool-done-video-frame--fullscreen){box-shadow:none;background:0 0;border-radius:6px;flex:0 auto;justify-content:center;margin-top:auto;padding:0;overflow:hidden}.tool-page--captions .caption-tool-done-video-col>.caption-tool-done-video-frame:not(.caption-tool-done-video-frame--fullscreen) .caption-tool-done-video{border-radius:6px;width:auto;max-width:100%;height:auto;max-height:100%}.tool-page--captions .caption-tool-done-video-col>.caption-tool-done-video-frame+*{margin-bottom:auto}.tool-page--captions .caption-tool-done-card>.caption-tool-done-info{border-top:1px solid #ffffff12;gap:2px;padding:12px 14px}.tool-page--captions .caption-tool-done-info>.caption-tool-done-eyebrow,.tool-page--captions .caption-tool-done-info>.caption-tool-done-download-btn,.tool-page--captions .caption-tool-done-info>.caption-tool-done-subs{display:none}.tool-page--captions .caption-tool-done-info>.caption-tool-done-title{font-family:var(--font-sans);margin:0;font-size:15px;font-weight:600}.cap-rail--bar .cap-rail-btn--active,.cap-rail--bar .cap-rail-btn--active:hover{color:#4da3ff;background:#0177fd24}.cap-rail--pages{scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.cap-rail--pages::-webkit-scrollbar{display:none}.cap-rail--pages .cap-rail-btn{flex:none;min-width:58px;padding:8px 6px 6px}.cap-rail--pages .cap-rail-btn:first-child{margin-left:auto}.cap-rail--pages .cap-rail-btn:last-child{margin-right:auto}.cap-rail--pages .cap-rail-btn span{white-space:nowrap}.csp-sec--page>header>.csp-chev{display:none}}.cap-search{border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-secondary);background:#ffffff05;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}.cap-search:focus-within{border-color:#0177fd99}.cap-search input{min-width:0;color:var(--text-primary);font-size:var(--fs-sm);background:0 0;border:0;outline:none;flex:1}.cap-pin{pointer-events:none;z-index:6;position:absolute;inset:0}.cap-pin-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cap-pin-lines polygon{fill:#4da3ff14;stroke:#4da3ff;stroke-width:1.5px;stroke-dasharray:5 4}.cap-pin-handle{cursor:grab;pointer-events:auto;touch-action:none;background:#4da3ff;border:2px solid #fff;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;padding:0;position:absolute;box-shadow:0 2px 8px #00000080}.cap-pin-handle:active{cursor:grabbing;transform:scale(1.12)}.cap-pin-flat{color:#fff;cursor:pointer;pointer-events:auto;background:#1e2330;border:0;border-radius:7px;place-items:center;width:24px;height:24px;margin:-34px 0 0 -20px;padding:0;display:grid;position:absolute;box-shadow:0 2px 8px #00000080}.cap-pin-flat.on{background:#0177fd}.cap-pin-edge{cursor:move;pointer-events:auto;touch-action:none;background:#4da3ff;border:2px solid #fff;border-radius:4px;width:26px;height:8px;padding:0;position:absolute;box-shadow:0 2px 6px #00000073}.csp-tab{flex-direction:column;gap:8px;display:flex}.cmask-pair{grid-template-columns:1fr 1fr;gap:6px;display:grid}.cmask-btn{border:1px solid var(--border-subtle,#2a3042);color:var(--text-primary,#e7e9ee);font:inherit;cursor:pointer;white-space:nowrap;background:#ffffff08;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.cmask-btn:hover:not(:disabled){border-color:#4da3ff}.cmask-btn:disabled{opacity:.45;cursor:default}.cmask-btn.on{color:#8fc4ff;background:#0177fd24;border-color:#4da3ff}.cmask-btn--primary{color:#fff;background:#0177fd;border-color:#0177fd;width:100%}.cmask-refine{width:100%}.cmask-btn--danger{color:#ff8fa3;background:#ff4d6d14;border-color:#ff4d6d73;width:100%}.cmask-btn--danger:hover:not(:disabled){color:#ffb3c0;background:#ff4d6d29;border-color:#ff4d6d}.cap-panel .cmask-btn{min-height:44px;font-size:13.5px}.cap-panel .cmask-btn svg{width:16px;height:16px}.cap-panel .cmask-pair{gap:8px}.cap-panel .csp-body:has(.cmask-btn){gap:8px}.cmask-error{color:#ff8a8a;margin:0;font-size:12px;line-height:1.4}.cmask-count{grid-column:2;text-align:left!important}.cmask-empty{color:var(--text-secondary,#8b93a7);opacity:.7;flex-direction:column;align-items:center;gap:8px;padding:28px 0 12px;font-size:12px;display:flex}.csp-hint{color:var(--text-secondary,#8b93a7);margin:0;font-size:12px;line-height:1.45}.csp-grow{flex:1}.csp-info{width:15px;height:15px;color:var(--text-secondary,#a3a9b6);cursor:help;-webkit-user-select:none;user-select:none;border:1px solid #ffffff47;border-radius:50%;flex:none;place-items:center;font:italic 700 9.5px/1 Georgia,Times New Roman,serif;display:inline-grid}.csp-info:hover,.csp-info:focus-visible{color:#fff;background:#4da3ff2e;border-color:#4da3ff;outline:none}.csp-resetall{color:var(--text-secondary,#a3a9b6);border:1px solid var(--border-subtle,#2a3042);font:inherit;cursor:pointer;text-transform:none;background:0 0;border-radius:8px;align-self:flex-start;align-items:center;gap:5px;padding:4px 10px;font-size:12px;display:inline-flex}.csp-resetall:hover{color:var(--text-primary,#fff);border-color:#4da3ff}.csp-seg{border:1px solid var(--border-subtle,#2a3042);background:#00000040;border-radius:9px;gap:3px;padding:3px;display:flex}.csp-seg button{color:var(--text-secondary,#a3a9b6);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 4px;font-size:12px;display:inline-flex}.csp-seg button.on{color:#fff;background:#0177fd}.csp-sec{border:1px solid var(--border-subtle,#232838);background:#ffffff05;border-radius:10px}.csp-sec>header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:10px;display:flex}.csp-sec>header b{color:var(--text-primary,#e7e9ee);flex:0 auto;font-size:13px;font-weight:600}.csp-chev{color:var(--text-secondary,#7d8496);flex:none;transition:transform .15s;transform:rotate(-90deg)}.csp-sec.open .csp-chev{transform:none}.csp-reset{color:var(--text-secondary,#a3a9b6);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:3px;display:inline-flex}.csp-reset:disabled{opacity:.25;cursor:default}.csp-reset:not(:disabled):hover{color:#fff;background:#ffffff14}.csp-switch{cursor:pointer;background:#2a3042;border:0;border-radius:9px;flex:none;width:30px;height:17px;padding:0;position:relative}.csp-switch i{background:#fff;border-radius:50%;width:13px;height:13px;transition:left .15s;position:absolute;top:2px;left:2px}.csp-switch.on{background:#0177fd}.csp-switch.on i{left:15px}.csp-body{flex-direction:column;gap:8px;padding:2px 10px 12px;display:flex}.csp-row{color:var(--text-secondary,#a3a9b6);grid-template-columns:76px 1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.csp-row em{color:var(--text-primary,#c9cdd6);text-align:right;font-variant-numeric:tabular-nums;min-width:42px;font-style:normal}.csp-row .csp-switch{grid-column:3}.csp-wide{grid-column:2/4}.csp-row select{color:var(--text-primary,#e7e9ee);border:1px solid var(--border-subtle,#2a3042);font:inherit;background:#0000004d;border-radius:7px;padding:5px 7px;font-size:12px}.csp-stack{flex-direction:column;gap:6px;display:flex}.cap-panel .csp-tab{gap:0}.cap-panel .csp-sec{border:0;border-bottom:1px solid var(--surface-border);background:0 0;border-radius:0}.cap-panel .csp-sec>header{min-height:40px;padding:0 2px}.cap-panel .csp-sec--switch>header>b{color:var(--text-secondary)}.cap-panel .csp-sec.open>header>b,.cap-panel .csp-sec:not(.csp-sec--switch)>header>b{color:var(--text-primary)}.cap-panel .csp-body{padding:0 2px 12px 23px}.cap-panel .csp-tab>.csp-seg{margin:10px 0 4px}@media (max-width:760px){.csp-sec.csp-sec--page.csp-sec--page{background:0 0;border:0;border-radius:0}.csp-sec--page:not(.csp-sec--switch)>header{display:none}.csp-sec--page.csp-sec--page>.csp-body{padding:8px 2px 14px}.csp-sec--page.csp-sec--page.csp-sec--switch>header{background:#ffffff0a;border-radius:12px;height:auto;min-height:0;margin-top:4px;padding:12px 14px}.csp-sec--page.csp-sec--switch>header>b{color:var(--text-primary);font-size:15px}.csp-sec--page.csp-sec--switch>header>.csp-chev--none{display:none}}.csp-place{grid-template-columns:138px 1fr;align-items:start;gap:14px;display:grid}.csp-grid9{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.csp-grid9 button{aspect-ratio:1;color:var(--text-secondary,#7d8496);border:1px solid var(--border-subtle,#2a3042);cursor:pointer;background:#0000004d;border-radius:8px;place-items:center;padding:0;display:grid}.csp-grid9 button:hover{color:#fff;border-color:#4da3ff}.csp-grid9 button.on{color:#fff;background:#0177fd;border-color:#4da3ff}.csp-place-side{flex-direction:column;gap:8px;min-width:0;display:flex}.csp-place-label{color:var(--text-secondary,#a3a9b6);font-size:12px}.csp-iconrow{gap:6px;display:flex}.csp-iconbtn{width:38px;height:34px;color:var(--text-secondary,#c9cdd6);border:1px solid var(--border-subtle,#2a3042);cursor:pointer;background:#0000004d;border-radius:8px;place-items:center;padding:0;display:grid}.csp-iconbtn:hover{color:#fff;border-color:#4da3ff}.csp-iconbtn.on{color:#fff;background:#0177fd;border-color:#4da3ff}.csp-tpls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ctl{border:1px solid var(--border-subtle,#232838);background:#ffffff08;border-radius:12px;flex-direction:column;gap:8px;width:100%;padding:8px;display:flex}.ctl-bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ctl-bar button{color:var(--text-secondary,#c9cdd6);border:1px solid var(--border-subtle,#2a3042);font:inherit;cursor:pointer;background:#00000040;border-radius:7px;align-items:center;gap:5px;padding:4px 9px;font-size:12px;display:inline-flex}.ctl-bar button:disabled{opacity:.35;cursor:default}.ctl-scope{color:var(--text-primary,#e7e9ee);font-size:12px;font-weight:600}.ctb{border-bottom:1px solid var(--surface-border);align-items:center;gap:6px 12px;padding:6px 10px;font-size:11.5px;display:flex}.ctb-row{align-items:center;gap:4px;min-width:0;display:flex}.ctb-row--tools{border-left:1px solid var(--surface-border);flex:1;padding-left:12px}.ctb-gap{flex:1}.ctb-sep{background:var(--surface-border);flex:none;width:1px;height:16px;margin:0 4px}.ctb-scope{height:26px;color:var(--text-secondary);white-space:nowrap;background:#ffffff0d;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.ctb-scope--sel{color:#8cc4ff;background:#0177fd29;gap:2px;padding-right:3px;box-shadow:inset 0 0 0 1px #4da3ff59}.ctb-scope--sel:not(:has(.ctb-scope-x)){padding-right:10px}.ctb-scope-x{width:20px;height:20px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-left:2px;display:grid}.ctb-scope-x:hover{color:#fff;background:#ffffff1f}.ctb-btn{border:1px solid var(--surface-border);height:26px;color:var(--text-primary);white-space:nowrap;cursor:pointer;background:#ffffff08;border-radius:7px;flex:none;align-items:center;gap:5px;padding:0 9px;font-size:11.5px;font-weight:600;transition:background .12s,border-color .12s,color .12s,opacity .12s;display:inline-flex}.ctb-btn svg{color:var(--text-secondary);flex:none;transition:color .12s}.ctb-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff2e}.ctb-btn:hover:not(:disabled) svg{color:var(--text-primary)}.ctb-btn:disabled{opacity:.35;cursor:default}.ctb-btn.on{color:#8cc4ff;background:#0177fd29;border-color:#4da3ff73}.ctb-btn.on svg{color:#8cc4ff}.ctb-btn--danger:hover:not(:disabled){color:#ff8fa3;background:#ff4d6d1f;border-color:#ff4d6d73}.ctb-btn--danger:hover:not(:disabled) svg{color:#ff8fa3}.ctb-btn--quiet{color:var(--text-secondary);background:0 0;border-color:#0000}.ctb-reset{justify-content:center;min-width:68px}.ctb-btn--confirm,.ctb-btn--confirm:hover:not(:disabled){color:#ffb27a;background:#ff8a3d1a;border-color:#ff8a3d}.ctb-btn--confirm svg,.ctb-btn--confirm:hover:not(:disabled) svg{color:#ffb27a}.ctb-notice{text-overflow:ellipsis;white-space:nowrap;color:#ffcf66;min-width:0;font-size:11px;overflow:hidden}.ctb-zoom{border:1px solid var(--surface-border);border-radius:7px;flex:none;align-items:center;height:26px;display:inline-flex;overflow:hidden}.ctb-zoom button{min-width:26px;height:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0 5px;display:grid}.ctb-zoom button:hover:not(:disabled){color:var(--text-primary);background:#ffffff12}.ctb-zoom button:disabled{opacity:.4;cursor:default}.ctb-zoom .ctb-zoom-val{border-inline:1px solid var(--surface-border);font-variant-numeric:tabular-nums;min-width:40px;font-size:11px;font-weight:600}.ctb-zoom .ctb-zoom-val:disabled{opacity:1;color:var(--text-secondary)}.ctl-row{display:contents}.ctl2{container:ctl/inline-size}@container ctl (max-width:640px){.ctb{flex-direction:column;align-items:stretch}.ctb-row--tools{border-left:0;padding-left:0}}@media (max-width:760px){.ctb{flex-direction:column;align-items:stretch;gap:5px;padding:6px 8px}.ctb-row--tools{border-left:0;padding-left:0}.ctb-btn{justify-content:center;width:32px;height:30px;padding:0}.ctb-btn>span{display:none}.ctb-reset{min-width:0}.ctb-scope,.ctb-zoom{height:30px}.ctb-zoom button{min-width:30px}.ctb-notice{display:none}}.ctl-gap{flex:1}.ctl-track{cursor:pointer;background:#0000004d;border-radius:8px;outline:none;height:44px;position:relative}.ctl-block{color:#c9d6f3;font:inherit;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#1e2a44;border:1px solid #2f4370;border-radius:6px;padding:0 6px;font-size:11px;position:absolute;top:5px;bottom:5px;overflow:hidden}.ctl-block.on{color:#fff;background:#0177fd;border-color:#4da3ff}.ctl-dot{vertical-align:middle;background:#ffd166;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.ctl-head{pointer-events:none;background:#ff5d5d;width:2px;position:absolute;top:0;bottom:0}.caption-tool-timeline-wrap{align-self:stretch;width:100%;margin-top:12px}.caption-tool-timeline-wrap .ctl-track{height:52px}.cap-drag-edge{z-index:6;color:#fff;white-space:nowrap;pointer-events:none;background:#000000c7;border-radius:999px;padding:5px 11px;font-size:12px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.ctl2{--g:10px;min-height:0;color:var(--text-primary);outline:none;flex:none;margin:0;font-size:13px;overflow:visible}.ctl2 button{font:inherit;color:inherit}.caption-tool-stage{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:12px;width:100%;min-height:0;display:flex}@media (max-width:900px){.caption-tool-stage{flex:none}}.caption-tool-timeline-wrap{flex:none}.ctl2 .ed-tl-body{border-radius:0 0 12px 12px;flex:none;height:196px;max-height:none}.ctl2 .ed-lanes .ed-lane{height:34px;margin-top:6px}.ctl2 .ed-heads{padding-top:32px}.ctl2 .ed-heads .ed-head{height:34px;margin:0 0 6px}.ctl2 .ed-lanes .ed-lane--text .ed-clip{border-radius:7px;font-size:11px;top:3px;bottom:3px}.ctl2 .ed-lane--ghost{font-size:12px}.ctl2 .ed-head{gap:6px}.ctl2 .ed-head>span:not(.ed-head-ic){font-weight:500}.ctl2 .ed-ph-track{right:auto}.ctl2 .ed-ruler span{white-space:nowrap}.ctl-clip{padding:0 6px}.ctl-clip--behind{background:#4f3fb8}.ctl-lane--drop{background:#4da3ff14;box-shadow:inset 0 0 0 2px #4da3ff}.ctl-lane-hint{color:var(--text-secondary);pointer-events:none;align-items:center;padding-left:12px;font-size:11.5px;display:flex;position:absolute;inset:0}.ctl-video{cursor:pointer;padding:0}.ctl-video b{margin:0 6px 0 auto;position:relative}.ctl-strip{pointer-events:none;display:flex;position:absolute;inset:0}.ctl-strip i{background-position:50%;background-size:cover;flex:1 0 0;min-width:0}.ctl-mask{background:repeating-conic-gradient(#2c2f38 0 25%, #1d1f25 0 50%) 0 0 / 12px 12px;border-color:#4da3ff8c}.ctl-mask b{align-items:center;gap:5px;display:inline-flex}.ctl-mask--making{opacity:.75}.ctl-maskmenu-wrap{display:inline-flex;position:relative}.ctl2 .ctl-maskmenu{z-index:40;background:#17181c;border:1px solid #ffffff1f;border-radius:12px;min-width:280px;height:auto;padding:6px;position:absolute;inset:calc(100% + 8px) auto auto 0;box-shadow:0 18px 48px #000000a6}.ctl2 .ctl-maskmenu button{gap:12px;padding:8px 9px}.ctl2 .ctl-maskmenu button:hover:not(:disabled){background:#4da3ff1a}.ctl2 .ctl-maskmenu small{margin-top:2px;line-height:1.35}.ctl-maskmenu button{align-items:flex-start}.ctl-maskmenu button:disabled{opacity:.4;cursor:default}.ctl-maskmenu button>svg{flex:none;margin-top:2px}.ctl-maskmenu b{font-size:13px;display:block}.cap-panel-scope{color:var(--text-secondary,#a3a9b6);margin-left:auto;font-size:12px}.cap-drag-rotstem{pointer-events:none;background:#4da3ffe6;width:1.5px;height:18px;margin-left:-.75px;position:absolute;top:-18px;left:50%}.cap-drag-rot{color:#0177fd;cursor:grab;pointer-events:auto;touch-action:none;background:#fff;border:2px solid #4da3ff;border-radius:50%;place-items:center;width:22px;height:22px;margin-left:-11px;display:grid;position:absolute;top:-37px;left:50%;box-shadow:0 2px 6px #00000073}.cap-drag-tool{color:#fff;cursor:pointer;pointer-events:auto;background:#1e2330;border:0;border-radius:7px;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;box-shadow:0 2px 8px #00000080}.cap-drag-tool:hover{background:#2c3550}.cap-drag-tool.on{background:#0177fd}.cap-drag-tool--rotl{margin-left:-42px;top:-38px;left:50%}.cap-drag-tool--rotr{margin-left:18px;top:-38px;left:50%}.cap-drag-tool--corner{top:-32px;right:-4px}.ctl-tick{pointer-events:none;background:#ffffff2e;width:1px;position:absolute;top:4px;bottom:4px}.ctl-text{position:relative}.csp-warn{color:#ffb3b3;background:#ff5d5d1a;border:1px solid #ff5d5d8c;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;font-size:12px;display:flex}.csp-warn b{color:#ff8a8a;font-size:13px}.csp-warn ul{color:var(--text-secondary,#c9cdd6);margin:2px 0 4px;padding-left:16px}.csp-seg button:disabled{opacity:.4;cursor:default}.cap-drag-box--fixed{border-style:solid}.cap-drag-box--over{box-shadow:0 0 0 1px #ff5d5d99;border-color:#ff5d5d!important}.cap-drag-box--over .cap-drag-hint{background:#a01414d9}.cap-drag-vhandle{cursor:ns-resize;pointer-events:auto;touch-action:none;box-sizing:border-box;background:#fff;border:2px solid #4da3ff;border-radius:4px;width:26px;height:8px;margin-left:-13px;position:absolute;left:50%}.cap-drag-vhandle--t{top:-4px}.cap-drag-vhandle--b{bottom:-4px}.fa-page{flex-direction:column;gap:14px;display:flex}.fa-top{z-index:20;clip-path:inset(0 -100vmax);background:#000;border-bottom:1px solid #0000;flex-direction:column;gap:10px;margin:-36px -40px 0;padding:36px 40px 12px;transition:border-color .2s;display:flex;position:sticky;top:0;box-shadow:0 0 0 100vmax #000}.fa-top.is-compact{border-bottom-color:var(--surface-border)}.app-main:has(.fa-top){overflow-anchor:none}.fa-title{flex-direction:column;flex:none;justify-content:center;min-width:0;display:flex}.fa-title h1{white-space:nowrap;margin:0;font-size:22px;font-weight:700;line-height:1.1}.fa-total{color:var(--text-secondary);white-space:nowrap;font-size:12.5px}.fa-find{align-items:center;gap:10px;display:flex}.fa-find .fa-search{border-radius:14px;flex:1;gap:10px;width:auto;min-width:0;height:50px;padding:0 16px}.fa-find .fa-search input{font-size:15.5px}.fa-kind{flex:0 0 170px;display:flex}.fa-kind>*{flex:1}.fa-kind button:first-child{border-radius:14px;height:50px}.fa-kind-opt{align-items:center;gap:8px;display:inline-flex}.custom-select-panel.fa-kind-panel{min-width:0}.fa-top .fa-cats{transition:height .22s,opacity .18s,margin .22s}.fa-top.is-compact .fa-cats{opacity:0;pointer-events:none;height:0;margin-top:-10px}@media (max-width:640px){.fa-top{margin:-16px -10px 0;padding:16px 10px 10px}.fa-find{flex-wrap:wrap}.fa-title{flex-direction:row;justify-content:flex-start;align-items:baseline;gap:8px;width:100%}.fa-find .fa-search{height:46px}.fa-kind{flex-basis:132px}.fa-kind button:first-child{height:46px}}.fa-cats{scrollbar-width:none;flex-direction:column;gap:6px;height:70px;padding-bottom:2px;display:flex;overflow:auto hidden}.fa-cats-row{flex:none;gap:6px;width:max-content;height:32px;display:flex}.fa-cats::-webkit-scrollbar{display:none}.fa-cats button{border:1px solid var(--surface-border);background:var(--surface);color:var(--text-secondary);font:inherit;white-space:nowrap;cursor:pointer;border-radius:9px;flex:none;padding:0 13px;font-size:13px}.fa-cats button:hover{color:var(--text-primary);border-color:#4da3ff99}.fa-cats button.on{color:#fff;background:#0177fd33;border-color:#0177fd}.fa-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.fa-head h1{font-size:var(--fs-3xl,30px);margin:0 0 4px;font-weight:700}.fa-head p{color:var(--text-secondary);max-width:620px;margin:0;font-size:14px;line-height:1.5}.fa-search{border:1px solid var(--surface-border);background:var(--surface);width:min(340px,100%);color:var(--text-secondary);border-radius:12px;align-items:center;gap:8px;padding:9px 12px;display:flex}.fa-search:focus-within{border-color:#4da3ff}.fa-search input{min-width:0;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.fa-search button{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.fa-tabs{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.fa-tabs button{border:1px solid var(--surface-border);background:var(--surface);color:var(--text-secondary);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-size:14px;font-weight:600;display:inline-flex}.fa-tabs button:hover{color:var(--text-primary)}.fa-tabs button.on{background:var(--primary,#0177fd);border-color:var(--primary,#0177fd);color:#fff}.fa-tabs em,.fa-groups em{opacity:.7;margin-left:2px;font-size:11.5px;font-style:normal;font-weight:500}.fa-blurb{color:var(--text-secondary);margin:-4px 0 0;font-size:13px}.fa-groups{flex-wrap:wrap;gap:6px;display:flex}.fa-groups button{border:1px solid var(--surface-border);color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:5px 11px;font-size:12.5px;display:inline-flex}.fa-groups button:hover{color:var(--text-primary);border-color:#4da3ff}.fa-groups button.on{color:#fff;background:#0177fd2e;border-color:#4da3ff}.fa-empty{color:var(--text-secondary);text-align:center;padding:40px 0}.fa-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.fa-grid--stickers{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.fa-masonry{align-items:flex-start;gap:12px;display:flex}.fa-masonry-col{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.fa-tile{border:1px solid var(--surface-border);background:var(--surface);cursor:pointer;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.fa-tile:hover{border-color:#4da3ff}.fa-tile img,.fa-tile video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.fa-tile--stickers{background:repeating-conic-gradient(#ffffff0f 0 25%, transparent 0 50%) 0 0 / 18px 18px, var(--surface)}.fa-tile--stickers img{object-fit:contain;padding:12%}.fa-tile--effects{background:#000}.fa-tile-label{color:#fff;text-align:left;opacity:0;background:linear-gradient(#0000,#000000a6);padding:18px 10px 8px;font-size:12.5px;font-weight:600;transition:opacity .15s;position:absolute;bottom:0;left:0;right:0}.fa-tile:hover .fa-tile-label,.fa-tile:focus-visible .fa-tile-label{opacity:1}.fa-tile--stickers .fa-tile-label{opacity:1;color:var(--text-secondary);text-align:center;background:0 0;padding:0 8px 6px;font-weight:500}.fa-badge{color:#fff;background:#0000008c;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;display:inline-flex;position:absolute;top:8px;left:8px}.fa-skel{border-radius:0;margin:0;position:absolute;inset:0}.fa-fade{opacity:0;transition:opacity .35s}.fa-fade.is-in{opacity:1}.fa-tile-skel{aspect-ratio:16/9;border-radius:12px;margin:0;display:block}.fa-grid--stickers .fa-tile-skel{aspect-ratio:1}.fa-more{height:1px}.fa-sounds{flex-direction:column;gap:6px;display:flex}.fa-sound{border:1px solid var(--surface-border);background:var(--surface);border-radius:12px;grid-template-columns:40px minmax(140px,240px) 1fr 52px 36px;align-items:center;gap:14px;padding:8px 12px;display:grid}.fa-sound.is-playing{border-color:#4da3ff}.fa-play{background:var(--primary,#0177fd);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.fa-sound-meta{flex-direction:column;min-width:0;display:flex}.fa-sound-meta b{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:14px;display:flex;overflow:hidden}.fa-sound-meta small{color:var(--text-secondary);font-size:12px}.fa-pill{color:var(--text-secondary);background:#ffffff14;border-radius:999px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:600}.fa-wave{align-items:center;gap:2px;min-width:0;height:34px;display:flex}.fa-wave i{background:#ffffff38;border-radius:2px;flex:1;min-width:1px}.fa-wave i.on{background:#4da3ff}.fa-sound-len{color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:right;font-size:12.5px}.fa-dl{border:1px solid var(--surface-border);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:9px;place-items:center;display:grid}.fa-dl:hover:not(:disabled){color:var(--text-primary);border-color:#4da3ff}.fa-sound-skel{border-radius:12px;height:54px;margin:0;display:block}.fa-modal-back{z-index:300;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.fa-modal{--fa-room:min(760px, calc(100vh - 40px - 40px - 196px));border:1px solid var(--surface-border);background:var(--surface-solid,#141416);border-radius:18px;flex-direction:column;width:min(1400px,100%);max-height:calc(100vh - 40px);display:flex;position:relative;overflow:hidden}.fa-modal-top{flex:auto;grid-template-columns:minmax(0,1fr) 320px;min-height:0;display:grid}.fa-modal:not(:has(.fa-related)){--fa-room:min(760px, calc(100vh - 80px))}.fa-related{border-top:1px solid var(--surface-border);flex:none;padding:14px 20px 16px}.fa-related h3{margin:0 0 10px;font-size:15px;font-weight:600}.fa-related-row{box-sizing:content-box;scrollbar-width:thin;gap:10px;height:130px;padding-bottom:6px;display:flex;overflow:auto hidden}.fa-related-row .fa-tile--small{flex:none;width:auto;height:100%}.fa-related-row--stickers{height:110px}.fa-stage-frame .fa-video{flex-direction:column;gap:6px;display:flex;position:absolute;inset:0 0 -64px}.fa-stage--videos .fa-stage-frame,.fa-stage--effects .fa-stage-frame{width:min(100%, calc((var(--fa-room) - 64px) * var(--ar,1.78)));margin-bottom:64px}.fa-video-frame{flex:1;min-height:0;position:relative}.fa-stage-frame .fa-video-frame video{object-fit:contain;cursor:pointer;border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.fa-video--fullscreen{z-index:2000;background:#000;padding:12px;inset:0;position:fixed!important}.fa-tile.is-loading{background:0 0;border-color:#0000}.fa-error{color:#ff6b6b;margin:0;font-size:13px}.fa-close{z-index:2;color:#fff;cursor:pointer;background:#00000073;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}.fa-stage{background:#0b0b0d;place-items:center;min-height:320px;padding:20px;display:grid}.fa-stage--stickers{background:repeating-conic-gradient(#ffffff0f 0 25%, transparent 0 50%) 0 0 / 22px 22px, #0b0b0d}.fa-stage--effects{background:#000}.fa-stage{min-width:0}.fa-stage-frame{width:min(100%, calc(var(--fa-room) * var(--ar,1.78)));height:auto;position:relative}.fa-stage-frame img,.fa-stage-frame video{object-fit:contain;border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.fa-info{flex-direction:column;gap:12px;padding:22px 20px;display:flex;overflow-y:auto}.fa-info h2{margin:0;padding-right:36px;font-size:20px}.fa-info-group{color:var(--text-secondary);margin:-6px 0 0;font-size:13px}.fa-seg{border:1px solid var(--surface-border);border-radius:10px;align-self:flex-start;padding:3px;display:inline-flex}.fa-seg button{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 14px;font-size:13px;font-weight:600}.fa-seg button.on{background:var(--primary,#0177fd);color:#fff}.fa-downloads{flex-direction:column;gap:8px;display:flex}.fa-btn{border:1px solid var(--surface-border);color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.fa-btn:hover:not(:disabled){border-color:#4da3ff}.fa-btn:disabled{opacity:.6;cursor:default}.fa-btn--primary{background:var(--primary,#0177fd);border-color:var(--primary,#0177fd);color:#fff}.fa-note{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.5}.fa-note a,.fa-license{color:#4da3ff;text-decoration:none}.fa-note a:hover,.fa-license:hover{text-decoration:underline}.fa-tags{flex-wrap:wrap;gap:5px;margin:0;display:flex}.fa-tags span{color:var(--text-secondary);background:#ffffff0f;border-radius:999px;padding:2px 8px;font-size:11.5px}@media (max-width:900px){.fa-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.fa-grid--stickers{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.fa-modal{display:block;overflow-y:auto}.fa-modal-top{grid-template-columns:1fr}.fa-related-row{height:110px}.fa-related-row--stickers{height:90px}.fa-masonry,.fa-masonry-col{gap:8px}.fa-stage{min-height:0;padding:12px}.fa-stage-frame{height:auto;width:min(100%, calc(46vh * var(--ar,1.78)))}.fa-sound{grid-template-columns:36px minmax(0,1fr) 44px 34px;gap:10px}.fa-wave{display:none}}.hfree{padding:70px 0 40px;position:relative}.hfree-inner{max-width:1180px;margin:0 auto;padding:0 32px}.hfree-head{text-align:center}.hfree-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:40px;display:grid}.hfree-card{color:inherit;opacity:0;background:linear-gradient(#f5f3ef0d,#f5f3ef04);border:1px solid #f5f3ef14;border-radius:22px;flex-direction:column;text-decoration:none;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1),border-color .3s;display:flex;position:relative;overflow:hidden;transform:translateY(18px)}.hfree-inner.reveal--in .hfree-card{opacity:1;transform:none}.hfree-inner.reveal--in .hfree-card:nth-child(2){transition-delay:.1s}.hfree-card:hover{border-color:#0177fd80}.hfree-media{aspect-ratio:16/9;background:#0d0e11;position:relative;overflow:hidden}.hfree-media video,.hfree-tile img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s,transform .6s;position:absolute;inset:0}.hfree-media video.is-in,.hfree-tile img.is-in{opacity:1}.hfree-card:hover .hfree-media video,.hfree-card:hover .hfree-tile img{transform:scale(1.03)}.hfree-media--grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.hfree-tile{background:#15171c;border-radius:10px;position:relative;overflow:hidden}.hfree-badge{z-index:2;color:#fff;background:#0177fdeb;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:12px;left:12px}.hfree-body{flex-direction:column;gap:10px;padding:22px 24px 24px;display:flex}.hfree-body h3{margin:0;font-size:21px;line-height:1.25}.hfree-body p{color:var(--text-secondary);margin:0;font-size:14.5px;line-height:1.55}.hfree-body ul{flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none;display:flex}.hfree-body li{color:var(--text-secondary);border:1px solid #f5f3ef1f;border-radius:999px;padding:4px 10px;font-size:12px}.hfree-cta{color:#4da3ff;align-items:center;gap:6px;margin-top:6px;font-size:14.5px;font-weight:700;display:inline-flex}.hfree-card:hover .hfree-cta svg{transform:translate(3px)}.hfree-cta svg{transition:transform .2s}@media (max-width:860px){.hfree-grid{grid-template-columns:1fr}.hfree-inner{padding:0 16px}}.ex-page{flex-direction:column;gap:6px;display:flex}.ex-top{z-index:20;clip-path:inset(0 -100vmax);border-bottom:1px solid var(--surface-border);background:#000;flex-direction:column;gap:10px;margin:-36px -40px 0;padding:36px 40px 12px;display:flex;position:sticky;top:0;box-shadow:0 0 0 100vmax #000}.ex-find{align-items:center;gap:14px;display:flex}.ex-tabsel{flex-basis:190px}.app-main:has(.ex-top){overflow-anchor:none}.ex-top .fa-cats{transition:height .22s,opacity .18s,margin .22s}.ex-top.is-compact .fa-cats{opacity:0;pointer-events:none;height:0;margin-top:-10px}.ex-find .fa-kind button:first-child{border-radius:14px;height:50px}.ex-find .fa-search{border-radius:14px;flex:1;gap:10px;width:auto;min-width:0;height:50px;padding:0 16px}.ex-find .fa-search input{font-size:15.5px}.ex-title{flex-direction:column;flex:none;min-width:0;display:flex}.ex-title h1{margin:0;font-size:22px;font-weight:700;line-height:1.1}.ex-title span{color:var(--text-secondary);white-space:nowrap;font-size:12.5px}.ex-tabs,.ex-groups{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.ex-tabs::-webkit-scrollbar{display:none}.ex-groups::-webkit-scrollbar{display:none}.ex-tabs button{border:1px solid var(--surface-border);background:var(--surface);height:36px;color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:10px;flex:none;align-items:center;gap:7px;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex}.ex-tabs button:hover,.ex-groups button:hover{color:var(--text-primary);border-color:#4da3ff99}.ex-tabs button.on,.ex-groups button.on{color:#fff;background:#0177fd33;border-color:#0177fd}.ex-groups button{border:1px solid var(--surface-border);height:30px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:9px;flex:none;padding:0 12px;font-size:12.5px}.ex-section{flex-direction:column;gap:12px;padding-top:18px;display:flex}.ex-section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ex-section-head h2{margin:0;font-size:17px;font-weight:700}.ex-section-head button{color:#4da3ff;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13.5px;font-weight:600}.ex-section-head button:hover{text-decoration:underline}.ex-masonry{align-items:flex-start;gap:14px;display:flex}.ex-col{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.ex-card{color:inherit;flex-direction:column;gap:7px;text-decoration:none;display:flex}.ex-frame{background:var(--surface);border:1px solid var(--surface-border);border-radius:12px;width:100%;max-width:100%;transition:border-color .15s,transform .2s;position:relative;overflow:hidden}.ex-card:hover .ex-frame{border-color:#4da3ff;transform:translateY(-2px)}.ex-frame>img,.ex-frame>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ex-frame .ex-cut{z-index:2;pointer-events:none}.ex-stage{z-index:1;pointer-events:none;position:absolute;inset:0}.ex-fade{opacity:0;transition:opacity .35s}.ex-fade.is-in{opacity:1}.ex-edit{z-index:4;color:#fff;cursor:pointer;background:#0177fd;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #0006}.ex-edit:hover{background:#2b8cff}.ex-kind{z-index:3;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000009e;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;bottom:8px;left:8px}.ex-badge{z-index:3;color:#fff;background:#0177fde6;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700;position:absolute;top:8px;left:8px}.ex-meta{flex-direction:column;gap:1px;min-width:0;padding:0 2px;display:flex}.ex-meta b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.ex-meta small{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ex-skel{aspect-ratio:9/16;border-radius:12px;display:block}.ex-skel--wide{aspect-ratio:1}.ex-empty{color:var(--text-secondary);margin:8px 0 0;font-size:14px}@media (max-width:700px){.ex-top{margin:-16px -10px 0;padding:16px 10px 10px}.ex-find{flex-wrap:wrap;gap:8px}.ex-title{flex-direction:row;align-items:baseline;gap:8px;width:100%}.ex-title span{white-space:normal;font-size:12px}.ex-find .fa-search{height:46px}.ex-tabsel{flex:0 0 150px}.ex-find .fa-kind button:first-child{height:46px}.ex-masonry,.ex-col{gap:10px}}.caption-picked-look{border:1px solid var(--surface-border);background:var(--surface);border-radius:14px;align-items:center;gap:14px;margin-bottom:14px;padding:10px;display:flex}.caption-picked-look-card{pointer-events:none;flex:0 0 84px}.caption-picked-look-card .mmc-look-card{background:0 0;border:0;width:100%;padding:0}.caption-picked-look-text{flex-direction:column;gap:3px;min-width:0;display:flex}.caption-picked-look-text small{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11.5px}.caption-picked-look-text b{font-size:16px}.caption-picked-look-text span{color:var(--text-secondary);font-size:13px;line-height:1.45}:is(body:has(.ex-page) .app-sidebar,body:has(.fa-page) .app-sidebar){-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:var(--surface-border);background:#000}.media-topbar-icons{align-items:center;gap:10px;display:flex}.media-topbar-more-btn,.media-topbar-more-scrim{display:none}@media (max-width:768px){.media-topbar-nav,.media-topbar-nav--skeleton,.media-version-delete-btn{display:none}:is(.project-top-bar:has(.media-topbar-editor-btn),.project-top-bar:has(.media-topbar-more-btn)){flex-wrap:wrap;row-gap:8px;height:auto;padding:8px 12px 10px}.project-top-bar:has(.media-topbar-more-btn){flex-wrap:nowrap}.project-top-bar:has(.media-topbar-more-btn) .project-top-bar-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.project-top-bar:has(.media-topbar-more-btn) .media-topbar-actions{display:contents}.media-topbar-more-btn{order:2;display:inline-flex}.media-topbar-editor-btn{flex:none;order:1;height:34px;margin-right:0;padding:0 12px;font-size:13px}.media-topbar-icons{display:none}.media-topbar-icons--open{z-index:31;border:1px solid var(--surface-border);background:#121211;border-radius:14px;gap:8px;padding:8px;display:flex;position:absolute;top:52px;right:12px;box-shadow:0 16px 40px #0000008c}.media-topbar-more-scrim{z-index:30;display:block;position:fixed;inset:0}.tool-page-body--two-row-bar{padding-top:60px}.project-top-bar:not(:has(.media-topbar-more-btn)) .media-topbar-editor-btn{order:0}.tool-result-area--video:not(.tool-result-area--fullscreen){container-type:size}.tool-result-area--video:not(.tool-result-area--fullscreen)>video{width:min(100cqw, calc(100cqh * var(--ar,1.7778)))!important;max-width:none!important;height:auto!important}.tool-bottom-bar-settings{flex:100%;order:-1}.tool-bottom-bar .batch-stepper{align-self:center}.tool-bottom-bar .tool-generate-btn-compact{min-height:36px;margin-left:auto}}.media-version-sidebar{background:var(--background)}.media-version-card{background:var(--surface-solid);border-radius:var(--radius-lg)}.media-version-card--selected{background:#0b1522;border-color:#0177fd80}.media-version-thumb{background:var(--background);border-radius:var(--radius-md)}.tool-page--edit :has(>.video-controls-bar){background:var(--background)}@media (max-width:1024px){.media-version-sidebar{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px 12px}.media-version-sidebar-title{padding:0 2px}.media-version-list{flex-direction:row;padding-bottom:4px;overflow-x:auto}}.media-sidebar-tab--generate{display:none}@media (max-width:768px){.media-sidebar-tab--generate{display:inline-flex}.tool-page[data-mtab=layers] .tool-composer,.tool-page[data-mtab=versions] .tool-composer,.tool-page[data-mtab=generate] .media-version-list,.tool-page[data-mtab=generate] .media-version-sidebar-empty,.tool-page[data-mtab=generate] .image-layers-list{display:none}.tool-edit-rail--left{bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:40;background:var(--background);border-top:1px solid var(--surface-border);scrollbar-width:none;flex-direction:row;gap:10px;padding:8px 14px;overflow:auto hidden;top:auto!important;left:0!important;right:0!important;transform:none!important}.tool-edit-rail--left::-webkit-scrollbar{display:none}.tool-edit-rail--left .tool-edit-rail-btn{flex:none}.tool-edit-rail--left .tool-edit-rail-tooltip{display:none}.tool-edit-rail--right{z-index:40;flex-direction:row;gap:8px;top:130px!important;left:auto!important;right:10px!important;transform:none!important}.tool-edit-rail--right .tool-edit-rail-btn{width:36px;height:36px}.tool-edit-rail--right .tool-edit-rail-tooltip{display:none}.tool-page--edit .tool-page-body--edit-topbar{padding-bottom:76px}.tool-page--edit[data-mtab]{--mnav:calc(64px + env(safe-area-inset-bottom,0px));--mtabs:54px;--mtools:68px;--mdock:40vh;--mcontent-bottom:calc(var(--mnav) + var(--mtabs) + var(--mtools));--mcontent-h:max(calc(var(--mdock) - var(--mtabs) - var(--mtools)), 190px)}.tool-page--edit[data-mtab]:after{content:"";left:0;right:0;bottom:var(--mnav);height:calc(var(--mcontent-h) + var(--mtabs) + var(--mtools));background:var(--background);border-top:1px solid var(--surface-border);z-index:35;pointer-events:none;position:fixed}.tool-page--edit[data-mtab] .tool-page-body--edit-topbar{padding-bottom:calc(var(--mnav) + var(--mcontent-h) + var(--mtabs) + var(--mtools))}.tool-page--edit[data-mtab] .media-version-sidebar{display:contents}.tool-page--edit[data-mtab] .media-sidebar-tabs-wrap{left:0;right:0;bottom:var(--mnav);height:var(--mtabs);z-index:45;background:var(--background);border-top:1px solid var(--surface-border);margin:0;padding:6px 12px;position:fixed;top:auto}.tool-page--edit[data-mtab] .media-sidebar-tabs-wrap:after{display:none}.tool-page--edit[data-mtab] .media-sidebar-tabs{height:100%}.tool-page--edit[data-mtab] .media-version-list,.tool-page--edit[data-mtab] .image-layers-list,.tool-page--edit[data-mtab] .media-version-sidebar-empty{left:0;right:0;bottom:var(--mcontent-bottom);height:var(--mcontent-h);z-index:40;box-sizing:border-box;padding:12px;position:fixed;overflow-y:auto}.tool-page--edit[data-mtab] .media-version-list{flex-direction:row;align-items:flex-start;overflow-x:auto}.tool-page--edit[data-mtab=generate] .tool-composer.tool-composer--floating{left:0;right:0;bottom:var(--mcontent-bottom);width:auto;max-width:none;max-height:var(--mcontent-h);z-index:40;box-sizing:border-box;border-radius:0;margin:0;position:fixed;overflow-y:auto;transform:none}.tool-page--edit[data-mtab] .tool-edit-rail--left{height:var(--mtools);box-sizing:border-box;z-index:42;border-top:1px solid var(--surface-border);align-items:center;bottom:calc(var(--mnav) + var(--mtabs))!important}.tool-page--edit[data-mtab]~.edit-tools-panel,.edit-tools-panel{top:auto;left:0;right:0;bottom:var(--mnav,64px);z-index:60;border-left:none;border-top:1px solid var(--surface-border);background:var(--background);border-radius:0;width:auto;height:40vh;min-height:280px;box-shadow:0 -12px 32px #00000073}.edit-tools-panel{touch-action:pan-y;height:48vh}.edit-tools-panel-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:0;padding:12px 16px;overflow-y:auto}.edit-tools-panel-header{padding:12px 16px 10px}.edit-tools-panel-footer{padding:10px 16px}}.image-layer-move{align-items:center;gap:2px;display:none}@media (max-width:768px){.image-layer-move{display:inline-flex}.image-layer-grip{display:none}.tool-page--edit[data-mtab] .tool-edit-rail--right{z-index:44;pointer-events:none;justify-content:center;gap:14px;top:auto!important;left:0!important;right:0!important;bottom:calc(var(--mnav) + var(--mcontent-h) + var(--mtabs) + var(--mtools) + 10px)!important;transform:none!important}.tool-page--edit[data-mtab] .tool-edit-rail--right .tool-edit-rail-btn{pointer-events:auto;width:42px;height:42px}body:has(.edit-tools-panel) .tool-page--edit[data-mtab] .tool-edit-rail--right{bottom:calc(var(--mnav) + 48vh + 10px)!important}}.text-overlay-positioner-box.ed-sel{border:1.5px solid #4da3ff;border-radius:0;box-shadow:0 0 0 1px #00000059}.text-overlay-positioner-box.ed-sel .ed-sel-h{z-index:2}.ilp-open{border:1px solid var(--surface-border);background:var(--surface-solid);width:100%;color:var(--text-primary);font-size:var(--fs-sm);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:10px 12px;display:flex}.ilp-open:hover{border-color:#0177fd99}.ilp-scrim{z-index:400;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ilp{border:1px solid var(--surface-border);background:var(--surface-solid);border-radius:16px;flex-direction:column;gap:10px;width:min(860px,100%);max-height:min(86vh,760px);padding:16px;display:flex;overflow:hidden}.ilp-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.ilp-tabs{border:1px solid var(--surface-border);background:var(--background);border-radius:999px;gap:4px;padding:3px;display:flex}.ilp-tabs button{color:var(--text-secondary);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 16px}.ilp-tabs button.on{color:var(--text-primary);background:#0177fd33}.ilp-x{border:1px solid var(--surface-border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.ilp-search{border:1px solid var(--surface-border);background:var(--background);height:38px;color:var(--text-secondary);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.ilp-search input{min-width:0;color:var(--text-primary);font-size:var(--fs-sm);background:0 0;border:0;outline:0;flex:1}.ilp-chips{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.ilp-chips::-webkit-scrollbar{display:none}.ilp-chips button{border:1px solid var(--surface-border);color:var(--text-secondary);font-size:var(--fs-xs);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;flex:none;padding:5px 12px}.ilp-chips button.on{color:var(--text-primary);background:#0177fd26;border-color:#0177fdb3}.ilp-colors{align-items:center;gap:8px;display:flex}.ilp-colors button{cursor:pointer;border:2px solid #ffffff40;border-radius:50%;width:22px;height:22px;padding:0}.ilp-colors button.on{border-color:#4da3ff}.ilp-colors input[type=color]{cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0}.ilp-grid{overscroll-behavior:contain;flex:1;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));align-content:start;gap:8px;min-height:0;display:grid;overflow-y:auto}.ilp-grid--elements{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.ilp-tile{aspect-ratio:1;border:1px solid var(--surface-border);background:var(--background);cursor:pointer;border-radius:10px;width:100%;height:auto;padding:0;display:block;position:relative;overflow:hidden}.ilp-tile:hover{border-color:#0177fdb3}.ilp-tile img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ilp-tile--el img{object-fit:contain;padding:10px}.ilp-grid--stickers .ilp-tile img{object-fit:contain;padding:6px}.ilp-more{border:1px solid var(--surface-border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:999px;align-self:center;padding:8px 18px}.ilp-empty{text-align:center;color:var(--text-secondary);font-size:var(--fs-sm);margin:0}.ilp>*{flex-shrink:0}.ilp>.ilp-grid{flex:auto}.ilp-grid{grid-auto-rows:max-content}@media (max-width:768px){.image-layers-hint,.edit-tools-panel-hint{display:none}}.version-bar{top:calc(12px + env(safe-area-inset-top,0px));z-index:10000;border:1px solid var(--surface-border);background:var(--surface-solid);color:#fff;max-width:calc(100vw - 24px);font-size:var(--fs-sm);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 14px;animation:.25s ease-out version-bar-in;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000080}.version-bar-text{text-overflow:ellipsis;overflow:hidden}.version-bar-refresh{background:var(--primary);color:#fff;height:30px;font-size:var(--fs-sm);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.version-bar-refresh:hover{filter:brightness(1.1)}.version-bar-close{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.version-bar-close:hover{color:#fff;background:#ffffff14}@keyframes version-bar-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.account-shell{align-items:flex-start;gap:36px;max-width:1280px;margin:0 auto;padding:28px 32px 48px;display:flex}.account-nav{flex-direction:column;flex-shrink:0;gap:2px;width:232px;display:flex;position:sticky;top:24px}.account-nav-back{color:var(--text-secondary);font-size:var(--fs-sm);border-radius:10px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 10px;text-decoration:none;display:inline-flex}.account-nav-back:hover{color:var(--text-primary);background:#ffffff0d}.account-nav-group{flex-direction:column;gap:2px;margin-bottom:14px;display:flex}.account-nav-title{font-family:var(--font-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);opacity:.8;padding:6px 12px;font-size:.66rem}.account-nav-link{color:var(--text-secondary);font-size:var(--fs-sm);border-radius:10px;align-items:center;gap:11px;padding:9px 12px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.account-nav-link:hover{color:var(--text-primary);background:#ffffff0d}.account-nav-link--active{color:var(--text-primary);background:#ffffff14}.account-nav-link svg{flex-shrink:0}.account-nav-link em{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);border:1px solid var(--surface-border);border-radius:999px;margin-left:auto;padding:1px 7px;font-size:.62rem;font-style:normal}.account-nav-version{font-size:var(--fs-xs);color:var(--text-secondary);opacity:.7;margin:6px 12px 0}.account-content{flex:1;min-width:0}.account-content .dash-page{max-width:none;margin:0;padding:0}.settings-soon{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:640px;padding:36px 28px;display:flex}.settings-soon h2{margin:6px 0 0;font-size:1.15rem}.settings-soon p{color:var(--text-secondary);font-size:var(--fs-sm);max-width:380px;margin:0}.account-mobilebar,.account-drawer-backdrop,.settings-home{display:none}@media (max-width:820px){.account-shell{flex-direction:column;gap:14px;padding:12px 16px 40px}.account-content{width:100%}.account-shell>.account-nav{display:none}.account-mobilebar{border-bottom:1px solid var(--surface-border);width:100%;font-weight:600;font-size:var(--fs-md);align-items:center;gap:12px;padding:4px 0 10px;display:flex}.account-mobilebar a.account-mobilebar-btn{text-decoration:none}.settings-home{flex-direction:column;gap:12px;width:100%;display:flex}.settings-home-account{border:1px solid var(--surface-border);color:var(--text-primary);background:#ffffff0a;border-radius:18px;align-items:center;gap:10px;padding:16px 16px 16px 18px;text-decoration:none;display:flex}.settings-home-email{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-md);flex:1;font-weight:600;overflow:hidden}.settings-home-plan{color:#111;font-size:var(--fs-xs);background:#fff;border-radius:999px;flex:none;padding:4px 12px;font-weight:700}.settings-home-account>svg{color:var(--text-secondary);flex:none}.settings-home-group{border:1px solid var(--surface-border);background:#ffffff0a;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.settings-home-row{min-height:58px;color:var(--text-primary);align-items:center;gap:14px;padding:10px 16px 10px 18px;text-decoration:none;display:flex}.settings-home-group .settings-home-row+.settings-home-row{border-top:1px solid var(--surface-border)}.settings-home-row:active{background:#ffffff0f}.settings-home-row>svg:first-child{color:var(--text-secondary);flex:none}.settings-home-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.settings-home-text b{font-size:var(--fs-md);font-weight:500}.settings-home-text small{font-size:var(--fs-xs);color:var(--text-secondary)}.settings-home-chev{color:var(--text-secondary);opacity:.7;flex:none}.settings-home-row em{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);border:1px solid var(--surface-border);border-radius:999px;padding:2px 8px;font-size:.62rem;font-style:normal}.settings-home-back{border:1px solid var(--surface-border);width:100%;font:inherit;text-align:left;cursor:pointer;background:#ffffff0a;border-radius:18px}.settings-home-version{text-align:center;font-size:var(--fs-xs);color:var(--text-secondary);opacity:.7;margin:4px 0 0}.account-mobilebar-btn{border:1px solid var(--surface-border);width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.account-drawer-backdrop{z-index:500;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;display:block;position:fixed;inset:0}.account-drawer{width:min(320px,86vw);padding:16px 14px calc(24px + env(safe-area-inset-bottom));border-right:1px solid var(--surface-border);background:#0d0e11;flex-direction:column;gap:2px;animation:.18s ease-out both accountDrawerIn;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}.account-drawer-head{font-family:var(--font-display);justify-content:space-between;align-items:center;padding:0 4px 10px 10px;font-size:1.3rem;font-weight:700;display:flex}}@keyframes accountDrawerIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.pending-gate{z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080807f5;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pending-gate-card{border:1px solid var(--surface-border);text-align:center;background:#100f0d;border-radius:20px;width:min(460px,100%);padding:32px 28px}.pending-gate-card h2{font-family:var(--font-display);margin:0 0 14px;font-size:1.7rem;line-height:1.2}.pending-gate-card h2 em{color:var(--danger);font-style:italic}.pending-gate-card p{color:var(--text-secondary);margin:0 0 12px;line-height:1.55}.pending-gate-card p b{color:var(--text-primary)}.pending-gate-sub{font-size:var(--fs-sm)}.pending-gate-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:20px;display:flex}.pending-gate-actions .btn-primary{justify-content:center}.pending-gate-actions .btn-secondary-sm{justify-content:center;padding:11px 14px}.bin-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.bin-head .dash-greeting{flex:1;min-width:0}.bin-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-top:8px;display:grid}.bin-card{border:1px solid var(--surface-border);background:var(--surface);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.bin-thumb{aspect-ratio:4/3;width:100%;color:var(--text-secondary);background:#ffffff08;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.bin-thumb img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .25s}.bin-thumb img.bin-thumb--loaded{opacity:1}.bin-card-body{flex-direction:column;gap:4px;padding:12px 14px 14px;display:flex}.bin-card-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;font-size:.9rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.bin-card-meta{color:var(--text-secondary);font-size:.76rem}.bin-card-actions{gap:8px;margin-top:8px;display:flex}.bin-btn,.bin-empty{border:1px solid var(--surface-border);color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.bin-btn{flex:1}.bin-btn:hover:not(:disabled),.bin-empty:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff40}.bin-btn--danger{color:#f87171;flex:none}.bin-btn--danger:hover:not(:disabled),.bin-empty:hover:not(:disabled){color:#f87171;background:#f8717114;border-color:#f8717180}.bin-btn:disabled,.bin-empty:disabled{opacity:.5;cursor:default}.bin-empty{white-space:nowrap;flex:none;margin-top:6px}@media (max-width:640px){.bin-grid{grid-template-columns:repeat(2,1fr);gap:12px}.bin-head{flex-wrap:wrap}}.sidebar-bottom{align-items:center;gap:12px;display:flex}.mobile-top-bar-trail{align-items:center}.notif-bell{border:1px solid var(--surface-border);background:var(--surface);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex;position:relative}.notif-bell:hover{color:var(--text-primary);border-color:#ffffff40}.notif-badge{background:var(--primary,#0177fd);color:#fff;text-align:center;border-radius:9px;min-width:17px;height:17px;padding:0 4px;font-size:.65rem;font-weight:700;line-height:17px;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 2px #0d0e11}.notif-backdrop{z-index:600;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;position:fixed;inset:0}.notif-panel{border-left:1px solid var(--surface-border);width:min(400px,92vw);padding-bottom:env(safe-area-inset-bottom);background:#0d0e11;flex-direction:column;animation:.2s ease-out both notifIn;display:flex;position:absolute;top:0;bottom:0;right:0}@keyframes notifIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.notif-head{font-family:var(--font-display);justify-content:space-between;align-items:center;padding:18px 16px 8px 20px;font-size:1.3rem;font-weight:700;display:flex}.notif-icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px;display:inline-flex}.notif-icon-btn:hover{color:var(--text-primary);background:var(--surface)}.notif-tools{border-bottom:1px solid var(--surface-border);align-items:center;gap:14px;padding:4px 20px 12px;display:flex}.notif-tools-end{margin-left:auto}.notif-link-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:.8rem;text-decoration:none;display:inline-flex}.notif-link-btn:hover:not(:disabled){color:var(--text-primary)}.notif-link-btn:disabled{opacity:.4;cursor:default}.notif-list{flex:1;padding:8px 12px 20px;overflow-y:auto}.notif-empty{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:10px;margin:60px 20px;font-size:.9rem;display:flex}.notif-item{width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:12px;align-items:flex-start;gap:12px;padding:12px;display:flex;position:relative}.notif-item:hover{background:var(--surface)}.notif-item--unread{background:#0177fd12}.notif-item-icon{background:var(--surface);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.notif-item-icon--generation_complete{color:#4ade80}.notif-item-icon--generation_failed{color:#f87171}.notif-item-icon--credits_added{color:#fbbf24}.notif-item-text{flex-direction:column;gap:2px;min-width:0;display:flex}.notif-item-title{font-size:.92rem;font-weight:600}.notif-item-body{color:var(--text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;display:-webkit-box;overflow:hidden}.notif-item-time{color:var(--text-secondary);opacity:.75;font-size:.72rem}.notif-dot{background:var(--primary,#0177fd);border-radius:50%;width:8px;height:8px;position:absolute;top:16px;right:12px}.pwa-offline{z-index:900;padding:calc(6px + env(safe-area-inset-top)) 14px 6px;color:#fbbf24;text-align:center;background:#3a2a05;justify-content:center;align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.push-ask{z-index:800;background:#14130f;border:1px solid #0177fd73;border-radius:16px;grid-template-columns:auto 1fr;gap:12px 14px;width:min(380px,100vw - 32px);padding:16px;animation:.25s ease-out both notifIn;display:grid;position:fixed;bottom:20px;right:20px;box-shadow:0 18px 48px #0000008c}.push-ask-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:4px;display:inline-flex;position:absolute;top:8px;right:8px}.push-ask-close:hover{color:var(--text-primary);background:var(--surface)}.push-ask-icon{width:36px;height:36px;color:var(--primary,#0177fd);background:#0177fd26;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.push-ask-text{color:var(--text-secondary);flex-direction:column;gap:3px;padding-right:16px;font-size:.82rem;display:flex}.push-ask-text strong{color:var(--text-primary);font-size:.92rem}.push-ask-error{color:#f87171}.push-ask-actions{grid-column:1/-1;gap:8px;display:flex}.push-ask-btn{border:1px solid var(--surface-border);color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:9px 14px;font-size:.85rem;font-weight:600}.push-ask-btn--primary{background:var(--primary,#0177fd);color:#fff;border-color:#0000}.push-ask-btn:disabled{opacity:.6;cursor:default}@media (max-width:1024px){.push-ask{width:auto;left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom))}}.media-topbar-versions-btn,.media-version-sheet-close,.media-version-scrim{display:none}.media-version-sidebar-head{display:contents}.media-version-editor-btn{border-radius:var(--radius-sm);height:26px;color:var(--primary);font:inherit;cursor:pointer;background:#0177fd1f;border:1px solid #0177fd66;align-items:center;gap:5px;margin-right:auto;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.media-version-editor-btn:hover{background:#0177fd38}@media (max-width:768px){.media-topbar-versions-btn{order:2;display:inline-flex}.media-version-scrim{z-index:119;background:#0000008c;display:block;position:fixed;inset:0}.media-version-sidebar--sheet{z-index:120;box-sizing:border-box;width:auto;height:100dvh;max-height:none;padding:calc(10px + env(safe-area-inset-top,0px)) 14px calc(20px + env(safe-area-inset-bottom,0px));visibility:hidden;border:none;border-radius:0;flex-direction:column;align-items:stretch;gap:10px;transition:transform .25s,visibility 0s linear .25s;position:fixed;inset:0;overflow:hidden auto;transform:translateY(100%)}.media-version-sidebar--sheet.media-version-sidebar--open{visibility:visible;transition:transform .25s;transform:translateY(0)}.media-version-scrim{display:none!important}.media-version-sidebar-head{top:calc(-10px - env(safe-area-inset-top,0px));z-index:2;background:var(--background);justify-content:space-between;align-items:center;padding:6px 0;display:flex;position:sticky}.media-version-sheet-close{border:1px solid var(--surface-border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.media-version-sidebar--sheet .media-version-list{flex-direction:column;gap:14px;padding-bottom:0;display:flex;overflow:visible}.media-version-sidebar--sheet .media-version-card{flex-shrink:0;gap:8px;width:100%;padding:8px}.media-version-sidebar--sheet .media-version-actions-row{flex-wrap:wrap}.media-version-sidebar--sheet .media-version-editor-btn{flex:100%;justify-content:center;height:32px;margin-right:0}.media-version-sidebar--sheet .media-sidebar-tabs-wrap{display:none}}@media (min-width:769px){.media-version-sidebar--sheet:has(.media-sidebar-tabs-wrap) .media-version-sidebar-head{display:none}}@media (max-width:768px){.tool-page--edit .tool-result-area:not(.tool-result-area--video){container-type:size}.tool-page--edit .tool-result-area:not(.tool-result-area--video)>img.tool-preview-fade{width:min(100cqw, calc(100cqh * var(--ar,1)))!important;max-width:none!important;height:auto!important}}.media-topbar-menu-wrap{display:none;position:relative}.media-page-menu{z-index:130;border:1px solid var(--surface-border);background:#121211;border-radius:14px;flex-direction:column;gap:2px;min-width:210px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 40px #0000008c}.media-page-menu button{width:100%;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;padding:11px 12px;font-size:14px;display:flex}.media-page-menu button:hover:not(:disabled),.media-page-menu button:active:not(:disabled){background:#ffffff12}.media-page-menu button:disabled{opacity:.4;cursor:default}.media-page-menu-divider{background:var(--surface-border);height:1px;margin:4px 6px}.media-page-menu .media-page-menu-danger{color:#ff6b6b}@media (max-width:768px){.media-topbar-menu-wrap{order:3;display:block}.media-topbar-menu-wrap .media-topbar-more-btn{display:inline-flex}.media-topbar-versions-btn{order:2}.media-topbar-icons{display:none!important}.project-top-bar:has(.media-topbar-menu-wrap){flex-wrap:nowrap;height:auto;padding:8px 12px 10px}.project-top-bar:has(.media-topbar-menu-wrap) .project-top-bar-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.project-top-bar:has(.media-topbar-menu-wrap) .media-topbar-actions{display:contents}.project-top-bar:has(.media-topbar-menu-wrap) .media-topbar-editor-btn{flex:none;order:1;height:34px;margin-right:0;padding:0 12px;font-size:13px}.project-top-bar:has(.media-topbar-menu-wrap) .media-topbar-nav{display:none}.tool-page-body--two-row-bar{padding-top:52px}.media-version-sidebar--sheet .media-version-thumb--portrait{height:min(58vh,480px)}.tool-page--edit:not(:has(.tool-edit-rail--left)) .tool-page-body--edit-topbar{padding-bottom:0}}.settings-soon-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);border:1px solid var(--surface-border);border-radius:999px;flex:none;padding:1px 7px;font-size:.62rem;font-style:normal}.media-grid-card-badge--editor{background:var(--primary,#0177fd);color:#fff}.media-grid-card-draft{z-index:2;letter-spacing:.04em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000009e;border:1px solid #ffffff47;border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:700;position:absolute;bottom:8px;left:8px}@media (display-mode:standalone){body{-webkit-touch-callout:none}img,video,canvas,a{-webkit-touch-callout:none;-webkit-user-drag:none}}.approval-ask{z-index:810;bottom:90px}.approval-ask-review{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}@media (max-width:1024px){.approval-ask{bottom:calc(150px + env(safe-area-inset-bottom))}}.conn-tokens{max-width:760px}.settings-list:has(.conn-row){max-width:760px}.conn-row{flex-wrap:wrap}.conn-row>.settings-row-text{flex:260px}.conn-row-action{flex:none;width:auto}.conn-btn{white-space:nowrap;flex:none;width:auto;padding:8px 14px}.conn-btn--primary{background:var(--primary);color:#fff;border-color:#0000}.conn-btn--primary:hover:not(:disabled){background:var(--primary);filter:brightness(1.1);border-color:#0000}.conn-approve-actions{gap:8px;display:flex}.conn-input{border:1px solid var(--surface-border);width:110px;min-width:0;color:inherit;font:inherit;font-size:var(--fs-sm);background:#ffffff08;border-radius:10px;padding:8px 10px}.conn-input--wide{flex:220px;width:auto;padding:10px 12px}.conn-input:focus{border-color:var(--primary);outline:none}.conn-create{flex-wrap:wrap;gap:10px}.conn-token{padding:20px 0 22px}.conn-token+.conn-token,.conn-token+.settings-row{border-top:1px solid var(--surface-border)}.conn-token-head{align-items:center;gap:14px;display:flex}.conn-token-name{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.conn-token-name .settings-row-title{overflow-wrap:anywhere}.conn-remove{gap:6px;padding:7px 12px}.conn-meter{border:1px solid var(--surface-border);background:#ffffff08;border-radius:12px;margin:18px 0 6px;padding:12px 14px}.conn-meter-text{font-size:var(--fs-sm);color:var(--text-secondary);justify-content:space-between;align-items:baseline;gap:10px;display:flex}.conn-meter-text strong{color:var(--text-primary);font-weight:600}.conn-meter-text em{color:var(--text-secondary);font-style:normal;font-weight:400}.conn-meter-bar{background:#ffffff12;border-radius:3px;height:6px;margin-top:10px;overflow:hidden}.conn-meter-bar span{background:var(--primary);border-radius:3px;height:100%;transition:width .3s;display:block}.conn-group-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:20px 0 4px;font-size:.7rem;font-weight:600}.conn-setting{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 20px;padding:12px 0;display:grid}.conn-setting+.conn-setting{border-top:1px solid #ffffff0d}.conn-setting-text{flex-direction:column;gap:3px;min-width:0;display:flex}.conn-setting-text>span{font-size:var(--fs-sm);font-weight:500}.conn-setting-text>small{font-size:var(--fs-xs);color:var(--text-secondary);line-height:1.4}.conn-setting-control{flex-direction:column;align-items:flex-end;gap:8px;min-width:210px;display:flex}.conn-setting-control>*{max-width:100%}.conn-setting-control--switch{min-width:0}.conn-inline{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.conn-unit{font-size:var(--fs-xs);color:var(--text-secondary)}.conn-setting--stack{grid-template-columns:minmax(0,1fr)}.conn-choice{grid-template-columns:1fr 1fr;gap:8px;display:grid}.conn-choice-opt{text-align:left;border:1px solid var(--surface-border);color:var(--text-primary);font:inherit;cursor:pointer;background:#ffffff08;border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.conn-choice-opt b{font-size:var(--fs-sm);font-weight:600}.conn-choice-opt small{font-size:var(--fs-xs);color:var(--text-secondary)}.conn-choice-opt:hover:not(:disabled){border-color:#0177fd80}.conn-choice-opt--on{background:#0177fd1f;border-color:#0177fd}.conn-choice-opt:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.conn-choice{grid-template-columns:1fr}.settings-list.conn-tokens{padding:4px 16px}.settings-list:has(.conn-row){padding:4px 16px}.conn-row{gap:12px}.conn-row>.settings-row-text{flex:1 1 0}.conn-row-action{flex:100%;justify-content:center}.conn-approve-actions{flex:100%}.conn-approve-actions .conn-btn{flex:1;justify-content:center}.conn-create .conn-btn{flex:100%;justify-content:center}.conn-token-head{align-items:flex-start;gap:12px}.conn-remove span{display:none}.conn-remove{padding:8px}.conn-setting{grid-template-columns:minmax(0,1fr);gap:10px}.conn-setting-control{align-items:stretch;min-width:0}.conn-setting-control--switch{grid-area:1/1;place-self:start end}.conn-setting:has(.conn-setting-control--switch){grid-template-columns:minmax(0,1fr) auto}.conn-setting:has(.conn-setting-control--switch) .conn-setting-control--switch{grid-column:2}.conn-inline{justify-content:flex-start}.conn-inline .conn-input{flex:90px}}.conn-toggle{width:100%;color:var(--text-primary);font:inherit;font-size:var(--fs-sm);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;margin-top:10px;padding:10px 2px;font-weight:500;display:flex}.conn-toggle-sum{min-width:0;color:var(--text-secondary);font-weight:400;font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.conn-toggle svg{color:var(--text-secondary);flex:none;transition:transform .2s}.conn-toggle svg.conn-toggle-open{transform:rotate(180deg)}.conn-toggle:hover .conn-toggle-sum,.conn-toggle:hover svg{color:var(--text-primary)}.connect-page{box-sizing:border-box;justify-content:center;width:100%;padding-top:48px;display:flex}.connect-card{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;max-width:520px;padding:28px;display:flex}.connect-icon{width:44px;height:44px;color:var(--primary);background:#ffffff0f;border-radius:12px;justify-content:center;align-items:center;display:flex}.connect-title{margin:4px 0 0;font-size:1.3rem;font-weight:700;line-height:1.3}.connect-text{color:var(--text-secondary);font-size:var(--fs-sm);margin:0}.connect-text strong{color:var(--text-primary);font-weight:600}.connect-warning{color:#ffcf73;font-size:var(--fs-sm);background:#ffaa0014;border:1px solid #ffaa0073;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.connect-warning svg{flex:none;margin-top:2px}.connect-list{font-size:var(--fs-sm);flex-direction:column;gap:6px;margin:4px 0;padding-left:18px;line-height:1.45;display:flex}.connect-note{color:var(--text-secondary);font-size:var(--fs-xs);margin:0;line-height:1.45}.connect-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}@media (max-width:640px){.connect-page{padding-top:16px}.connect-card{padding:20px 16px}.connect-actions .conn-btn{flex:1;justify-content:center}}