:root{--paper:#f2ede3;--panel:#fffdf8;--ink:#25221d;--muted:#756e63;--line:#d5ccbd;--accent:#73552f;--accent-soft:#eee0ca;--green:#356148;--red:#8a372f;--red-soft:#f7dfda;--shadow:0 12px 34px rgba(55,43,27,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button,select,input,textarea,a{border-radius:.42rem}button,select,input,textarea{border:1px solid var(--line);color:var(--ink);background:var(--panel)}button{padding:.48rem .72rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.4}a{color:var(--accent)}.hidden{display:none!important}.topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.65rem 1rem;border-bottom:1px solid var(--line);background:rgba(242,237,227,.96);backdrop-filter:blur(9px)}.brand{justify-self:start;display:flex;align-items:baseline;gap:.6rem;padding:.25rem 0;border:0;background:transparent}.brand strong{font:600 1.18rem Georgia,serif}.brand span{color:var(--muted);font-size:.78rem}.page-nav{display:flex;align-items:center;gap:.42rem}.page-nav label{color:var(--muted);font-size:.8rem}.page-nav input{width:5.2rem;padding:.46rem}.top-actions{justify-self:end;display:flex;align-items:center;gap:.6rem}.top-actions a{padding:.45rem .2rem;font-size:.82rem}main{max-width:1840px;margin:auto;padding:1.2rem}.eyebrow{margin:0 0 .35rem;color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.overview-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;padding:1.2rem 0 1.5rem}.overview-heading h1,.page-heading h1{margin:0;font:600 clamp(1.8rem,3vw,3rem)/1.08 Georgia,serif}.overview-heading p:not(.eyebrow),.page-heading p:not(.eyebrow){max-width:54rem;margin:.65rem 0 0;color:var(--muted);line-height:1.55}.summary{display:grid;grid-template-columns:repeat(3,auto);gap:1.2rem}.summary div{min-width:6rem;padding:.8rem;border-left:1px solid var(--line)}.summary strong{display:block;font:600 1.65rem Georgia,serif}.summary span{color:var(--muted);font-size:.7rem}.overview-controls{position:sticky;top:3.9rem;z-index:15;display:flex;gap:1rem;padding:.75rem 0;background:var(--paper)}.overview-controls label{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.78rem}.overview-controls select{padding:.42rem}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.85rem}.page-card{position:relative;overflow:hidden;padding:0;border:1px solid var(--line);text-align:left;background:var(--panel);box-shadow:0 3px 10px rgba(55,43,27,.05)}.page-card:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.page-card img{display:block;width:100%;aspect-ratio:3/4.25;object-fit:cover;object-position:top;background:#d8d0c3}.card-copy{display:block;padding:.58rem}.card-title{display:flex;align-items:center;justify-content:space-between;font-weight:700}.card-state{display:block;margin-top:.2rem;color:var(--muted);font-size:.68rem}.mini-badge{display:inline-block;padding:.16rem .36rem;border-radius:99px;color:var(--red);background:var(--red-soft);font-size:.62rem;font-weight:700}.page-heading{display:flex;align-items:end;gap:1.5rem;padding:.75rem 0}.badges{display:flex;flex-wrap:wrap;gap:.45rem;margin-left:auto;justify-content:flex-end}.badge{padding:.34rem .58rem;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:var(--panel);font-size:.72rem}.badge.good{color:var(--green);border-color:#a9c6b4}.view-tabs{display:flex;gap:.4rem;margin:.3rem 0 .8rem}.view-tabs button.active{color:white;border-color:var(--accent);background:var(--accent)}.page-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(34rem,1fr);min-height:70vh;overflow:hidden;border:1px solid var(--line);border-radius:.6rem;background:var(--panel);box-shadow:var(--shadow)}.scan-pane{min-width:0;border-right:1px solid var(--line);background:#c9c0b1}.pane-toolbar{display:flex;align-items:center;gap:.7rem;min-height:3rem;padding:.5rem .7rem;border-bottom:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:.76rem}.pane-toolbar .push{margin-left:auto}.scan-frame{height:calc(100vh - 15rem);overflow:auto;padding:.7rem;text-align:center}.scan-frame img{display:block;width:100%;height:auto;box-shadow:0 3px 15px rgba(0,0,0,.24)}.text-pane{min-width:0}.continuous-text{height:calc(100vh - 15rem);overflow:auto;padding:1rem 1.2rem 4rem;font:clamp(.96rem,1.12vw,1.16rem)/1.52 Georgia,'Times New Roman',serif}.continuous-text h3{position:sticky;top:-1rem;margin:0 0 .55rem;padding:.5rem 0;color:var(--muted);background:var(--panel);font:700 .67rem ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.continuous-line{display:grid;grid-template-columns:5rem 1fr;gap:.6rem;padding:.12rem}.line-id{color:#8b8275;font:10px ui-monospace,monospace}.indent-1{padding-left:1.5em}.indent-2{padding-left:3em}.line-list{width:min(100%,94rem);margin:auto;padding:.6rem 1rem 7rem}.line-row{margin:0 0 .65rem;overflow:hidden;border:1px solid var(--line);border-radius:.5rem;background:var(--panel);box-shadow:0 2px 7px rgba(55,43,27,.05)}.line-head{display:flex;align-items:center;gap:.5rem;min-height:1.8rem;padding:.2rem .55rem;color:var(--muted);background:#f6f0e6;font:10px ui-monospace,monospace}.context-toggle{margin-left:auto;padding:.14rem .38rem;color:var(--muted);font:10px ui-sans-serif,system-ui,sans-serif}.line-crop{position:relative;width:100%;overflow:hidden;background:#c9c0b1}.line-crop img{position:absolute;max-width:none;height:auto}.line-text-row{display:flex;align-items:center;gap:.8rem;padding:.52rem 3.2%;border-top:1px solid #e2d8c8}.line-text{min-width:0;padding:.2rem 0;border:0;text-align:left;background:transparent;font:clamp(1.03rem,1.48vw,1.35rem)/1.48 Georgia,'Times New Roman',serif}.comment-preview{min-width:0;overflow:hidden;color:var(--muted);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.changed .line-text-row{background:#fff9f7}.diff-added{color:var(--red);background:var(--red-soft);border-radius:.18rem}.edit-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(12rem,1fr) auto;gap:.5rem;padding:.65rem;border-top:1px solid var(--line);background:#fffaf3}.edit-form textarea{min-height:4rem;padding:.55rem;resize:vertical}.edit-actions{display:flex;align-items:flex-end;gap:.35rem}.primary{color:white;border-color:var(--accent);background:var(--accent)}.submit-bar{position:fixed;right:1rem;bottom:1rem;z-index:25;display:flex;align-items:center;gap:.6rem;padding:.65rem;border:1px solid var(--line);border-radius:.55rem;background:var(--panel);box-shadow:var(--shadow);font-size:.78rem}.empty{display:grid;place-items:center;min-height:55vh;color:var(--muted);text-align:center}.reference-panel{position:fixed;top:0;right:0;z-index:50;display:grid;grid-template-rows:auto auto 1fr;width:min(44rem,94vw);height:100vh;transform:translateX(102%);border-left:1px solid var(--line);background:var(--panel);box-shadow:-12px 0 36px rgba(38,30,20,.18);transition:transform .2s ease}.reference-panel.open{transform:none}.reference-panel header{display:flex;align-items:center;padding:.8rem 1rem;border-bottom:1px solid var(--line)}.reference-panel header div{display:grid}.reference-panel header small{color:var(--muted)}.reference-panel header button{margin-left:auto;border:0;font-size:1.5rem}.reference-panel nav{display:flex;gap:.4rem;padding:.55rem .8rem;border-bottom:1px solid var(--line)}.reference-panel nav button.active{color:white;background:var(--accent)}.reference-panel iframe{width:100%;height:100%;border:0}.toast{position:fixed;left:50%;bottom:1rem;z-index:70;transform:translateX(-50%);padding:.6rem .85rem;color:white;border-radius:.4rem;background:#30493a;box-shadow:var(--shadow)}
@media(max-width:980px){.topbar{grid-template-columns:1fr auto}.page-nav{grid-column:1/-1;grid-row:2;justify-content:center}.overview-heading{grid-template-columns:1fr}.summary{justify-content:start}.page-comparison{grid-template-columns:1fr}.scan-pane{border-right:0;border-bottom:1px solid var(--line)}.scan-frame,.continuous-text{height:56vh}.edit-form{grid-template-columns:1fr}.line-list{padding:.4rem .2rem 7rem}}@media(max-width:620px){main{padding:.7rem}.topbar{padding:.55rem}.brand span,.top-actions a{display:none}.overview-controls{top:6.7rem;flex-wrap:wrap}.page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.card-copy{padding:.42rem}.summary{gap:.3rem}.summary div{min-width:0;padding:.5rem}.page-heading{align-items:start}.badges{display:none}.line-text-row{display:block}.comment-preview{display:block;margin-top:.2rem}.submit-bar{left:.5rem;right:.5rem;bottom:.5rem;justify-content:flex-end}.submit-bar span{margin-right:auto}}
.line-crop img{top:0;left:0}.line-image-status{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;min-height:2.2rem;margin:0 0 .55rem;padding:.35rem .55rem;color:var(--muted);font-size:.72rem}.line-image-status button{padding:.25rem .48rem;font-size:.7rem}#submit-question,#submitted-label{font-weight:700;color:var(--accent)}