:root{--ink: #171717;--body: #4d4d4d;--mute: #888888;--hairline: #ebebeb;--hairline-strong: #a1a1a1;--canvas: #ffffff;--canvas-soft: #fafafa;--canvas-soft-2: #f5f5f5;--link: #0070f3;--error: #ee0000;--error-soft: #f7d4d6;--warning-soft: #ffefcf;--warning-deep: #ab570a;--radius-sm: 6px;--radius-md: 8px;--radius-pill: 100px;--font-sans: Inter, system-ui, -apple-system, "Segoe UI", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, "PingFang SC", "Microsoft YaHei", monospace;--lh-body: 1.75}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:16px;line-height:var(--lh-body);color:var(--ink);background:var(--canvas);min-height:100vh}#app{display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:920px;margin:0 auto;padding:0 20px}::selection{background:var(--ink);color:#f2f2f2}.display-lg{font-size:32px;font-weight:600;line-height:1.3;letter-spacing:-.02em}.display-sm{font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.01em}.body-lg{font-size:18px;line-height:var(--lh-body)}.body-md-strong{font-size:16px;font-weight:500;line-height:var(--lh-body)}.body-sm{font-size:14px;line-height:1.6}.caption-mono{font-family:var(--font-mono);font-size:12px;color:var(--mute);letter-spacing:0}.hero-sub strong{font-weight:500;color:var(--ink)}.site-header{border-bottom:1px solid var(--hairline);background:var(--canvas)}.header-row{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}.lang-select{font-family:inherit;font-size:13px;color:var(--ink);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);padding:3px 6px;background:var(--canvas)}.brand-mark{font-weight:600;font-size:16px;letter-spacing:-.01em}.site-footer{margin-top:auto;border-top:1px solid var(--hairline);background:var(--canvas-soft)}.footer-stack{display:flex;flex-direction:column;gap:10px;padding-top:16px;padding-bottom:16px}.footer-row{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.lang-links{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.lang-links a{color:var(--mute);text-decoration:none;font-size:13px}.lang-links a:hover{color:var(--ink)}.lang-links a[aria-current=page]{color:var(--ink);font-weight:500}main{flex:1;padding-top:40px;padding-bottom:56px}.hero{margin-bottom:28px}.hero-sub{color:var(--body);margin:10px 0 0}.banner-error{border:1px solid var(--error);background:var(--error-soft);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:20px}.banner-error p{margin:0;font-size:14px;color:var(--ink)}.dropzone{border:1px dashed var(--hairline-strong);border-radius:var(--radius-md);background:var(--canvas-soft);outline:none;transition:border-color .15s ease,background .15s ease}.dropzone:hover,.dropzone:focus-visible,.dropzone.dragover{border-color:var(--ink);background:var(--canvas-soft-2)}.dropzone-inner{padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.dropzone-title{margin:0}.dropzone-hint{color:var(--mute);margin:0 0 8px}.kbd{font-family:var(--font-mono);font-size:13px;border:1px solid var(--hairline-strong);border-bottom-width:2px;border-radius:4px;padding:1px 6px;background:var(--canvas)}.btn-primary{appearance:none;border:1px solid var(--ink);background:var(--ink);color:#fff;font-family:inherit;font-size:14px;font-weight:500;border-radius:var(--radius-pill);padding:8px 22px;cursor:pointer}.btn-primary:hover{background:#383838}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{appearance:none;border:1px solid var(--hairline-strong);background:var(--canvas);color:var(--ink);font-family:inherit;font-size:13px;font-weight:500;border-radius:var(--radius-sm);padding:5px 14px;cursor:pointer;white-space:nowrap}.btn-secondary:hover{border-color:var(--ink)}.status{margin-top:20px;border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--canvas);padding:14px 16px}.status-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.status-row .body-sm{color:var(--body)}.progress-track{height:4px;border-radius:2px;background:var(--canvas-soft-2);margin-top:10px;overflow:hidden}.progress-bar{height:100%;background:var(--ink);border-radius:2px;transition:width .2s ease}.mode-row{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--hairline)}.mode-label{color:var(--mute)}.mode-select{font-family:inherit;font-size:13px;color:var(--ink);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);padding:4px 8px;background:var(--canvas)}.engine-badge{margin-left:auto}.result{margin-top:28px}.result-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.result-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:20px;align-items:start}@media(max-width:720px){.result-grid{grid-template-columns:1fr}main{padding-top:28px}.display-lg{font-size:26px}}.preview-pane{margin:0;border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--canvas-soft);overflow:hidden}.preview-pane img{display:block;width:100%;height:auto;cursor:zoom-in}.preview-pane figcaption{padding:8px 12px;border-top:1px solid var(--hairline)}.preview-pane a{color:var(--link);text-decoration:none}.text-pane{display:flex;flex-direction:column;gap:10px;min-width:0}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{appearance:none;font-family:inherit;font-size:13px;font-weight:500;color:var(--ink);border:1px solid var(--hairline-strong);border-radius:var(--radius-pill);background:var(--canvas);padding:4px 14px;cursor:pointer}.chip:hover{border-color:var(--ink)}.chip.active{background:var(--ink);border-color:var(--ink);color:#fff}.extract-panel{border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--canvas-soft);padding:12px 14px}.extract-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.extract-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:200px;overflow:auto}.extract-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--font-mono);font-size:13px;color:var(--ink);background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:5px 10px}.extract-list li button{appearance:none;border:none;background:none;font-family:inherit;font-size:12px;color:var(--link);cursor:pointer;white-space:nowrap}.extract-empty{color:var(--mute);font-size:13px;margin:4px 0}.result-text{width:100%;min-height:220px;resize:vertical;font-family:inherit;font-size:15px;line-height:1.7;color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:12px 14px;background:var(--canvas)}.result-text:focus{outline:none;border-color:var(--ink)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:var(--ink);color:#f2f2f2;font-size:13px;border-radius:var(--radius-pill);padding:8px 20px;box-shadow:0 2px 4px #0000001f,0 8px 24px #0000001f;z-index:50}.content{margin-top:72px}.content-section{margin-bottom:56px}.content-section>h2{margin:0 0 16px}.section-intro{color:var(--body);margin:-8px 0 16px;max-width:720px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-card,.case-card{border:1px solid var(--hairline);border-radius:var(--radius-md);padding:16px;background:var(--canvas)}.feature-card h3,.case-card h3,.step-item h3{margin:0 0 6px}.feature-card p,.case-card p,.step-item p{margin:0;color:var(--body)}.steps-list{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;gap:12px}.step-item{counter-increment:step;position:relative;border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--canvas);padding:16px 16px 16px 56px}.step-item:before{content:counter(step);position:absolute;left:16px;top:18px;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.table-wrap{overflow-x:auto;border:1px solid var(--hairline);border-radius:var(--radius-md)}.compare-table{width:100%;border-collapse:collapse;font-size:14px}.compare-table th,.compare-table td{text-align:left;padding:10px 14px;border-top:1px solid var(--hairline);vertical-align:top}.compare-table thead th{border-top:none;background:var(--canvas-soft);font-weight:600}.compare-table tbody th[scope=row]{font-weight:500;color:var(--ink);white-space:nowrap}.compare-table td{color:var(--body)}.compare-table td:first-of-type{color:var(--ink)}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--canvas)}.faq-item summary{cursor:pointer;position:relative;padding:12px 40px 12px 16px;font-weight:500;font-size:15px;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--mute);font-size:18px}.faq-item[open] summary:after{content:"–"}.faq-item p{margin:0;padding:0 16px 14px;color:var(--body)}@media(max-width:720px){.feature-grid,.case-grid{grid-template-columns:1fr}.content{margin-top:56px}}