[data-theme=dark]{--bg: #0b0f1a;--bg-elevated: #111827;--surface: #151d2e;--surface-hover: #1c2740;--border: #2a3650;--text: #f1f5f9;--muted: #94a3b8;--accent: #6366f1;--accent-2: #06b6d4;--accent-hover: #818cf8;--danger: #f87171;--success: #4ade80;--gradient: linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);--shadow: 0 4px 24px rgba(0, 0, 0, .35);--hero-glow: radial-gradient(ellipse 80% 60% at 50% -20%, rgba(99, 102, 241, .25), transparent)}[data-theme=light]{--bg: #f8fafc;--bg-elevated: #ffffff;--surface: #ffffff;--surface-hover: #f1f5f9;--border: #e2e8f0;--text: #0f172a;--muted: #64748b;--accent: #4f46e5;--accent-2: #0891b2;--accent-hover: #6366f1;--danger: #dc2626;--success: #16a34a;--gradient: linear-gradient(135deg, #4f46e5 0%, #0891b2 100%);--shadow: 0 4px 24px rgba(15, 23, 42, .08);--hero-glow: radial-gradient(ellipse 80% 60% at 50% -20%, rgba(99, 102, 241, .12), transparent)}:root{font-family:DM Sans,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}h1,h2,h3{letter-spacing:-.02em;line-height:1.2}.text-gradient{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}button,.btn{cursor:pointer;border:none;border-radius:10px;padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;font-family:inherit;background:var(--gradient);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;box-shadow:0 2px 12px #6366f159}button:hover:not(:disabled),.btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #6366f173}button:disabled{opacity:.6;cursor:not-allowed;transform:none}button.secondary,.btn.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text);box-shadow:none}button.secondary:hover,.btn.secondary:hover{background:var(--surface-hover);transform:none;box-shadow:none}.btn-sm{padding:.45rem .9rem;font-size:.875rem}.btn-ghost{background:transparent;border:none;color:var(--muted);padding:.45rem .75rem;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:8px;font-family:inherit;box-shadow:none}.btn-ghost:hover{color:var(--text);background:var(--surface-hover);transform:none;box-shadow:none}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text);box-shadow:none}.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:none}.btn-block{width:100%}.btn-icon{width:.95rem;height:.95rem;flex-shrink:0}input,select,textarea{width:100%;padding:.7rem .9rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-size:1rem;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f133}label{display:block;margin-bottom:.4rem;color:var(--muted);font-size:.85rem;font-weight:500}.form-group{margin-bottom:1.1rem}.lang-select{width:auto;padding:.35rem .5rem;font-size:.8rem;border-radius:8px;cursor:pointer}.icon-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--muted);box-shadow:none}.icon-toggle:hover{color:var(--text);background:var(--surface-hover);transform:none;box-shadow:none}.container{max-width:1100px;margin:0 auto;padding:1.5rem}.container-narrow{max-width:440px;margin:0 auto;padding:2rem 1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow)}.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;padding:.85rem 1.5rem}.nav-links{display:flex;gap:1.5rem;margin-left:1rem}.nav-links a{color:var(--muted);font-size:.9rem;font-weight:500;text-decoration:none}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a.active{font-weight:600}.nav-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.nav-link{color:var(--muted);font-size:.9rem;font-weight:500}.user-email{color:var(--muted);font-size:.85rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hide-mobile,.hide-on-mobile{display:inherit}.show-on-mobile-only{display:none!important}@media(max-width:640px){.hide-mobile,.hide-on-mobile{display:none!important}.show-on-mobile-only{display:inline-flex!important}.user-email{display:none}.page-header{flex-direction:column;align-items:stretch}.page-header .btn{width:100%;text-align:center}.quota-bar{flex-direction:column;align-items:stretch}.quota-meter{max-width:none;width:100%}}.landing{overflow-x:hidden}.hero{position:relative;padding:4rem 1.5rem 5rem;text-align:center;background:var(--hero-glow)}.hero-inner{max-width:1080px;margin:0 auto}.hero-copy{max-width:720px;margin:0 auto;text-align:center}.hero-visual{margin:2.75rem auto 0;max-width:100%;padding:0}.hero-image{display:block;width:100%;height:auto;border-radius:1rem;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);box-shadow:var(--shadow)}[data-theme=light] .hero-image{box-shadow:0 4px 6px -1px #0f172a0f,0 20px 40px -12px #0f172a1f}[data-theme=dark] .hero-image{border-color:color-mix(in srgb,var(--border) 40%,transparent);box-shadow:0 0 0 1px #ffffff0a,0 24px 48px -12px #00000080}.hero-badge{display:inline-block;padding:.35rem .85rem;border-radius:999px;font-size:.8rem;font-weight:600;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);margin-bottom:1.5rem}.hero-beta-teaser{margin:0 0 1.25rem}.hero-beta-link{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.15rem;border-radius:999px;font-size:.95rem;font-weight:700;line-height:1.3;text-decoration:none;background:linear-gradient(135deg,color-mix(in srgb,#fbbf24 35%,transparent),color-mix(in srgb,#f59e0b 28%,transparent));color:#b45309;border:1px solid color-mix(in srgb,#f59e0b 55%,transparent);box-shadow:0 2px 10px color-mix(in srgb,#f59e0b 22%,transparent);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.hero-beta-link:hover{text-decoration:none;background:linear-gradient(135deg,color-mix(in srgb,#fbbf24 48%,transparent),color-mix(in srgb,#f59e0b 38%,transparent));border-color:color-mix(in srgb,#f59e0b 70%,transparent);box-shadow:0 4px 14px color-mix(in srgb,#f59e0b 30%,transparent);transform:translateY(-1px)}.hero-beta-link:focus-visible{outline:2px solid #f59e0b;outline-offset:2px}[data-theme=dark] .hero-beta-link{color:#fcd34d;border-color:color-mix(in srgb,#fbbf24 45%,transparent);background:linear-gradient(135deg,color-mix(in srgb,#f59e0b 32%,transparent),color-mix(in srgb,#d97706 22%,transparent))}[data-theme=dark] .hero-beta-link:hover{color:#fde68a;background:linear-gradient(135deg,color-mix(in srgb,#f59e0b 42%,transparent),color-mix(in srgb,#d97706 32%,transparent))}.hero h1{font-size:clamp(2.2rem,5vw,3.25rem);margin:0 0 1rem;font-weight:700}.hero-subtitle{font-size:1.15rem;color:var(--muted);margin:0 auto 2rem;max-width:560px;line-height:1.7}.hero-cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.hero-how{margin:1rem 0 0;font-size:.9rem}.hero-how a{color:var(--muted);font-weight:500;text-decoration:none}.hero-how a:hover{color:var(--text)}.hero-trusted{margin-top:2.5rem;max-width:720px;margin-left:auto;margin-right:auto;text-align:center;font-size:.9rem;color:var(--muted)}@media(max-width:640px){.hero{padding:2.5rem 1rem 3.5rem}.hero-visual{margin-top:2rem}.hero-image{border-radius:.75rem}.hero-trusted{margin-top:2rem;font-size:.85rem;padding:0 .25rem}}.section{padding:4rem 1.5rem}.section-header{text-align:center;max-width:560px;margin:0 auto 3rem}.section-header h2{font-size:clamp(1.75rem,3vw,2.25rem);margin:0 0 .75rem}.section-header p{color:var(--muted);margin:0;font-size:1.05rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;max-width:1100px;margin:0 auto}.feature-card{padding:1.5rem;border-radius:16px;background:var(--surface);border:1px solid var(--border);transition:border-color .2s ease,transform .2s ease}.feature-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));transform:translateY(-2px)}.feature-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--gradient);color:#fff;font-size:1.25rem;margin-bottom:1rem}.feature-card h3{margin:0 0 .5rem;font-size:1.1rem}.feature-card p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6}.badge-soon{display:inline-block;margin-top:.75rem;padding:.2rem .55rem;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb,var(--accent-2) 20%,transparent);color:var(--accent-2)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;max-width:900px;margin:0 auto;counter-reset:step}.step{text-align:center;position:relative}.step-num{width:48px;height:48px;border-radius:50%;background:var(--gradient);color:#fff;font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.step h3{margin:0 0 .5rem;font-size:1.05rem}.step p{margin:0;color:var(--muted);font-size:.95rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:720px;margin:0 auto}.pricing-grid-3{max-width:1100px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pricing-annual-hint{margin-top:.5rem;font-size:.9rem;color:var(--accent)}.pricing-credits-hint{max-width:42rem;margin:.75rem auto 0;font-size:.9rem;color:var(--muted);line-height:1.5}.pricing-annual{color:var(--muted);font-size:.85rem;margin:-.25rem 0 .5rem}.pricing-docs{font-weight:600;color:var(--accent);font-size:.95rem;margin:0 0 1rem}.pricing-card{padding:2rem;border-radius:20px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column}.pricing-card.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow);position:relative}.pricing-card .plan-badge{position:absolute;top:-10px;right:1.25rem;padding:.25rem .65rem;border-radius:999px;font-size:.7rem;font-weight:700;background:var(--gradient);color:#fff}.pricing-card h3{margin:0 0 .5rem;font-size:1.25rem}.pricing-price{font-size:2.5rem;font-weight:700;margin:.5rem 0 0;letter-spacing:-.03em}.pricing-period{color:var(--muted);font-size:.9rem;margin-bottom:1.5rem}.pricing-features{list-style:none;padding:0;margin:0 0 1.5rem;flex:1}.pricing-features li{padding:.4rem 0;color:var(--muted);font-size:.95rem;display:flex;align-items:flex-start;gap:.5rem}.pricing-features li:before{content:"✓";color:var(--success);font-weight:700;flex-shrink:0}.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:.65rem}.faq-item{border-radius:14px;background:var(--surface);border:1px solid var(--border);overflow:hidden;transition:border-color .2s ease}.faq-item[open]{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.faq-question{padding:1.1rem 2.75rem 1.1rem 1.25rem;font-weight:600;font-size:1rem;cursor:pointer;list-style:none;position:relative;line-height:1.45}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";position:absolute;right:1.15rem;top:50%;transform:translateY(-50%);font-size:1.25rem;font-weight:500;color:var(--muted);transition:transform .2s ease,color .2s ease}.faq-item[open] .faq-question:after{content:"−";color:var(--accent)}.faq-question:hover{color:var(--accent)}.faq-answer{padding:0 1.25rem 1.15rem;color:var(--muted);font-size:.95rem;line-height:1.65}.faq-answer p{margin:0 0 .75rem}.faq-answer p:last-child{margin-bottom:0}.faq-answer ul{margin:0 0 .75rem;padding-left:1.25rem}.faq-answer ul:last-child{margin-bottom:0}.faq-answer li{margin:.35rem 0}.faq-answer a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.faq-answer strong{color:var(--text);font-weight:600}.faq-subsection{margin-top:1rem}.faq-subsection:first-child{margin-top:0}.faq-subsection h4{margin:0 0 .45rem;font-size:.92rem;color:var(--text);font-weight:600}.faq-subsection ul{margin:0}.cta-band{margin:2rem 1.5rem 4rem;max-width:900px;margin-left:auto;margin-right:auto;padding:3rem 2rem;border-radius:24px;background:var(--gradient);text-align:center;color:#fff}.cta-band h2{margin:0 0 .75rem;font-size:clamp(1.5rem,3vw,2rem)}.cta-band p{margin:0 0 1.5rem;opacity:.9;max-width:480px;margin-left:auto;margin-right:auto}.cta-band .btn{background:#fff;color:var(--accent);box-shadow:0 4px 20px #00000026}.beta-ribbon-corner{position:fixed;top:0;right:0;width:5.25rem;height:5.25rem;overflow:hidden;z-index:110;pointer-events:none}.beta-ribbon-corner .beta-ribbon{position:absolute;top:1.05rem;right:-2.35rem;width:8.25rem;padding:.38rem 0;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1c1917;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-align:center;transform:rotate(45deg);box-shadow:0 2px 10px #0000002e;pointer-events:auto;-webkit-user-select:none;user-select:none;text-decoration:none;display:block;line-height:1}.beta-ribbon-corner a.beta-ribbon:hover{filter:brightness(1.05)}.beta-ribbon-corner a.beta-ribbon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.beta-hero{padding:2.25rem 1.5rem 2.75rem;text-align:center;background:var(--hero-glow);border-bottom:1px solid var(--border)}.beta-hero-inner{max-width:640px;margin:0 auto}.beta-hero-eyebrow{display:inline-block;margin:0 0 .85rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#d97706}.beta-hero h1{font-size:clamp(1.65rem,4vw,2.35rem);margin:0 0 .85rem;font-weight:700;line-height:1.2}.beta-hero-lead{color:var(--muted);margin:0 auto 1.35rem;max-width:520px;line-height:1.65;font-size:1.05rem}.beta-hero-cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.beta-landing .section{scroll-margin-top:4.5rem}.demo-coming-soon{text-align:center;color:var(--muted);max-width:520px;margin:0 auto;font-size:1rem}.demo-video-wrap{max-width:900px;margin:0 auto;aspect-ratio:16 / 9;border-radius:1rem;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow)}.demo-video-wrap iframe{width:100%;height:100%;border:0;display:block}.beta-status-note{margin-top:1rem!important;font-size:.95rem;font-style:italic}.beta-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1100px;margin:0 auto;align-items:start}.beta-info-col{display:flex;flex-direction:column;gap:1rem}.beta-panel{padding:1.25rem 1.5rem;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.beta-panel h3{margin:0 0 .75rem;font-size:1rem}.beta-panel p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6}.beta-list{margin:0;padding-left:1.2rem;color:var(--muted);font-size:.95rem;line-height:1.7}.beta-form-col{position:sticky;top:5rem}.beta-form-header h3{margin:0 0 .5rem;font-size:1.25rem}.beta-form-header p{margin:0 0 1rem;color:var(--muted);font-size:.95rem;line-height:1.6}.beta-form{padding:1.5rem}.beta-form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.beta-form :global(.settings-field){margin-top:1rem}.beta-form :global(.settings-toggle-group){border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--surface) 92%,transparent)}.setting-radio{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;cursor:pointer;border-bottom:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.setting-radio:last-child{border-bottom:none}.setting-radio-body{flex:1;min-width:0}.setting-radio-label{display:block;font-size:.9rem;font-weight:600;line-height:1.35}.setting-radio-desc{display:block;margin-top:.2rem;color:var(--muted);font-size:.8rem;font-weight:400;line-height:1.4}.setting-radio-check{width:1.05rem;height:1.05rem;flex-shrink:0;margin:0;accent-color:var(--accent);cursor:pointer}@media(max-width:900px){.beta-grid{grid-template-columns:1fr}.beta-form-col{position:static}.beta-form-row-2{grid-template-columns:1fr}}@media(max-width:640px){.beta-ribbon-corner{width:4.75rem;height:4.75rem}.beta-ribbon-corner .beta-ribbon{top:.95rem;right:-2.45rem;width:7.5rem;font-size:.62rem}.beta-hero{padding:1.75rem 1rem 2rem}}.cta-band .btn:hover{background:#f8fafc}.site-footer{border-top:1px solid var(--border);padding:3rem 1.5rem 1.5rem;background:var(--bg-elevated)}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;max-width:1100px;margin:0 auto 2rem}.footer-tagline{color:var(--muted);font-size:.9rem;margin:.75rem 0 .25rem}.footer-domain{color:var(--accent);font-weight:600;font-size:.85rem;margin:0}.footer-col h4{margin:0 0 .75rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.footer-col a{display:block;color:var(--text);text-decoration:none;font-size:.9rem;padding:.25rem 0;opacity:.85}.footer-col a:hover{opacity:1;color:var(--accent)}.footer-placeholder{display:block;color:var(--muted);font-size:.9rem;padding:.25rem 0;opacity:.6}.footer-version{font-size:.75rem;color:var(--text-muted, #94a3b8);font-variant-numeric:tabular-nums}.footer-bottom{max-width:1100px;margin:0 auto;padding-top:1.5rem;border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}.site-footer.compact{margin-top:auto;padding:1.25rem 1.5rem;border-top:1px solid var(--border);background:var(--bg-elevated)}.footer-bottom.compact-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;max-width:1100px;margin:0 auto;padding-top:0;border-top:none}.footer-legal-links{display:flex;flex-wrap:wrap;gap:.35rem 1rem}.footer-legal-links a{color:var(--muted);font-size:.85rem;text-decoration:none}.footer-legal-links a:hover{color:var(--accent)}.app-shell{display:flex;flex-direction:column;min-height:calc(100vh - 57px)}.app-shell main{flex:1}@media(max-width:640px){.footer-inner{grid-template-columns:1fr}}.legal-page{padding:2rem 0 4rem}.legal-back{display:inline-flex;margin-bottom:1.5rem}.legal-back :global(.logo){color:var(--text)}.legal-related{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.9rem}.legal-document{max-width:48rem}.legal-header h1{margin:0 0 .5rem}.legal-meta{color:var(--muted);font-size:.9rem;margin:0 0 1rem}.legal-intro{color:var(--muted);margin:0 0 2rem}.legal-section{margin-bottom:2rem}.legal-section h2{font-size:1.15rem;margin:0 0 .75rem}.legal-section p{margin:0 0 .75rem}.legal-section ul{margin:0 0 .75rem;padding-left:1.25rem}.auth-page{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;background:var(--hero-glow)}.auth-card{width:100%;max-width:420px}.auth-brand{display:flex;justify-content:center;margin-bottom:1.5rem}.auth-brand :global(.logo){justify-content:center}.auth-card h1{margin:0 0 .35rem;font-size:1.65rem}.auth-subtitle{color:var(--muted);margin:0 0 1.75rem;font-size:.95rem}.auth-footer{margin-top:1.25rem;color:var(--muted);font-size:.9rem;text-align:center}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:var(--muted);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{flex-shrink:0}.error{color:var(--danger);font-size:.9rem}.success-text{color:var(--success)}.status{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;text-transform:uppercase;font-weight:600}.status.ready{background:color-mix(in srgb,var(--success) 20%,transparent);color:var(--success)}.status.pending,.status.converting{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}.status.error{background:color-mix(in srgb,var(--danger) 20%,transparent);color:var(--danger)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-header h1{margin:0;font-size:1.75rem}.note-grid{display:grid;gap:1rem}.tree-hint{color:var(--muted);font-size:.85rem;margin:0 0 .75rem}.tree-hint code{color:var(--text);background:var(--surface);padding:.1rem .35rem;border-radius:4px}.note-tree-wrap{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.tree-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .65rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.tree-toolbar-desktop{display:flex;flex-wrap:wrap;gap:.5rem;flex:1;min-width:0}.tree-toolbar-mobile{margin-left:auto}.tree-tool-btn:hover{border-color:var(--accent);color:var(--accent)}.action-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;min-width:5.5rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;text-decoration:none;font-family:inherit;box-shadow:none}.action-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.action-btn.secondary{background:transparent;color:var(--muted)}.action-btn.danger{border-color:color-mix(in srgb,var(--danger) 40%,var(--border));color:var(--danger)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.tree-tool-btn{padding:.3rem .65rem;font-size:.75rem;font-weight:600;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;font-family:inherit;box-shadow:none}.tree-tool-btn:hover{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);transform:none;box-shadow:none}.quota-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.65rem 1rem;margin-bottom:1rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-size:.9rem}.quota-bar.warning{border-color:color-mix(in srgb,var(--danger) 40%,var(--border));background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.quota-meter{flex:1;min-width:120px;max-width:240px;height:6px;border-radius:3px;background:var(--bg);overflow:hidden}.quota-meter-fill{height:100%;border-radius:3px;background:var(--gradient);transition:width .3s ease}.quota-upgrade-banner{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.25rem;padding:1rem 1.15rem;margin:1rem 0;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--surface)) 0%,var(--surface) 100%)}.quota-upgrade-title{margin:0 0 .35rem;font-weight:600;font-size:1rem}.quota-upgrade-body,.quota-upgrade-hint{margin:0;font-size:.9rem;color:var(--muted);line-height:1.45}.quota-upgrade-hint{margin-top:.5rem}.quota-upgrade-cta{flex-shrink:0;align-self:center}.note-tree{display:flex;flex-direction:column}.tree-folder{border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.tree-folder:last-child{border-bottom:none}.tree-row{display:flex;align-items:center;gap:.35rem;min-height:2rem;min-width:0}.tree-row.folder-row{padding:.2rem .45rem .2rem .15rem}.tree-row.note-row{padding:.15rem .45rem .15rem .15rem;border-top:1px solid color-mix(in srgb,var(--border) 35%,transparent)}.tree-row.note-row:first-child{border-top:none}.tree-children{padding-left:.85rem;border-left:1px solid color-mix(in srgb,var(--border) 50%,transparent);margin-left:.65rem}.tree-children>.tree-folder{border-bottom:none}.tree-toggle-group{flex:1;display:flex;align-items:center;gap:0;min-width:0}.tree-toggle-group .tree-toggle{flex:0 0 auto;width:auto}.tree-folder-link{flex:1;display:flex;align-items:center;gap:.35rem;min-width:0;padding:.2rem .35rem;border-radius:4px;color:var(--text);text-decoration:none;font-size:.875rem}.tree-folder-link:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.tree-toggle{flex:1;display:flex;align-items:center;gap:.35rem;min-width:0;padding:.2rem .35rem;border:none;border-radius:4px;background:transparent;color:var(--text);text-align:left;font:inherit;font-size:.875rem;box-shadow:none}.tree-toggle:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);transform:none;box-shadow:none}.tree-toggle.static{cursor:default}.tree-toggle.static:hover{background:transparent}.tree-chevron{display:inline-block;width:.75rem;flex-shrink:0;color:var(--muted);font-size:.7rem;transition:transform .15s ease}.tree-chevron.open{transform:rotate(90deg)}.tree-chevron-spacer{visibility:hidden}.tree-icon{flex-shrink:0;font-size:1rem;line-height:1;opacity:.92}.tree-folder-icon{filter:none}.tree-note-icon{font-size:.95rem}.tree-label{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.tree-meta{margin-left:auto;color:var(--muted);font-size:.72rem;white-space:nowrap;flex-shrink:0}@media(max-width:640px){.tree-meta,.tree-row .status{display:none}.tree-row.folder-row,.tree-row.note-row{padding-right:.25rem}.tree-children{padding-left:.5rem;margin-left:.35rem}}.tree-note-link{flex:1;display:flex;align-items:center;gap:.35rem;min-width:0;padding:.2rem .35rem;border-radius:4px;text-decoration:none;color:inherit;font-size:.875rem}.tree-note-link:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.icon-btn{flex-shrink:0;padding:.3rem .55rem;font-size:.75rem;border-radius:6px;background:transparent;border:1px solid var(--border);color:var(--muted);box-shadow:none}.icon-btn-ghost{border:none;padding:.15rem .4rem;font-size:1rem;line-height:1}.icon-btn:hover{color:var(--text);border-color:var(--muted);transform:none;box-shadow:none}.icon-btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.icon-btn.danger:hover{background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:var(--danger)}.tree-actions{display:flex;flex-shrink:0;align-items:center;gap:.2rem;justify-content:flex-end}.tree-row .status{font-size:.65rem;padding:.1rem .35rem;flex-shrink:0}button.danger-text{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}button.danger-text:hover{background:color-mix(in srgb,var(--danger) 12%,transparent)}.progress-track{height:8px;border-radius:4px;background:var(--bg);overflow:hidden}.progress-fill{height:100%;border-radius:4px;background:var(--gradient);transition:width .4s ease}.progress-fill.indeterminate{width:40%;animation:progress-indeterminate 1.2s ease-in-out infinite}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}.active-batch-banner{margin-bottom:1.5rem}.preview img{max-width:100%;border-radius:8px;border:1px solid var(--border)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:40vh;color:var(--muted)}