:root{--paper:#fff;--warm:#f7f6f3;--ink:#1e1d1c;--muted:#78756f;--line:#e7e5e1;--blue:#3191ff;--blue-soft:#edf5ff;--danger:#a33a36;--radius:16px;--shadow:0 12px 36px rgba(30,29,28,.07)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.site-header{height:72px;border-bottom:1px solid var(--line);position:relative;z-index:2;background:rgba(255,255,255,.94)}.site-header-inner{width:min(1240px,calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;gap:16px}.wordmark{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-size:20px;font-weight:750;letter-spacing:-.04em;text-decoration:none}.wordmark img{display:block;flex:0 0 auto}.site-header p{margin:0;color:var(--muted);font-size:13px}.trust-pill{margin-left:auto;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:12px;font-weight:600;background:#fff}main{width:min(1240px,calc(100% - 48px));margin:auto}.landing{padding:72px 0 54px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:60px}.eyebrow{margin:0 0 18px;color:var(--muted);font-size:12px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}.hero-copy h1,.result-head h1{font-size:clamp(44px,5.6vw,76px);line-height:1.02;letter-spacing:-.06em;font-weight:500;margin:0;max-width:900px}.lede{font-size:18px;line-height:1.65;color:var(--muted);max-width:630px;margin:26px 0 30px}.upload-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.upload-form input{position:absolute;opacity:0;pointer-events:none}.primary-button,.dark-button,#convert-button{border:0;border-radius:999px;background:var(--ink);color:#fff;min-height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;font:650 14px/1 inherit;cursor:pointer;box-shadow:0 0 0 0 rgba(49,145,255,0);transition:transform .18s,box-shadow .18s}.primary-button:hover,.dark-button:hover,#convert-button:hover{transform:translateY(-1px);box-shadow:0 0 0 4px rgba(49,145,255,.16)}#file-note{width:100%;font-size:12px;color:var(--muted);margin:0}.hero-meta{display:flex;flex-direction:column;gap:0;width:230px;border-top:1px solid var(--line)}.hero-meta span{font-size:12px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted)}.demo-shell{position:relative;margin-top:52px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#fff}.demo-shell.dragging{border-color:var(--blue);box-shadow:0 0 0 5px rgba(49,145,255,.12),var(--shadow)}.demo-toolbar{height:62px;padding:0 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:12px}.demo-toolbar>div{display:flex;align-items:center;gap:12px}.demo-toolbar span{color:var(--muted)}.demo-status span{border-left:1px solid var(--line);padding-left:16px}.demo-workspace{height:470px;display:grid;grid-template-columns:78px minmax(330px,1fr) 1.08fr;background:var(--warm)}.page-rail{padding:18px 15px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.thumb{height:72px;background:#fff;border:1px solid var(--line);display:grid;place-items:end center;padding:5px;font-size:10px;color:var(--muted)}.thumb.active{border-color:var(--blue);box-shadow:0 0 0 2px rgba(49,145,255,.14)}.paper-preview{margin:26px auto;padding:48px 50px;width:min(84%,500px);background:#fff;box-shadow:0 4px 20px rgba(30,29,28,.08);overflow:hidden}.paper-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.paper-preview h2{font-size:28px;letter-spacing:-.035em;margin:8px 0 40px}.paper-preview h3{font-size:15px;margin:20px 0 9px}.paper-preview p,.paper-preview li{font-family:Georgia,serif;font-size:13px;line-height:1.6}.paper-preview hr{border:0;border-top:1px solid #bbb;margin:26px 0}.code-preview{background:#fff;border-left:1px solid var(--line);min-width:0}.code-preview header,.panel>header{height:54px;padding:0 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:650}.code-preview header span:last-child,.panel>header>span:last-child{color:var(--muted);font-weight:450}.code-preview pre{margin:0;padding:28px 30px;color:#343a45;font:13px/1.8 "SFMono-Regular",Consolas,"Liberation Mono",monospace;white-space:pre-wrap}.line-no{color:#b0aca5;user-select:none}.drop-overlay{position:absolute;inset:62px 0 0;background:rgba(247,250,255,.94);display:flex;opacity:0;pointer-events:none;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--ink);transition:opacity .18s}.drop-overlay strong{font-size:22px}.drop-overlay span{font-size:13px;color:var(--muted)}.demo-shell.dragging .drop-overlay{opacity:1;pointer-events:auto}.limit-note{color:var(--muted);font-size:12px;text-align:center;margin:18px 0 0}.processing{margin:50px auto;padding:22px 26px;border:1px solid #bfdcff;background:var(--blue-soft);display:flex;align-items:center;gap:16px;border-radius:12px;max-width:760px}.processing.error{border-color:#efd2cf;background:#fff7f6;color:var(--danger)}.processing p{margin:4px 0 0;font-size:13px;color:var(--muted)}.progress-dot{width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 8px rgba(49,145,255,.13);animation:pulse 1.5s infinite}.error .progress-dot{background:var(--danger);animation:none}.result{padding:56px 0}.result-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.result-head h1{font-size:clamp(32px,4vw,54px)}.result-actions{display:flex;gap:10px}.secondary-button,.dark-button{border:1px solid var(--line);border-radius:999px;min-height:44px;padding:0 18px;background:#fff;color:var(--ink);font-weight:650;cursor:pointer}.dark-button{background:var(--ink);color:#fff;border-color:var(--ink)}.quality{display:flex;gap:0;margin:28px 0;border:1px solid var(--line);border-radius:12px;width:max-content;max-width:100%;overflow:hidden}.quality span{font-size:12px;color:var(--muted);padding:11px 15px;border-right:1px solid var(--line)}.quality span:last-child{border:0}.split-view{display:grid;grid-template-columns:1fr 1fr;height:calc(100vh - 270px);min-height:620px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.panel{display:flex;flex-direction:column;min-width:0;background:#fff}.pdf-panel{border-right:1px solid var(--line)}.panel iframe{flex:1;width:100%;border:0;background:var(--warm)}.panel header div{display:flex;gap:4px}.text-button{border:0;background:transparent;color:var(--muted);font:600 12px inherit;cursor:pointer;padding:8px}.text-button:hover{color:var(--ink)}.editor-panel textarea,.markdown-preview{flex:1;border:0;resize:none;padding:28px 30px;outline:0;color:#333a46;font:13px/1.8 "SFMono-Regular",Consolas,"Liberation Mono",monospace}.markdown-preview{overflow:auto;font-family:Inter,system-ui,sans-serif}.markdown-preview h1,.markdown-preview h2{letter-spacing:-.03em}.markdown-preview img{max-width:100%}footer{min-height:100px;border-top:1px solid var(--line);padding:28px max(28px,4vw);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}footer span{color:var(--ink);font-weight:750;font-size:15px}button:focus-visible,label:focus-visible,textarea:focus-visible{outline:3px solid rgba(49,145,255,.32);outline-offset:3px}@keyframes pulse{50%{box-shadow:0 0 0 13px rgba(49,145,255,0)}}
@media(max-width:800px){main{width:min(100% - 28px,680px)}.site-header-inner{width:min(100% - 28px,680px)}.site-header p{display:none}.landing{padding-top:46px}.hero-grid{grid-template-columns:1fr}.hero-meta{display:none}.hero-copy h1{font-size:44px}.lede{font-size:16px}.demo-toolbar{align-items:flex-start;height:auto;padding:16px;gap:14px}.demo-status{display:none!important}.demo-workspace{height:570px;grid-template-columns:1fr}.page-rail{display:none}.paper-preview{height:260px;margin:18px auto;padding:28px;width:88%}.paper-preview h2{font-size:22px;margin-bottom:18px}.code-preview{border:0;border-top:1px solid var(--line);overflow:hidden}.code-preview pre{padding:20px;font-size:11px}.result-head{align-items:flex-start;flex-direction:column}.result-actions{width:100%}.result-actions button{flex:1}.quality{width:100%;overflow:auto}.quality span{white-space:nowrap}.split-view{grid-template-columns:1fr;height:auto}.panel{height:68vh}.pdf-panel{border:0;border-bottom:1px solid var(--line)}footer{align-items:flex-start;gap:12px;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}