:root{--color-primary: #0d9488;--color-primary-light: #14b8a6;--color-primary-dark: #0f766e;--color-primary-bg: #f0fdfa;--color-text: #1e293b;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-background: #f8fafc;--color-surface: #ffffff;--color-border: #cbd5e1;--color-border-light: #e2e8f0;--color-success: #10b981;--color-success-bg: #ecfdf5;--color-error: #ef4444;--color-error-bg: #fef2f2;--font-stack: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Monaco, "Cascadia Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--line-height: 1.6;--max-width: 760px;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-stack);font-size:var(--font-size-base);line-height:var(--line-height);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-background{position:fixed;top:0;left:0;right:0;height:400px;background:linear-gradient(180deg,var(--color-primary-bg) 0%,var(--color-background) 100%);z-index:-1;pointer-events:none}.container{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-lg)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}header{text-align:center;margin-bottom:var(--spacing-2xl);padding-top:var(--spacing-xl)}.logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.logo-icon{width:42px;height:42px;color:var(--color-primary)}header h1{margin:0;font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{margin:var(--spacing-xs) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:400}section h2{font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-md);color:var(--color-text)}section p{margin:0 0 var(--spacing-md);color:var(--color-text-secondary)}section p:last-child{margin-bottom:0}section ul{margin:0;padding-left:1.25rem;color:var(--color-text-secondary)}section li{margin-bottom:var(--spacing-xs)}section li::marker{color:var(--color-primary)}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-base);background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-border-light) 100%)}.upload-zone:hover{border-color:var(--color-primary);background:linear-gradient(180deg,var(--color-primary-bg) 0%,var(--color-surface) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.upload-zone.drag-over{border-color:var(--color-primary);border-style:solid;background:var(--color-primary-bg);transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 0 4px #0d94881a}.upload-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);color:var(--color-primary);opacity:.8;transition:all var(--transition-base)}.upload-icon svg{width:100%;height:100%}.upload-zone:hover .upload-icon,.upload-zone.drag-over .upload-icon{opacity:1;transform:translateY(-4px)}.upload-text{margin:0 0 var(--spacing-xs);font-size:var(--font-size-lg);font-weight:500;color:var(--color-text)}.upload-subtext{margin:0 0 var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.upload-formats{margin:0 0 var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.upload-privacy{margin:0;font-size:var(--font-size-xs);color:var(--color-primary-dark);font-weight:500}.status{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-border-light);border-radius:var(--radius-md);margin-top:var(--spacing-lg)}.status-icon{flex-shrink:0;width:24px;height:24px;color:var(--color-primary)}.status-icon svg{width:100%;height:100%}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status p{margin:0;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.results{padding:var(--spacing-lg);background:var(--color-success-bg);border-radius:var(--radius-md);border:1px solid rgba(16,185,129,.2);margin-top:var(--spacing-lg)}.results-header{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.results-icon{flex-shrink:0;width:24px;height:24px;color:var(--color-success)}.results-header p{margin:0;color:var(--color-text);font-weight:500}.error{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-error-bg);border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.2);margin-top:var(--spacing-lg)}.error-icon{flex-shrink:0;width:24px;height:24px;color:var(--color-error)}.error p{margin:0;color:var(--color-error)}.format-selector{margin-bottom:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid rgba(16,185,129,.15)}.format-label{display:block;font-weight:500;font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--spacing-sm)}.format-options{display:flex;flex-direction:column;gap:var(--spacing-xs)}.format-option{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:background-color var(--transition-fast);margin:0 calc(-1 * var(--spacing-md))}.format-option:hover{background:#10b9811a}.format-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.format-radio{flex-shrink:0;width:18px;height:18px;border:2px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-fast);position:relative}.format-option input:checked+.format-radio{border-color:var(--color-success);background:var(--color-success)}.format-option input:checked+.format-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:var(--radius-full)}.format-option input:focus-visible+.format-radio{box-shadow:0 0 0 3px #10b9814d}.format-content{display:flex;flex-direction:column;gap:2px}.format-name{font-weight:500;font-size:var(--font-size-sm);color:var(--color-text)}.format-desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.download-row{display:flex;align-items:center;gap:var(--spacing-md)}.file-size{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-stack);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-icon{width:18px;height:18px}.btn-primary{background:linear-gradient(180deg,var(--color-primary-light) 0%,var(--color-primary) 100%);color:#fff;box-shadow:var(--shadow-sm),inset 0 1px #ffffff26}.btn-primary:hover{background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md),inset 0 1px #ffffff26}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border-light);border-color:var(--color-text-muted)}.privacy-section .privacy-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.privacy-section h2{margin:0}.privacy-icon{width:28px;height:28px;color:var(--color-primary)}.privacy-section p{background:var(--color-primary-bg);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid rgba(13,148,136,.15);margin:0}.privacy-section strong{color:var(--color-text)}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.pricing-tier{padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-base)}.pricing-tier:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.pricing-tier h3{margin:0 0 var(--spacing-xs);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.pricing-tier .tier-desc{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pricing-tier .price{margin:0;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary)}.pricing-tier-highlight{border-color:var(--color-primary);background:var(--color-primary-bg)}.pricing-tier-highlight .price{color:var(--color-primary-dark);font-size:var(--font-size-lg)}.pricing-note{margin-top:var(--spacing-lg);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.legal-section h2{margin-bottom:var(--spacing-xs)}.legal-updated{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.legal-section h3{font-size:var(--font-size-lg);font-weight:600;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);color:var(--color-text)}.legal-section h4{font-size:var(--font-size-base);font-weight:600;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-text)}.legal-section p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}.legal-section ul{margin:0 0 var(--spacing-md);padding-left:1.5rem;color:var(--color-text-secondary)}.legal-section li{margin-bottom:var(--spacing-xs)}.legal-section a{color:var(--color-primary);text-decoration:none}.legal-section a:hover{text-decoration:underline}.legal-section strong{color:var(--color-text)}.privacy-highlight{background:var(--color-primary-bg);border:1px solid rgba(13,148,136,.2);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.privacy-highlight h3{margin-top:0;color:var(--color-primary-dark)}.privacy-highlight p{margin-bottom:0}.logo-link{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:inherit}.logo-link:hover{opacity:.9}.disclaimer-section{background:var(--color-border-light);box-shadow:none}.disclaimer-section h2{font-size:var(--font-size-base);color:var(--color-text-secondary)}.disclaimer-section p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.disclaimer-section strong{color:var(--color-text-secondary)}.preview{padding:var(--spacing-lg);background:var(--color-border-light);border-radius:var(--radius-md);margin-top:var(--spacing-lg)}.preview-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.preview-icon{flex-shrink:0;width:32px;height:32px;color:var(--color-primary)}.preview-info p{margin:0 0 var(--spacing-xs);color:var(--color-text-secondary)}.preview-info p:last-child{margin-bottom:0}.preview-info strong{color:var(--color-text)}.category-filter{margin-bottom:var(--spacing-lg)}.filter-label{display:block;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text)}.preset-options{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.preset-option{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all var(--transition-fast);border:1px solid var(--color-border);background:var(--color-surface)}.preset-option:hover{background:var(--color-primary-bg);border-color:var(--color-primary)}.preset-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.preset-radio{flex-shrink:0;width:18px;height:18px;border:2px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-fast);position:relative}.preset-option input:checked+.preset-radio{border-color:var(--color-primary);background:var(--color-primary)}.preset-option input:checked+.preset-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:var(--radius-full)}.preset-option input:focus-visible+.preset-radio{box-shadow:0 0 0 3px #0d94884d}.preset-content{display:flex;flex-direction:column;gap:2px}.preset-name{font-weight:500;font-size:var(--font-size-sm);color:var(--color-text)}.preset-desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.preset-badge{display:inline-block;padding:2px 6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-full);margin-left:var(--spacing-xs);vertical-align:middle}.preset-badge-free{background:var(--color-border-light);color:var(--color-text-secondary)}.preset-badge-paid{background:var(--color-primary);color:#fff}.token-section{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-primary-bg);border-radius:var(--radius-md);border:1px solid rgba(13,148,136,.2)}.token-prompt p{margin:0 0 var(--spacing-md);color:var(--color-text);font-weight:500}.token-input-row{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.token-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast)}.token-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0d94881a}.token-input::placeholder{color:var(--color-text-muted)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.token-hint{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.token-hint a{color:var(--color-primary);font-weight:500;text-decoration:none}.token-hint a:hover{text-decoration:underline}.token-status{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.token-status-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.token-status-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.token-status-loading{background:var(--color-border-light);color:var(--color-text-secondary)}.token-active{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-success-bg);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-success);font-weight:500}.token-active-icon{width:18px;height:18px;flex-shrink:0}.session-info{color:var(--color-text-secondary);font-weight:400;margin-left:auto;font-size:var(--font-size-xs)}.token-clear-btn{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.token-clear-btn:hover{background:#0000000d;color:var(--color-text-secondary)}.category-details{margin-top:var(--spacing-md)}.category-details summary{cursor:pointer;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500}.category-details summary:hover{text-decoration:underline}.category-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.category-checkbox{display:flex;align-items:flex-start;gap:var(--spacing-xs);font-size:var(--font-size-sm);cursor:pointer}.category-checkbox input{margin-top:3px;accent-color:var(--color-primary)}.category-checkbox-label{display:flex;flex-direction:column;gap:2px}.category-checkbox-name{color:var(--color-text);font-weight:500}.category-checkbox-desc{color:var(--color-text-muted);font-size:var(--font-size-xs)}.preview-estimate{padding:var(--spacing-md);background:var(--color-primary-bg);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);text-align:center;border:1px solid rgba(13,148,136,.15)}.preview-estimate p{margin:0;color:var(--color-text)}.preview-estimate strong{color:var(--color-primary);font-size:var(--font-size-lg)}.preview-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.tier-comparison{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.tier-card{padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;position:relative}.tier-free{background:var(--color-surface);border:1px solid var(--color-border)}.tier-paid{background:linear-gradient(180deg,var(--color-primary-bg) 0%,var(--color-surface) 100%);border:2px solid var(--color-primary);box-shadow:var(--shadow-md)}.tier-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);margin-bottom:var(--spacing-sm)}.tier-free .tier-badge{background:var(--color-border-light);color:var(--color-text-secondary)}.tier-paid .tier-badge{background:var(--color-primary);color:#fff}.tier-card h3{margin:0 0 var(--spacing-xs);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.tier-count{margin:0 0 var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary)}.tier-free .tier-count{color:var(--color-text-secondary)}.tier-desc{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.tier-price{margin:var(--spacing-md) 0 0;font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary-dark)}.categories-heading{font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-xs);color:var(--color-text)}.categories-intro{margin:0 0 var(--spacing-lg);color:var(--color-text-secondary)}.categories-section p{margin-bottom:var(--spacing-lg)}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.category-item{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.category-item h3{margin:0 0 var(--spacing-xs);font-size:var(--font-size-base);color:var(--color-primary-dark)}.category-item p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.faq-section h2{margin-bottom:var(--spacing-lg)}.faq-item{border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0}.faq-item:last-child{border-bottom:none}.faq-item summary{cursor:pointer;font-weight:500;color:var(--color-text);list-style:none;display:flex;align-items:center;gap:var(--spacing-sm)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";color:var(--color-primary);font-weight:600;font-size:var(--font-size-lg);width:1.5em;text-align:center;flex-shrink:0}.faq-item[open] summary:before{content:"−"}.faq-item p{margin:var(--spacing-md) 0 0 calc(1.5em + var(--spacing-sm));color:var(--color-text-secondary)}.info-section h3{font-size:var(--font-size-base);font-weight:600;margin:var(--spacing-lg) 0 var(--spacing-sm);color:var(--color-text)}.info-section h3:first-of-type{margin-top:var(--spacing-md)}footer{padding:var(--spacing-xl) 0;text-align:center}footer p{margin:0 0 var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted)}footer .attribution{font-size:var(--font-size-xs);margin:0}footer a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}footer a:hover{color:var(--color-primary-dark);text-decoration:underline}[hidden]{display:none!important}@media(max-width:640px){:root{--font-size-3xl: 1.75rem}.container{padding:var(--spacing-md)}.card{padding:var(--spacing-lg);border-radius:var(--radius-md)}.logo-icon{width:36px;height:36px}.upload-zone{padding:var(--spacing-xl) var(--spacing-md)}.upload-icon{width:48px;height:48px}.pricing-grid,.tier-comparison{grid-template-columns:1fr}.token-input-row{flex-direction:column}.token-input-row .btn{width:100%}.format-option{margin:0 calc(-1 * var(--spacing-sm))}.category-grid,.category-checkboxes{grid-template-columns:1fr}.preview-actions{flex-direction:column}.preview-actions .btn{width:100%;justify-content:center}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible{outline-offset:2px}::selection{background:var(--color-primary);color:#fff}