:root{--bg: #f6f8fb;--panel: #ffffff;--panel-soft: #f9fbff;--text: #111827;--muted: #536071;--muted-2: #6b7280;--line: #dbe3ef;--line-strong: #c7d2e3;--primary: #155eef;--primary-soft: #eaf1ff;--success: #15803d;--warning: #b45309;--danger: #b91c1c;--premium: #6d28d9;--shadow: 0 10px 28px rgba(17, 24, 39, .08);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}::selection{background:var(--primary);color:#fff}.container{width:min(1160px,calc(100% - 28px));margin:0 auto}.section{padding:56px 0}.section-tight{padding:34px 0}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:#fffffff0;backdrop-filter:blur(8px)}.nav{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px}.logo{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--text);white-space:nowrap}.logo-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--primary);color:#fff;font-weight:900}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{color:var(--muted);padding:7px 10px;border-radius:8px;font-size:13px;font-weight:700}.nav-links a:hover{background:var(--primary-soft);color:var(--primary)}h1,h2,h3{margin:0;line-height:1.08;letter-spacing:0;color:var(--text)}h1{font-size:38px}h2{font-size:24px}h3{font-size:19px}p{margin:0;color:var(--muted)}.lead{font-size:15px;color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;gap:7px;width:fit-content;border:1px solid #bfdbfe;border-radius:999px;padding:5px 9px;color:#1d4ed8;background:#eff6ff;font-size:12px;font-weight:800}.dot{width:7px;height:7px;border-radius:50%;background:var(--success)}.zero-cockpit{min-height:calc(100dvh - 46px);padding:10px 0 12px;display:grid}.zero-shell{min-height:calc(100dvh - 68px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}.zero-titlebar{display:grid;grid-template-columns:minmax(240px,1fr) minmax(260px,420px);gap:14px;align-items:end}.zero-titlecopy{display:grid;gap:6px}.mode-switch{display:grid;gap:5px}.mode-switch label,.field label,.label{font-size:12px;font-weight:800;color:#1f2937}.hero-note{min-height:18px;color:var(--muted-2);font-size:12px}.zero-tool-card{min-height:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.landing-tools,.landing-panel,.landing-panel.active,.landing-panel .section-tight,.landing-panel .container{height:100%;min-height:0}.landing-panel{display:none}.landing-panel.active{display:block}.landing-panel .container{width:100%}.landing-panel .section-tight{padding:0}.landing-panel .tool-shell{height:100%;min-height:0;padding:10px;grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr)}.landing-panel .tool-panel{min-height:0;overflow:hidden;padding:12px}.landing-panel .panel-head p{display:none}.landing-panel .preview-empty,.landing-panel .preview-frame{height:clamp(180px,34dvh,340px)}.landing-panel .dropzone{padding:10px;min-height:58px}.landing-panel .dropzone small{display:none}.landing-panel .field{margin-top:7px;gap:4px}.landing-panel .status-box{min-height:38px;padding:8px 9px}.landing-panel .smart-help{display:none}.ocr-tool-section.is-compact-tool .preview-empty,.ocr-tool-section.is-compact-tool .preview-frame{height:clamp(220px,calc(100dvh - 340px),640px)}.tool-shell{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.15fr);gap:12px;align-items:stretch}.tool-panel{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:18px}.card{box-shadow:var(--shadow)}.panel-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.panel-head h2{font-size:21px}.panel-head p{margin-top:3px;font-size:13px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;background:var(--primary-soft);color:#1d4ed8;border:1px solid #bfdbfe;font-size:11px;font-weight:900;white-space:nowrap}.field{display:grid;gap:6px;margin-top:10px}.field small{color:var(--muted-2);font-size:12px}.input,.select,.textarea{width:100%;min-height:38px;border:1px solid var(--line-strong);border-radius:8px;color:var(--text);background:#fff;padding:7px 9px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.textarea{min-height:86px;resize:vertical}.form-row,.form-row-3{display:grid;gap:8px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.dropzone{display:grid;gap:2px;text-align:center;border:1.5px dashed #93c5fd;border-radius:8px;padding:16px;background:#f8fbff;color:#1e3a8a;cursor:pointer}.dropzone input{display:none}.dropzone strong{font-size:15px;color:#1d4ed8}.dropzone span,.dropzone small{color:var(--muted);font-size:12px}.dropzone:hover,.dropzone.dragover{border-color:var(--primary);background:#eff6ff}.file-list{display:grid;gap:5px;margin-top:6px;max-height:46px;overflow:hidden}.sequence-panel{margin-top:8px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;overflow:hidden}.sequence-head{display:flex;justify-content:space-between;gap:8px;padding:8px 9px;color:#334155;font-size:12px;border-bottom:1px solid var(--line)}.sequence-head span{color:var(--muted-2)}.convert-list{display:grid;gap:5px;max-height:138px;overflow:auto;padding:7px}.convert-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:6px;background:#fff}.sequence-index{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--primary-soft);color:#1d4ed8;font-weight:900;font-size:12px}.sequence-name{min-width:0;color:#334155;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sequence-name small{display:block;color:var(--muted-2);font-weight:600}.sequence-actions{display:flex;gap:4px}.icon-btn{border:1px solid var(--line);border-radius:7px;background:#fff;color:#475569;min-height:28px;padding:0 7px;font-size:11px;font-weight:850;cursor:pointer}.danger-lite{color:var(--danger);border-color:#fecaca}.empty-sequence{display:grid;place-items:center;min-height:54px;color:var(--muted-2);font-size:12px}.file-item{display:flex;justify-content:space-between;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:6px 8px;color:var(--muted);font-size:12px}.tabs{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 2px}.tab-btn{border:1px solid var(--line);background:#f8fafc;color:#374151;border-radius:8px;padding:7px 9px;cursor:pointer;font-size:12px;font-weight:800}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.panel-hidden,.hidden-minimal{display:none!important}.checkbox-row{display:flex;align-items:center;gap:7px;color:#334155;margin-top:8px;font-size:12px;font-weight:700}.checkbox-row input{accent-color:var(--primary)}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--text);cursor:pointer;font-weight:850;font-size:13px}.btn:hover{background:#f8fafc;color:var(--primary)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.success,#downloadLink,#docxDownloadLink{background:var(--success)!important;color:#fff!important;border-color:var(--success)!important}.btn.secondary,#clearBtn,#docxClearBtn{background:#f8fafc;color:#475569}.btn.danger{background:var(--danger);color:#fff}.btn.premium{background:var(--premium);color:#fff}.status-box{border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:10px;color:var(--muted);min-height:44px;margin-top:10px;font-size:13px}.status-box.ok{border-color:#bbf7d0;color:#166534;background:#f0fdf4}.status-box.warn{border-color:#fde68a;color:#92400e;background:#fffbeb}.status-box.bad{border-color:#fecaca;color:#991b1b;background:#fef2f2}.preview-frame{width:100%;height:clamp(560px,72dvh,860px);border:1px solid var(--line);border-radius:8px;background:#fff}.preview-empty{height:clamp(560px,72dvh,860px);display:grid;place-items:center;text-align:center;color:var(--muted-2);border:1px dashed var(--line-strong);border-radius:8px;background:#f8fafc;padding:12px;font-size:13px}.output-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr)}.smart-help,.compact-details{margin-top:8px;padding:9px;border-radius:8px;background:#eff6ff;border:1px solid #bfdbfe;color:#334155;font-size:12px}.compact-details summary{cursor:pointer;font-weight:850}.code-like{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;line-height:1.35;white-space:pre}.mini-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.mini-proof span{border:1px solid var(--line);border-radius:8px;padding:8px;color:#334155;background:#fff;font-size:12px;font-weight:800}.hero{padding:42px 0 22px}.hero-compact{padding:12px 0 6px}.hero-compact h1{font-size:30px;margin-top:8px!important}.hero-compact .lead{margin-top:6px}.hero .lead{max-width:760px;margin-top:12px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.feature-card,.seo-card,details{border:1px solid var(--line);border-radius:8px;padding:18px;background:var(--panel);box-shadow:0 4px 16px #1118270a}.feature-card p,.seo-card p{margin-top:8px}.prose{max-width:880px}.prose h1{margin-bottom:12px}.prose h2{font-size:28px;margin-top:26px;margin-bottom:8px}.prose h3{margin-top:18px}.prose p,.prose li{color:var(--muted)}.prose ul,.prose ol{padding-left:22px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line);color:var(--muted);vertical-align:top}th{background:#eff6ff;color:#1e3a8a;font-size:13px}tr:last-child td{border-bottom:0}.faq{display:grid;gap:8px}summary{cursor:pointer;font-weight:800}details p{margin-top:8px}.ad-slot{border:1px dashed var(--line-strong);border-radius:8px;min-height:110px;display:grid;place-items:center;color:var(--muted-2);font-size:13px;background:#fff}.footer{border-top:1px solid var(--line);background:#fff;padding:28px 0;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:18px}.footer p{margin-top:10px;max-width:560px}.footer a{color:var(--muted);display:inline-block;margin:3px 0}.footer a:hover{color:var(--primary)}@media(max-width:920px){.grid-2,.grid-3,.footer-grid,.tool-shell{grid-template-columns:1fr}.landing-panel .tool-shell{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.landing-panel .output-panel{grid-template-rows:auto}.landing-panel .output-panel .panel-head p,.landing-panel .preview-empty,.landing-panel .preview-frame{display:none}}@media(max-width:720px){.container{width:min(100% - 16px,1160px)}.nav{min-height:42px}.nav-links{display:none}.logo-mark{width:28px;height:28px}.zero-cockpit{min-height:calc(100dvh - 42px);padding:6px 0}.zero-shell{min-height:calc(100dvh - 54px);gap:6px}.zero-titlebar{grid-template-columns:1fr;gap:6px}.zero-titlecopy{grid-template-columns:auto 1fr;align-items:center}.zero-titlecopy .eyebrow,.zero-titlecopy .lead{display:none}h1{font-size:24px}h2{font-size:20px}.mode-switch{gap:3px}.hero-note{display:none}.landing-panel .tool-shell{padding:6px;gap:6px}.landing-panel .tool-panel{padding:8px}.panel-head{margin-bottom:5px}.panel-head .badge,.panel-head p{display:none}.panel-head h2{font-size:18px}.dropzone strong{font-size:13px}.dropzone span{font-size:11px}.tabs{gap:4px;margin:6px 0 0}.tab-btn{padding:6px 7px;font-size:11px}.field{margin-top:5px;gap:3px}.field label,.mode-switch label{font-size:11px}.input,.select,.textarea{min-height:34px;padding:6px 7px;font-size:12px}.textarea{min-height:64px}.form-row,.form-row-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.check-grid{grid-template-columns:1fr 1fr 1fr}.checkbox-row{font-size:11px;gap:4px;margin-top:5px}.action-row{margin-top:6px;gap:6px}.btn{min-height:34px;padding:0 10px;font-size:12px}.status-box{min-height:34px;margin-top:6px;padding:7px;font-size:12px}.preview-frame,.preview-empty{height:clamp(520px,74dvh,820px)}.file-list{max-height:30px}.convert-list{max-height:88px}.sequence-head{padding:6px;font-size:11px}.convert-item{grid-template-columns:auto minmax(0,1fr);gap:5px}.sequence-actions{grid-column:1 / -1;justify-content:flex-end}.file-item{padding:4px 6px;font-size:11px}.compact-details{padding:6px;margin-top:6px}.mini-proof{display:none}.section,.section-tight{padding:24px 0}.hero-compact{padding:6px 0 2px}.hero-compact .eyebrow,.hero-compact .lead{display:none}.hero-compact h1{font-size:20px;margin-top:0!important}.ocr-tool-section.is-compact-tool{padding:4px 0}.ocr-tool-section.is-compact-tool .tool-shell{height:calc(100dvh - 92px);min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1.18fr) minmax(120px,.82fr);gap:6px;overflow:hidden}.ocr-tool-section.is-compact-tool .tool-panel{min-height:0;overflow:hidden;padding:8px}.ocr-tool-section.is-compact-tool .panel-head p,.ocr-tool-section.is-compact-tool .dropzone span,.ocr-tool-section.is-compact-tool .mini-proof{display:none}.ocr-tool-section.is-compact-tool .panel-head h2{font-size:18px}.ocr-tool-section.is-compact-tool .dropzone{min-height:44px;padding:7px}.ocr-tool-section.is-compact-tool .compact-details{padding:5px 6px}.ocr-tool-section.is-compact-tool .compact-details .form-row-3,.ocr-tool-section.is-compact-tool .compact-details small{display:none}.ocr-tool-section.is-compact-tool .file-list{max-height:28px}.ocr-tool-section.is-compact-tool .output-panel{grid-template-rows:auto auto minmax(0,1fr)}.ocr-tool-section.is-compact-tool .output-panel .panel-head{margin-bottom:4px}.ocr-tool-section.is-compact-tool .output-panel .panel-head p{display:none}.ocr-tool-section.is-compact-tool .preview-empty,.ocr-tool-section.is-compact-tool .preview-frame{height:100%;min-height:90px}}@media(max-width:390px),(max-height:760px){.zero-titlecopy h1{font-size:21px}.landing-panel .dropzone{min-height:48px;padding:7px}.form-row,.form-row-3{gap:4px}.input,.select,.btn,.status-box{min-height:31px}}