*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--surface:#f8f9fa;--surface-hover:#f1f3f5;--border:#dee2e6;--border-focus:#4dabf7;--text:#212529;--text-secondary:#495057;--text-muted:#5c636a;--accent:#04c;--accent-hover:#003bb5;--success:#1e662c;--error:#c92a2a;--radius:8px;--font-sans:"Inter",-apple-system,sans-serif;--font-mono:"JetBrains Mono",monospace}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.nav{border-bottom:1px solid var(--border);padding:0 24px}.nav-inner{justify-content:space-between;align-items:center;max-width:960px;height:48px;margin:0 auto;display:flex}.logo{color:var(--text);letter-spacing:-.3px;font-size:16px;font-weight:600}.logo span{color:var(--accent)}.page{max-width:960px;margin:0 auto;padding:40px 24px 60px}.tool-section{max-width:960px;margin:0 auto}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--surface);padding:40px 24px;transition:border-color .2s,background .2s,opacity .2s;position:relative}.drop-zone.loading{pointer-events:none;opacity:.7}.drop-zone:hover,.drop-zone.dragover{border-color:var(--accent);background:#f0f6ff}.drop-zone input{opacity:0;cursor:pointer;position:absolute;inset:0}.drop-label{color:var(--text);margin-bottom:4px;font-size:16px;font-weight:500}.drop-hint{color:var(--text-secondary);font-size:13px}.progress-wrap{margin-top:16px;display:none}.progress-wrap.active{display:block}.progress-bar{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:var(--accent);width:0;height:100%;transition:width .3s}.progress-label{color:var(--text-secondary);margin-top:6px;font-size:13px}.result-wrap{text-align:center;margin-top:20px;display:none}.result-wrap.active{display:block}.result-img{background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><rect width=\"8\" height=\"8\" fill=\"%23e9ecef\"/><rect x=\"8\" y=\"8\" width=\"8\" height=\"8\" fill=\"%23e9ecef\"/><rect x=\"8\" width=\"8\" height=\"8\" fill=\"%23f8f9fa\"/><rect y=\"8\" width=\"8\" height=\"8\" fill=\"%23f8f9fa\"/></svg>");background-repeat:repeat;background-size:16px 16px;border-radius:4px;max-width:100%;max-height:420px;margin:0 auto;display:block;box-shadow:0 1px 3px #00000014}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-outline{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn-outline:hover{background:var(--surface-hover)}.mode-hint{color:var(--text-secondary);margin-top:14px;font-size:13px}.mode-hint button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.mode-hint button:hover{color:var(--accent-hover)}.content{max-width:960px;margin-top:56px;margin-left:auto;margin-right:auto}.content h2{color:var(--text);margin-top:36px;margin-bottom:16px;font-size:20px;font-weight:600}.content h3{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:600}.content p{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.7}.steps-note{color:var(--text-muted);text-align:center;margin-top:12px;font-size:13px}.feature-list{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.feature-list.three-col{grid-template-columns:1fr 1fr 1fr}.feature-item{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:16px}.feature-item h3{margin-bottom:4px;font-size:14px}.feature-item p{margin:0;font-size:13px}.mode-compare{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.mode-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:16px}.mode-card h3{margin-bottom:4px;font-size:14px}.mode-card p{margin:0;font-size:13px}.mode-label{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.mode-label.quick{color:var(--success)}.mode-label.pro{color:var(--accent)}.faq-list{margin-top:8px}.faq-item{border-bottom:1px solid var(--border);padding:14px 0}.faq-item summary{color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;font-size:15px;font-weight:500;list-style:none;display:flex}.faq-item summary:after{content:"+";color:var(--text-muted);font-size:18px;font-weight:400}.faq-item[open] summary:after{content:"−"}.faq-answer{color:var(--text-secondary);margin:0;padding-top:8px;font-size:14px;line-height:1.7}.report-issue{text-align:center;color:var(--text-muted);margin-top:16px;font-size:12px}.report-issue a{color:var(--text-muted);text-underline-offset:3px;text-decoration:underline}.report-issue a:hover{color:var(--text-secondary)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.footer{border-top:1px solid var(--border);text-align:center;margin-top:60px;padding:24px 24px 32px}.footer p{color:var(--text-muted);font-size:13px;line-height:1.8}.footer a{color:var(--text-secondary);text-decoration:underline}.prose{max-width:720px;margin:0 auto}.prose h1{color:var(--text);margin-bottom:20px;font-size:24px;font-weight:700}.prose h2{color:var(--text);margin:28px 0 10px;font-size:18px;font-weight:600}.prose h3{color:var(--text);margin:20px 0 8px;font-size:15px;font-weight:600}.prose p{color:var(--text-secondary);margin-bottom:14px;font-size:14px;line-height:1.8}.prose ul,.prose ol{margin:12px 0 20px 24px}.prose ul li,.prose ol li{color:var(--text-secondary);margin-bottom:8px;font-size:14px;line-height:1.7}.prose ul li strong,.prose ol li strong{color:var(--text)}.prose a{text-decoration:underline}@media (width<=600px){.page{padding:24px 16px 40px}.tool-section,.content{max-width:100%}.drop-zone{padding:32px 16px}.feature-list,.mode-compare,.feature-list.three-col{grid-template-columns:1fr}.prose{padding:0}}