.reader-hero{background:var(--silver-canvas);padding:32px 0}.reader-hero h1{letter-spacing:-.048em;margin:20px 0 14px;font-size:clamp(40px,4.1vw,58px);font-weight:800;line-height:1.02}.reader-hero h1 span{color:var(--silver-violet)}.reader-hero p{color:var(--silver-muted);max-width:760px;font-size:18px}.reader-stage{padding:28px 0}.reader-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.reader-panel{border:1px solid var(--silver-line);background:#fff;border-radius:8px;min-width:0;padding:28px}.reader-panel h2{align-items:center;gap:12px;font-size:24px;display:flex}.reader-step{background:var(--silver-violet);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:17px;display:inline-grid}.reader-panel p{color:var(--silver-muted);margin:16px 0}.reader-drop{background:var(--silver-panel);border:1px dashed var(--silver-violet);text-align:center;border-radius:8px;justify-items:center;gap:12px;padding:24px;display:grid}.reader-drop svg{color:var(--silver-violet)}.reader-drop button{min-height:44px;color:var(--silver-ink);cursor:pointer;font-weight:700;font:inherit;background:#fff;border:1px solid #858ba3;border-radius:100px;padding:12px 16px}.reader-drop p,.reader-note,#reader-summary{font-size:13px}.reader-selected{background:var(--silver-panel);overflow-wrap:anywhere;border-radius:8px;padding:16px}.reader-actions{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.reader-actions button,.reader-actions a{min-height:44px;color:var(--silver-ink);font:inherit;cursor:pointer;background:#fff;border:1px solid #858ba3;border-radius:100px;justify-content:center;align-items:center;gap:12px;padding:10px 18px;text-decoration:none;display:inline-flex}.reader-actions .reader-primary{background:var(--silver-violet);border-color:var(--silver-violet);color:#fff}.reader-actions .reader-primary:hover{background:var(--silver-violet-hover)}.reader-actions button:disabled{opacity:.65;cursor:not-allowed}.reader-grid [hidden]{display:none!important}.reader-grid pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--silver-panel);border:1px solid var(--silver-line);border-radius:8px;min-height:180px;max-height:420px;padding:18px;font-size:14px;overflow:auto}.reader-empty{text-align:center;background:var(--silver-panel);border-radius:8px;padding:60px 20px}.reader-grid #reader-error{color:var(--silver-error)}.reader-grid .reader-found{color:#166344;background:#ecfaf3;border:1px solid #bfe4d1;border-radius:8px;padding:16px;font-weight:700}#reader-output-status:empty,#reader-status:empty{display:none}#reader-output-status[data-error=true]{color:var(--silver-error)}#reader-output-heading{scroll-margin-top:24px}.reader-grid #reader-warning{color:var(--silver-error);border-left:3px solid var(--silver-error);padding-left:12px}.reader-content{padding-bottom:48px}.reader-content section{margin:28px 0}.reader-content>section:first-child{border:1px solid var(--silver-line);background:#fff;border-radius:8px;padding:28px}.reader-content p{color:var(--silver-muted);margin:12px 0}.reader-content a{color:var(--silver-violet-text);text-underline-offset:3px;text-decoration:underline}.reader-privacy{background:var(--silver-panel);border:1px solid var(--silver-line);border-radius:8px;padding:28px}.reader-grid summary{cursor:pointer;min-height:44px;padding:12px 0}@media (width<=800px){.reader-grid{grid-template-columns:1fr}.reader-panel{padding:23px}.reader-hero{padding:32px 0}}