:root{--vx-bg:#f6f8fb;--vx-surface:#ffffffdb;--vx-surface-solid:#fff;--vx-border:#0f172a14;--vx-text:#0f172a;--vx-text-soft:#475569;--vx-muted:#64748b;--vx-shadow:0 18px 50px #0f172a14;--vx-radius-xl:24px;--vx-radius-lg:20px;--vx-radius-md:16px}.vx-viewer-card{background:var(--vx-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--vx-border);border-radius:var(--vx-radius-xl);box-shadow:var(--vx-shadow);overflow:hidden}.vx-viewer-card__header{background:linear-gradient(#ffffffe6,#f8fafccc);border-bottom:1px solid #0f172a0f;padding:1.1rem 1.25rem}.vx-viewer-card__header h3{color:var(--vx-text);margin:0;font-size:1.05rem;font-weight:700}.vx-image-preview-panel__body{background:radial-gradient(circle at 0 0,#6366f10f,#0000 26%),linear-gradient(#fbfcfe,#f4f7fb);justify-content:center;align-items:center;min-height:520px;padding:1.25rem;display:flex}.vx-image-preview-panel__body img{object-fit:contain;background:#fff;border:1px solid #0f172a0f;border-radius:16px;max-width:100%;max-height:680px;box-shadow:0 14px 36px #0f172a1f}.vx-text-result-tabs__body{background:linear-gradient(#fff,#fbfcff);min-height:520px;padding:1.25rem}.vx-plain-text{white-space:pre-wrap;word-break:break-word;color:var(--vx-text);background:#fcfdff;border:1px solid #0f172a0f;border-radius:18px;margin:0;padding:1.2rem 1.25rem;font-family:inherit;font-size:1.05rem;line-height:2}.vx-structured-blocks{flex-direction:column;gap:1rem;display:flex}.vx-structured-block{background:#fff;border:1px solid #0f172a12;border-radius:18px;padding:1rem;box-shadow:0 10px 22px #0f172a0a}.vx-structured-block h4{color:var(--vx-text-soft);margin:0 0 .85rem;font-size:.95rem;font-weight:700}.vx-structured-line{border-radius:14px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.85rem .95rem;transition:transform .2s,background .2s;display:flex}.vx-structured-line:hover{background:#f8fafc;transform:translateY(-1px)}.vx-structured-line+.vx-structured-line{border-top:1px solid #0f172a0d}.vx-structured-line p{color:var(--vx-text);flex:1;margin:0;font-size:1rem;line-height:1.9}.vx-structured-line span{text-align:right;color:#0f766e;background:#14b8a614;border-radius:999px;flex-shrink:0;min-width:60px;padding:.35rem .6rem;font-size:.88rem;font-weight:700}.vx-compare-panel{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.vx-compare-panel__image,.vx-compare-panel__text{background:linear-gradient(#fff,#f8fafc);min-height:580px;padding:1.25rem}.vx-compare-panel__image{justify-content:center;align-items:center;display:flex}.vx-compare-panel__image img{object-fit:contain;background:#fff;border-radius:16px;max-width:100%;max-height:700px;box-shadow:0 12px 28px #0f172a1a}.vx-compare-panel__text pre{white-space:pre-wrap;word-break:break-word;color:var(--vx-text);margin:0;font-family:inherit;font-size:1.05rem;line-height:2}@media (width<=1024px){.vx-compare-panel{grid-template-columns:1fr}.vx-image-preview-panel__body,.vx-text-result-tabs__body,.vx-compare-panel__image,.vx-compare-panel__text{min-height:420px}}:root{--ocr-bg:#f4f7fb;--ocr-surface:#ffffffe0;--ocr-surface-solid:#fff;--ocr-border:#0f172a14;--ocr-text:#0f172a;--ocr-text-soft:#475569;--ocr-muted:#64748b;--ocr-accent:#2563eb;--ocr-accent-soft:#2563eb14;--ocr-success:#059669;--ocr-shadow:0 20px 55px #0f172a14;--ocr-radius-xl:24px;--ocr-radius-lg:20px;--ocr-radius-md:16px;--ocr-max:1280px}*{box-sizing:border-box}.ocr-demo-page{min-height:100vh;color:var(--ocr-text);background:radial-gradient(circle at 0 0,#2563eb14,#0000 28%),radial-gradient(circle at 100% 0,#10b9810f,#0000 24%),linear-gradient(#f8fbff,#f3f6fb)}.ocr-demo-container{max-width:var(--ocr-max);margin:0 auto;padding:0 1.25rem 4rem}.ocr-demo-hero{max-width:var(--ocr-max);margin:0 auto;padding:4rem 1.25rem 2rem}.ocr-demo-hero__content{max-width:820px}.ocr-demo-pill{color:var(--ocr-text-soft);background:#0f172a0f;border-radius:999px;margin-bottom:1rem;padding:.45rem .85rem;font-size:.9rem;font-weight:700;display:inline-block}.ocr-demo-hero h1{letter-spacing:-.03em;margin:0 0 1rem;font-size:clamp(2.1rem,4vw,4rem);line-height:1.08}.ocr-demo-hero p{max-width:720px;color:var(--ocr-text-soft);margin:0;font-size:1.08rem;line-height:1.8}.ocr-demo-hero__meta{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.ocr-demo-hero__meta span{border:1px solid var(--ocr-border);color:var(--ocr-text-soft);background:#fffc;border-radius:999px;padding:.55rem .85rem;font-size:.92rem;font-weight:600}.ocr-card{background:var(--ocr-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--ocr-border);border-radius:var(--ocr-radius-xl);box-shadow:var(--ocr-shadow)}.ocr-upload-panel,.ocr-review-panel,.ocr-processing-panel,.ocr-result-workspace{overflow:hidden}.ocr-upload-panel{padding:2rem}.ocr-upload-panel__header{margin-bottom:1.5rem}.ocr-upload-panel__header h2,.ocr-review-panel__sidebar h2,.ocr-processing-panel__timeline h2,.ocr-result-topbar h2{margin:0 0 .6rem;font-size:1.55rem;line-height:1.2}.ocr-upload-panel__header p,.ocr-review-panel__sidebar p,.ocr-processing-panel__timeline p,.ocr-result-topbar p{color:var(--ocr-text-soft);margin:0;line-height:1.75}.ocr-dropzone{text-align:center;cursor:pointer;background:linear-gradient(#ffffffe6,#f8fafcf2);border:1.5px dashed #2563eb40;border-radius:22px;padding:2.5rem 1.25rem;transition:transform .2s,border-color .2s,box-shadow .2s}.ocr-dropzone:hover{border-color:#2563eb73;transform:translateY(-2px);box-shadow:0 14px 36px #2563eb14}.ocr-dropzone__inner h3{margin:0 0 .65rem;font-size:1.4rem}.ocr-dropzone__inner p{color:var(--ocr-muted);margin:0 0 1rem}.ocr-sample-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.4rem;display:grid}.ocr-sample-card{border:1px solid var(--ocr-border);text-align:left;min-height:88px;color:var(--ocr-text);cursor:pointer;background:#ffffffd1;border-radius:18px;padding:1rem;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s}.ocr-sample-card:hover{border-color:#2563eb38;transform:translateY(-2px);box-shadow:0 12px 28px #0f172a0f}.ocr-review-panel,.ocr-processing-panel{grid-template-columns:1.25fr .95fr;min-height:720px;display:grid}.ocr-review-panel__preview,.ocr-processing-panel__preview{background:radial-gradient(circle at 0 0,#2563eb0d,#0000 26%),linear-gradient(#fcfdff,#f4f7fb);border-right:1px solid #0f172a0f;justify-content:center;align-items:center;padding:1.5rem;display:flex}.ocr-review-panel__preview img,.ocr-processing-panel__preview img{object-fit:contain;background:#fff;border-radius:16px;max-width:100%;max-height:680px;box-shadow:0 16px 38px #0f172a1f}.ocr-review-panel__sidebar,.ocr-processing-panel__timeline{padding:2rem}.ocr-file-meta{gap:.9rem;margin-top:1.4rem;display:grid}.ocr-file-meta>div{background:#f8fafce6;border:1px solid #0f172a0f;border-radius:16px;padding:.95rem 1rem}.ocr-file-meta span{color:var(--ocr-muted);margin-bottom:.35rem;font-size:.82rem;display:block}.ocr-file-meta strong{color:var(--ocr-text);font-size:.98rem}.ocr-action-row{flex-wrap:wrap;gap:.85rem;margin-top:1.5rem;display:flex}.btn-primary,.btn-secondary{appearance:none;cursor:pointer;border:none;border-radius:14px;padding:.85rem 1.15rem;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 14px 28px #2563eb40}.btn-secondary{color:var(--ocr-text);background:#ffffffd1;border:1px solid #0f172a14}.ocr-stage-list{flex-direction:column;gap:1rem;margin-top:1.6rem;display:flex}.ocr-stage-item{background:#ffffffb3;border:1px solid #0f172a0f;border-radius:18px;gap:1rem;padding:1rem;transition:transform .2s,border-color .2s,background .2s;display:flex}.ocr-stage-item.active{background:#2563eb0d;border-color:#2563eb40;transform:translateY(-1px)}.ocr-stage-item.complete{border-color:#05966929}.ocr-stage-item__dot{background:#cbd5e1;border-radius:999px;flex-shrink:0;width:14px;height:14px;margin-top:.35rem}.ocr-stage-item.active .ocr-stage-item__dot{background:var(--ocr-accent);box-shadow:0 0 0 6px #2563eb1f}.ocr-stage-item.complete .ocr-stage-item__dot{background:var(--ocr-success)}.ocr-stage-item strong{margin-bottom:.35rem;display:block}.ocr-stage-item p{color:var(--ocr-text-soft);margin:0;font-size:.94rem;line-height:1.7}.ocr-result-workspace{flex-direction:column;gap:1.25rem;display:flex}.ocr-result-topbar{background:var(--ocr-surface);border:1px solid var(--ocr-border);border-radius:var(--ocr-radius-xl);box-shadow:var(--ocr-shadow);justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.4rem 1.5rem;display:flex}.ocr-result-tabs{border:1px solid var(--ocr-border);background:#ffffffd1;border-radius:16px;gap:.6rem;width:fit-content;padding:.4rem;display:inline-flex}.ocr-result-tabs button{appearance:none;color:var(--ocr-text-soft);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:.75rem 1rem;font-size:.94rem;font-weight:700}.ocr-result-tabs button.active{color:var(--ocr-text);background:#fff;box-shadow:0 8px 18px #0f172a0f}.ocr-result-grid{grid-template-columns:1.03fr 1fr;gap:1.5rem;display:grid}.ocr-signup-callout{border:1px solid var(--ocr-border);box-shadow:var(--ocr-shadow);background:linear-gradient(#ffffffeb,#f8fafcf5);border-radius:22px;padding:1.4rem 1.5rem}.ocr-signup-callout strong{margin-bottom:.45rem;font-size:1.05rem;display:block}.ocr-signup-callout p{color:var(--ocr-text-soft);margin:0 0 1rem;line-height:1.7}@media (width<=1024px){.ocr-review-panel,.ocr-processing-panel,.ocr-result-grid,.ocr-result-topbar{grid-template-columns:1fr;display:grid}.ocr-review-panel__preview,.ocr-processing-panel__preview{border-bottom:1px solid #0f172a0f;border-right:none}.ocr-sample-row{grid-template-columns:1fr}}@media (width<=720px){.ocr-demo-hero{padding-top:2.5rem}.ocr-upload-panel,.ocr-review-panel__sidebar,.ocr-processing-panel__timeline{padding:1.25rem}.ocr-result-topbar{padding:1.1rem}.ocr-action-row{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}