.lect-demo-shell{position:relative;isolation:isolate}.lect-demo-shell:before{content:"";position:absolute;inset:-120px -120px auto auto;width:720px;height:720px;border-radius:50%;background:radial-gradient(closest-side,rgba(91,141,239,.18),rgba(91,141,239,0));filter:blur(40px);pointer-events:none;z-index:-1}.lect-demo-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(91,141,239,.12);border:1px solid rgba(91,141,239,.32);color:#b9cdff;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.lect-demo-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#5b8def;box-shadow:0 0 0 4px rgba(91,141,239,.18)}.lect-demo-samples{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 16px}.lect-demo-sample-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--border);color:var(--muted);padding:10px 14px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.lect-demo-sample-pill:hover{color:var(--text);border-color:rgba(91,141,239,.5)}.lect-demo-sample-pill[data-active=true]{background:rgba(91,141,239,.12);color:#d8e3ff;border-color:rgba(91,141,239,.55)}.lect-demo-sample-blurb{color:var(--muted);font-size:14px;margin:0 0 24px}.lect-demo-stages{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;margin-bottom:20px;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.lect-demo-stage{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-right:1px solid var(--border);padding:16px 18px;text-align:left;cursor:pointer;color:var(--muted);display:flex;align-items:center;gap:12px;transition:background .12s ease,color .12s ease}.lect-demo-stage:last-child{border-right:0}.lect-demo-stage:hover{background:var(--surface-elevated);color:var(--text)}.lect-demo-stage[data-active=true]{background:rgba(91,141,239,.1);color:var(--text)}.lect-demo-stage-num{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;transition:background .12s ease,border-color .12s ease,color .12s ease}.lect-demo-stage[data-active=true] .lect-demo-stage-num,.lect-demo-stage[data-completed=true] .lect-demo-stage-num{background:#5b8def;border-color:#5b8def;color:#0b0e14}.lect-demo-stage-label{font-size:14px;font-weight:600}.lect-demo-stage-sub{font-size:12px;color:var(--muted);margin-top:2px;font-weight:400}@media (max-width:720px){.lect-demo-stages{grid-template-columns:1fr 1fr}.lect-demo-stage:nth-child(2){border-right:0}.lect-demo-stage{border-bottom:1px solid var(--border)}.lect-demo-stage:nth-last-child(-n+2){border-bottom:0}}.lect-demo-canvas{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:stretch}@media (max-width:900px){.lect-demo-canvas{grid-template-columns:1fr}}.lect-demo-paper{position:relative;background:linear-gradient(180deg,#fdfcf8,#f6f4ec);color:#1d2733;border-radius:14px;padding:36px 40px;min-height:380px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 60px -32px rgba(0,0,0,.7),0 8px 18px -12px rgba(0,0,0,.45);overflow:hidden}.lect-demo-paper:before{inset:56px 24px 32px 24px;background-image:repeating-linear-gradient(180deg,transparent 0,transparent 41px,rgba(60,80,110,.18) 0,rgba(60,80,110,.18) 42px)}.lect-demo-paper:after,.lect-demo-paper:before{content:"";position:absolute;pointer-events:none}.lect-demo-paper:after{top:0;bottom:0;left:56px;width:1px;background:rgba(220,60,60,.25)}.lect-demo-paper-meta{display:flex;justify-content:space-between;font-size:11px;color:rgba(29,39,51,.55);letter-spacing:.4px;text-transform:uppercase;margin-bottom:12px;position:relative;z-index:1}.lect-demo-handwriting{position:relative;z-index:1;font-family:Bradley Hand,Segoe Script,Apple Chancery,Lucida Handwriting,cursive;font-size:26px;line-height:42px;color:#1c2a3d;letter-spacing:.3px;filter:contrast(1.05)}.lect-demo-handwriting>span{display:block}.lect-demo-result{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px 26px;display:flex;flex-direction:column;min-height:380px}.lect-demo-result-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}.lect-demo-result-title{margin:0;font-size:15px;font-weight:600;color:var(--text);letter-spacing:.2px}.lect-demo-result-meta{font-size:12px;color:var(--muted)}.lect-demo-confidence{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:rgba(48,164,108,.12);border:1px solid rgba(48,164,108,.4);color:#6cd9a3;font-size:11px;font-weight:600;letter-spacing:.2px}.lect-demo-confidence[data-tier=medium]{background:rgba(245,165,36,.12);border-color:rgba(245,165,36,.4);color:#f3c267}.lect-demo-confidence[data-tier=low]{background:rgba(229,72,77,.12);border-color:rgba(229,72,77,.4);color:#ff8d8f}.lect-demo-ocr{font-size:16px;line-height:1.7;color:var(--text);word-spacing:1px}.lect-demo-ocr-word{padding:0 1px}.lect-demo-ocr-word[data-tier=medium]{background-image:linear-gradient(90deg,rgba(245,165,36,.55),rgba(245,165,36,.55))}.lect-demo-ocr-word[data-tier=low],.lect-demo-ocr-word[data-tier=medium]{background-position:0 100%;background-repeat:no-repeat;background-size:100% 2px}.lect-demo-ocr-word[data-tier=low]{background-image:linear-gradient(90deg,rgba(229,72,77,.7),rgba(229,72,77,.7))}.lect-demo-clarity{font-size:16px;line-height:1.7;color:var(--text)}.lect-demo-clarity-insert{background:rgba(91,141,239,.18);color:#d8e3ff;padding:0 4px;border-radius:4px;font-weight:600;border-bottom:1px dotted rgba(91,141,239,.7)}.lect-demo-translation{font-size:16px;line-height:1.7;color:var(--text);padding:18px 20px;background:var(--surface-elevated);border:1px dashed rgba(91,141,239,.35);border-radius:12px}.lect-demo-notes{margin-top:auto;padding-top:16px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}.lect-demo-notes-list{margin:8px 0 0;padding-left:18px}.lect-demo-notes-list li{margin:4px 0}.lect-demo-banner{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px 18px;border-radius:12px;background:rgba(245,165,36,.08);border:1px solid rgba(245,165,36,.3);color:var(--warning);font-size:14px}.lect-demo-banner-icon{width:22px;height:22px;flex-shrink:0}.lect-demo-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px;margin-top:48px}.lect-demo-cta{margin-top:56px;padding:32px 36px;border-radius:18px;background:linear-gradient(135deg,rgba(91,141,239,.14) 0,rgba(91,141,239,.04) 100%),var(--surface);border:1px solid rgba(91,141,239,.35);display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:24px;gap:24px}.lect-demo-cta h2{margin:0 0 6px;font-size:24px}.lect-demo-cta p{margin:0;max-width:560px}@media (max-width:720px){.lect-demo-cta{grid-template-columns:1fr}}.lect-demo-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.lect-demo-chip{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--surface-elevated);border:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:600}