@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#102033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#e8f0ff 0,#f5f7fb 310px);min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{border:0}.boot-screen,.login-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #d8e0ea;border-radius:8px;gap:14px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 18px 48px #0f172a1f}.login-mark,.brand-mark{color:#fff;background:#102033;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.login-card h1,.panel h2,.brand h1{letter-spacing:0;margin:0}.login-card p,.brand p,.muted{color:#64748b;margin:0}.auth-tabs{background:#f1f5f9;border:1px solid #d8e0ea;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.auth-tabs button{color:#64748b;cursor:pointer;background:0 0;border-radius:6px;min-height:38px;font-weight:800}.auth-tabs button.active{color:#102033;background:#fff;box-shadow:0 6px 16px #0f172a14}label{color:#334155;gap:7px;font-size:14px;font-weight:700;display:grid}input,textarea,select{color:#102033;background:#fbfdff;border:1px solid #cfd8e3;border-radius:8px;outline:none;width:100%}input,select{height:44px;padding:0 12px}textarea{resize:vertical;min-height:180px;padding:14px;line-height:1.6}input:focus,textarea:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select,:root[data-theme=dark] .login-card,:root[data-theme=dark] .panel,:root[data-theme=dark] .user-box,:root[data-theme=dark] .plan-card,:root[data-theme=dark] .history-item,:root[data-theme=dark] .metric-card{color:#e5edf7;background:#172033;border-color:#334155}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 36px}.topbar,.user-box,.caption-header,.panel-header,.file-row{align-items:center;display:flex}.topbar{justify-content:space-between;gap:16px;margin-bottom:18px}.brand{align-items:center;gap:12px;display:flex}.brand h1{font-size:24px}.user-box{background:#fff;border:1px solid #d8e0ea;border-radius:8px;gap:10px;padding:8px 8px 8px 14px;font-weight:800}.studio-grid{grid-template-columns:370px minmax(0,1fr);align-items:start;gap:18px;display:grid}.left-column{gap:18px;display:grid}.panel{background:#fff;border:1px solid #d8e0ea;border-radius:8px;overflow:hidden;box-shadow:0 14px 38px #0f172a14}.panel-header{border-bottom:1px solid #d8e0ea;justify-content:space-between;gap:12px;padding:16px}.panel h2{font-size:16px}.dropzone{text-align:center;color:#2563eb;cursor:pointer;background:#eff6ff;border:1px dashed #93b4e8;border-radius:8px;place-items:center;gap:8px;min-height:230px;margin:16px;padding:22px;display:grid}.dropzone input{display:none}.dropzone strong{color:#102033;font-size:18px}.dropzone span{color:#64748b;overflow-wrap:anywhere;max-width:260px}.dropzone.is-dragging{background:#dbeafe;border-color:#2563eb}.file-row{color:#64748b;justify-content:space-between;gap:12px;padding:0 16px 16px;font-weight:700}.icon-button{color:#102033;cursor:pointer;background:#f1f5f9;border:1px solid #d8e0ea;border-radius:8px;place-items:center;width:38px;height:38px;display:inline-grid}.icon-button:disabled{opacity:.45;cursor:not-allowed}.workspace-panel{padding-bottom:16px}.preview-frame{background:#0f172a;border-radius:8px;place-items:center;height:auto;max-height:600px;margin:16px;padding:8px;display:grid;overflow:hidden}.preview-frame img,.preview-frame video{object-fit:contain;image-orientation:none;width:auto;max-width:90%;height:auto;max-height:90%}.empty-preview{color:#cbd5e1;place-items:center;gap:10px;font-weight:800;display:grid}.caption-result{gap:10px;margin:0 16px 16px;display:grid}.caption-header{justify-content:space-between}.primary-button{color:#fff;cursor:pointer;background:#2563eb;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:48px;margin:0 16px;font-weight:800;display:inline-flex}.secondary-button{color:#102033;cursor:pointer;background:#eef2f7;border:1px solid #cfd8e3;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-weight:800;display:inline-flex}.secondary-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button.billing-action{margin:0 16px 16px}.primary-button.inline{width:max-content;margin:16px;padding:0 18px}.primary-button:hover:not(:disabled){background:#1d4ed8}.primary-button:disabled{cursor:not-allowed;background:#93b4e8}.small-primary-button{color:#fff;cursor:pointer;background:#2563eb;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;font-weight:800;display:inline-flex}.small-primary-button:disabled{cursor:not-allowed;background:#93b4e8}.error-box{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;margin:0 16px 14px;padding:12px;font-weight:700}.success-box{color:#0f766e;overflow-wrap:anywhere;background:#ecfdf5;border:1px solid #99f6e4;border-radius:8px;padding:12px;font-weight:800}.api-key-box{margin:0 16px 16px}.divider{color:#64748b;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:12px;font-weight:800;display:grid}.divider:before,.divider:after{content:"";background:#d8e0ea;height:1px}.google-login-slot{min-height:44px;display:grid}.google-login-slot>div,.google-login-slot iframe{width:100%!important}.config-box{color:#92400e;text-align:center;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;place-items:center;min-height:44px;padding:10px 12px;font-size:13px;font-weight:800;display:grid}.login-card .error-box{margin:0}.error-box.compact{margin:0 16px 16px}.history-panel{max-height:430px}.billing-panel{max-height:none}.usage-card{color:#0f766e;background:#ecfdf5;border:1px solid #99f6e4;border-radius:8px;gap:4px;margin:16px;padding:12px;display:grid}.usage-card strong{font-size:20px}.usage-card span{color:#115e59;font-size:13px;font-weight:700}.plan-list{gap:10px;padding:0 16px 16px;display:grid}.plan-card{background:#f8fafc;border:1px solid #d8e0ea;border-radius:8px;gap:8px;padding:12px;display:grid}.plan-card h3,.plan-card p{margin:0}.plan-card h3{font-size:15px}.plan-card p,.plan-card span{color:#64748b;font-size:13px;font-weight:700}.plan-card>strong{font-size:20px}.included-label{color:#0f766e;background:#ecfdf5;border:1px solid #99f6e4;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;font-weight:800;display:inline-flex}.history-list{gap:10px;max-height:350px;padding:16px;display:grid;overflow:auto}.filter-grid{gap:10px;padding:16px 16px 0;display:grid}.filter-grid label{position:relative}.filter-grid label svg{color:#64748b;position:absolute;bottom:14px;left:12px}.filter-grid input{padding-left:36px}.history-item{background:#f8fafc;border:1px solid #d8e0ea;border-radius:8px;gap:8px;padding:12px;display:grid}.history-item p{color:#334155;max-height:92px;margin:0;line-height:1.5;overflow:hidden}.text-button{color:#2563eb;cursor:pointer;background:0 0;align-items:center;gap:6px;width:max-content;font-weight:800;display:inline-flex}.text-button.danger{color:#dc2626}.dashboard-layout{gap:18px;display:grid}.tabbar{background:#fff;border:1px solid #d8e0ea;border-radius:8px;gap:8px;padding:6px;display:flex;overflow-x:auto}.tabbar button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;min-height:38px;padding:0 14px;font-weight:800}.tabbar button.active{color:#fff;background:#102033}.control-grid{border-bottom:1px solid #d8e0ea;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:16px;display:grid}.tools-panel{gap:16px;padding-bottom:16px;display:grid}.tools-panel textarea{width:calc(100% - 32px);margin:0 16px}.tool-buttons{flex-wrap:wrap;gap:10px;padding:0 16px;display:flex}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card{background:#fff;border:1px solid #d8e0ea;border-radius:8px;gap:8px;padding:18px;display:grid;box-shadow:0 14px 38px #0f172a14}.metric-card div{color:#2563eb}.metric-card span{color:#64748b;font-weight:800}.metric-card strong{overflow-wrap:anywhere;font-size:24px}.mini-table{gap:8px;margin:0 16px 16px;display:grid}.mini-table>div{background:#f8fafc;border:1px solid #d8e0ea;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px;font-size:13px;font-weight:800;display:grid}.status-pill{color:#0f766e;background:#ecfdf5;border:1px solid #99f6e4;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.billing-page{gap:22px;width:min(1080px,100%);margin:0 auto;display:grid}.billing-hero{text-align:center;justify-items:center;gap:12px;padding:18px 16px 8px;display:grid}.billing-eyebrow,.active-plan-badge,.active-plan-chip,.popular-badge,.payment-status{border-radius:999px;align-items:center;gap:7px;width:max-content;font-weight:800;display:inline-flex}.billing-eyebrow{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;padding:8px 12px;font-size:13px}.billing-hero h2{color:#0f172a;letter-spacing:0;max-width:780px;margin:0;font-size:38px;line-height:1.08}.billing-hero p{color:#64748b;max-width:620px;margin:0;font-size:16px;line-height:1.6}.active-plan-banner{color:#064e3b;background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%);border:1px solid #86efac;border-radius:18px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 18px 45px #16a34a1f}.active-plan-icon{color:#fff;background:#16a34a;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.active-plan-banner h3,.billing-section-heading h3{letter-spacing:0;margin:0}.active-plan-banner h3{margin-top:8px;font-size:24px}.active-plan-banner p{color:#047857;align-items:center;gap:8px;margin:6px 0 0;font-weight:800;display:flex}.active-plan-badge{color:#047857;background:#d1fae5;border:1px solid #a7f3d0;padding:5px 9px;font-size:12px}.free-usage-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;justify-content:center;align-items:center;gap:9px;padding:14px 16px;font-weight:800;display:flex}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.pricing-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;grid-template-rows:auto auto 1fr auto;gap:22px;min-height:430px;padding:24px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative;box-shadow:0 18px 44px #0f172a14}.pricing-card:hover{border-color:#93c5fd;transform:translateY(-4px);box-shadow:0 28px 70px #0f172a24}.pricing-card.is-active{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f,0 28px 70px #2563eb26}.pricing-card.is-popular{border-color:#111827}.popular-badge{color:#fff;background:#111827;padding:7px 10px;font-size:12px;position:absolute;top:16px;right:16px}.pricing-card-top{justify-content:space-between;gap:14px;padding-right:86px;display:flex}.pricing-card h3{color:#0f172a;letter-spacing:0;margin:0;font-size:22px}.pricing-card p{color:#64748b;margin:8px 0 0;line-height:1.55}.plan-icon{color:#2563eb;background:#eff6ff;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid}.plan-price{align-items:end;gap:10px;display:flex}.plan-price strong{color:#0f172a;font-size:38px;line-height:1}.plan-price span{color:#64748b;font-weight:800}.feature-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.feature-list li{color:#334155;align-items:center;gap:10px;font-weight:700;display:flex}.feature-list svg{color:#16a34a}.pricing-cta,.cancel-subscription-button{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:50px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.pricing-cta{color:#fff;background:#111827;width:100%;box-shadow:0 14px 28px #0f172a2e}.pricing-cta:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 18px 40px #2563eb40}.pricing-cta.is-muted,.pricing-cta:disabled{color:#475569;box-shadow:none;cursor:not-allowed;background:#f1f5f9}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.billing-toast{border-radius:16px;padding:14px 16px;font-weight:800;box-shadow:0 14px 34px #0f172a14}.billing-toast.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.billing-toast.error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.subscription-management,.payment-history-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;gap:16px;padding:22px;display:grid;box-shadow:0 18px 44px #0f172a14}.billing-section-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.billing-section-heading span{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.billing-section-heading h3{color:#0f172a;margin-top:4px;font-size:20px}.active-plan-chip{color:#475569;letter-spacing:0;text-transform:none;background:#f1f5f9;padding:8px 11px;font-size:12px}.active-plan-chip.is-live{color:#047857;background:#d1fae5}.subscription-details{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:center;gap:14px;display:grid}.subscription-details>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;gap:5px;padding:14px;display:grid}.subscription-details span{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:900}.subscription-details strong{color:#0f172a;font-size:18px}.cancel-subscription-button{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;padding:0 16px}.cancel-subscription-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px #be123c1f}.cancel-subscription-button:disabled{opacity:.5;cursor:not-allowed}.empty-payment-state{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;place-items:center;gap:8px;min-height:96px;font-weight:800;display:grid}.payment-table-wrap{overflow-x:auto}.payment-table{border-collapse:collapse;width:100%;min-width:620px}.payment-table th,.payment-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:14px 12px}.payment-table th{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:900}.payment-table td{color:#334155;font-weight:800}.payment-status{color:#047857;background:#ecfdf5;padding:6px 9px;font-size:12px}:root[data-theme=dark] .billing-hero h2,:root[data-theme=dark] .pricing-card h3,:root[data-theme=dark] .plan-price strong,:root[data-theme=dark] .billing-section-heading h3,:root[data-theme=dark] .subscription-details strong{color:#f8fafc}:root[data-theme=dark] .billing-hero p,:root[data-theme=dark] .pricing-card p,:root[data-theme=dark] .feature-list li,:root[data-theme=dark] .plan-price span,:root[data-theme=dark] .payment-table td{color:#cbd5e1}:root[data-theme=dark] .billing-page .pricing-card,:root[data-theme=dark] .subscription-management,:root[data-theme=dark] .payment-history-card{background:#172033;border-color:#334155;box-shadow:0 18px 44px #00000038}:root[data-theme=dark] .pricing-card.is-popular{border-color:#93c5fd}:root[data-theme=dark] .popular-badge,:root[data-theme=dark] .pricing-cta{color:#0f172a;background:#f8fafc}:root[data-theme=dark] .subscription-details>div,:root[data-theme=dark] .empty-payment-state,:root[data-theme=dark] .pricing-cta.is-muted,:root[data-theme=dark] .pricing-cta:disabled{color:#cbd5e1;background:#111827;border-color:#334155}@media (width<=900px){.studio-grid{grid-template-columns:1fr}.control-grid,.metrics-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-details{grid-template-columns:1fr}}@media (width<=560px){.app-shell{width:min(100% - 20px,1180px)}.topbar{flex-direction:column;align-items:flex-start}.user-box{justify-content:space-between;width:100%}.control-grid,.metrics-grid,.pricing-grid{grid-template-columns:1fr}.billing-hero h2{font-size:30px}.active-plan-banner,.billing-section-heading{flex-direction:column;align-items:flex-start}.pricing-card{min-height:auto}.preview-frame{height:260px}}:root[data-theme=dark]{color:#e2e8f0;background:#0d1117}:root[data-theme=dark] body{background:linear-gradient(#0d1117 0% 100%)}:root[data-theme=dark] .user-box{color:#e2e8f0;background:#161b22;border-color:#30363d}:root[data-theme=dark] .tabbar{background:#161b22;border-color:#30363d}:root[data-theme=dark] .tabbar button{color:#8b949e}:root[data-theme=dark] .tabbar button.active{color:#fff;background:#2563eb}:root[data-theme=dark] .panel{background:#161b22;border-color:#30363d;box-shadow:0 14px 38px #0006}:root[data-theme=dark] .panel-header{color:#e2e8f0;border-color:#30363d}:root[data-theme=dark] .panel h2{color:#e2e8f0}:root[data-theme=dark] .dropzone{color:#388bfd;background:#1c2128;border-color:#388bfd}:root[data-theme=dark] .dropzone strong{color:#e2e8f0}:root[data-theme=dark] .dropzone span{color:#8b949e}:root[data-theme=dark] .dropzone.is-dragging{background:#1f2d3d;border-color:#58a6ff}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select{color:#e2e8f0;background:#1c2128;border-color:#30363d}:root[data-theme=dark] input:focus,:root[data-theme=dark] textarea:focus,:root[data-theme=dark] select:focus{border-color:#388bfd;box-shadow:0 0 0 3px #388bfd26}:root[data-theme=dark] label{color:#8b949e}:root[data-theme=dark] .control-grid{border-color:#30363d}:root[data-theme=dark] .secondary-button{color:#e2e8f0;background:#21262d;border-color:#30363d}:root[data-theme=dark] .secondary-button:hover{background:#2d333b;border-color:#388bfd}:root[data-theme=dark] .icon-button{color:#e2e8f0;background:#21262d;border-color:#30363d}:root[data-theme=dark] .history-item{background:#1c2128;border-color:#30363d}:root[data-theme=dark] .history-item p{color:#c9d1d9}:root[data-theme=dark] .file-row{color:#8b949e}:root[data-theme=dark] .metric-card{background:#161b22;border-color:#30363d;box-shadow:0 14px 38px #0006}:root[data-theme=dark] .metric-card span{color:#8b949e}:root[data-theme=dark] .metric-card strong{color:#e2e8f0}:root[data-theme=dark] .login-card{background:#161b22;border-color:#30363d}:root[data-theme=dark] .error-box{color:#fca5a5;background:#2d1a1e;border-color:#6e2030}:root[data-theme=dark] .success-box{color:#56d364;background:#1a2e1e;border-color:#2ea043}:root[data-theme=dark] .billing-hero h2{color:#e2e8f0}:root[data-theme=dark] .billing-hero p{color:#8b949e}:root[data-theme=dark] .billing-eyebrow,:root[data-theme=dark] .free-usage-banner{color:#58a6ff;background:#1c2128;border-color:#30363d}:root[data-theme=dark] .billing-page .pricing-card{background:#161b22;border-color:#30363d;box-shadow:0 18px 44px #00000059}:root[data-theme=dark] .pricing-card:hover{border-color:#388bfd}:root[data-theme=dark] .pricing-card.is-active{border-color:#388bfd;box-shadow:0 0 0 3px #388bfd33}:root[data-theme=dark] .pricing-card h3{color:#e2e8f0}:root[data-theme=dark] .pricing-card p{color:#8b949e}:root[data-theme=dark] .plan-price strong{color:#e2e8f0}:root[data-theme=dark] .plan-price span{color:#8b949e}:root[data-theme=dark] .feature-list li{color:#c9d1d9}:root[data-theme=dark] .popular-badge{color:#0d1117;background:#58a6ff}:root[data-theme=dark] .pricing-cta{color:#fff;background:#2563eb;box-shadow:0 8px 24px #2563eb4d}:root[data-theme=dark] .pricing-cta:hover:not(:disabled){background:#1d4ed8}:root[data-theme=dark] .pricing-cta.is-muted,:root[data-theme=dark] .pricing-cta:disabled{color:#8b949e;box-shadow:none;background:#21262d}:root[data-theme=dark] .subscription-management,:root[data-theme=dark] .payment-history-card{background:#161b22;border-color:#30363d}:root[data-theme=dark] .subscription-details>div{background:#1c2128;border-color:#30363d}:root[data-theme=dark] .subscription-details strong,:root[data-theme=dark] .billing-section-heading h3{color:#e2e8f0}:root[data-theme=dark] .payment-table th,:root[data-theme=dark] .payment-table td{border-color:#30363d}:root[data-theme=dark] .payment-table th{color:#8b949e}:root[data-theme=dark] .payment-table td{color:#c9d1d9}:root[data-theme=dark] .empty-payment-state{color:#8b949e;background:#1c2128;border-color:#30363d}:root[data-theme=dark] .mini-table>div{color:#e2e8f0;background:#1c2128;border-color:#30363d}:root[data-theme=dark] .plan-card{background:#1c2128;border-color:#30363d}:root[data-theme=dark] .muted,:root[data-theme=dark] .brand p,:root[data-theme=dark] .login-card p,:root[data-theme=dark] .plan-card p,:root[data-theme=dark] .plan-card span{color:#8b949e}