.exam-marker *{box-sizing:border-box}
.exam-marker .upload-message:empty{display:none}
.exam-marker .upload-message{margin-top:12px;overflow-wrap:anywhere}
.exam-marker .upload-message p{margin-bottom:0}
.exam-marker .run-cost{font-size:12px;font-weight:400;color:#637987;margin:5px 0 12px}
.exam-marker .quick-answer{border:1px solid #dce4e8;border-radius:9px;padding:16px;margin:16px 0}
.exam-marker .quick-answer>img{display:block;width:100%;max-width:1100px;margin:10px auto}
.exam-marker .quick-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.exam-marker .quick-pages{margin:18px 0}
.exam-marker .quick-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:18px;margin-top:15px}
.exam-marker .quick-page-grid figure{min-width:0;margin:0}
.exam-marker .quick-page-grid img{display:block;width:100%;border:1px solid #dce4e8}
.exam-marker #math-advanced{margin-top:22px;border-top:1px solid #dce4e8;padding-top:15px}
.exam-marker #math-review select,.exam-marker #math-review textarea{display:block;width:100%;max-width:100%;padding:10px;border:1px solid #ccd9df;border-radius:7px;font:inherit}
.exam-marker .math-check{display:flex;align-items:flex-start;gap:9px;margin:12px 0}
.exam-marker .math-check input[type=checkbox]{display:inline-block;flex:0 0 auto;width:18px;height:18px;margin:3px 0 0;padding:0}
.exam-marker .math-add{font-size:12px;margin:8px 0}
.exam-marker .math-add summary{cursor:pointer;color:var(--blue)}
.exam-marker .math-add select{margin-top:8px}
.exam-marker #math-correction>details{margin:12px 0}
.exam-marker .math-step{min-width:0;border:1px solid #dce4e8;border-radius:8px;margin:18px 0;padding:16px}
.exam-marker .math-expression{font-size:18px;overflow-wrap:anywhere}
.exam-marker .math-award{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:16px;border-top:1px solid #e8edf0;padding-top:10px}
.exam-marker .math-award small{display:block;font-weight:400;color:#637987}
.exam-marker .math-award input[type=number]{max-width:110px}
.exam-marker .math-original img{display:block;width:100%;max-width:900px;margin:15px auto;border:1px solid #dce4e8}
.exam-marker{margin:0;background:#f4f6f6;color:#153043;font:15px/1.6 Inter,system-ui,sans-serif}
.exam-marker a{color:#1b6377;text-underline-offset:4px}
.exam-marker button,.exam-marker input{font:inherit}
.exam-marker button{background:#15394b;color:white;border:1px solid #15394b;padding:11px 17px;border-radius:8px;font-weight:650;cursor:pointer;line-height:1.4}
.exam-marker button:hover{filter:brightness(1.15)}
.exam-marker button:disabled{opacity:.45;cursor:wait}
.exam-marker .secondary{background:white;color:#15394b;border-color:#ccd9df}
.exam-marker input{display:block;width:100%;margin-top:7px;background:#f8fafb;border:1px solid #ccd9df;border-radius:7px;padding:10px;color:#153043}
.exam-marker input[type=file]{font-size:13px}
.exam-marker label{display:block;font-size:13px;font-weight:600;margin-bottom:16px}
.exam-marker p{margin:8px 0 18px}
.exam-marker h1,.exam-marker h2,.exam-marker h3{line-height:1.2;letter-spacing:-.035em;margin:0 0 15px}
.exam-marker h1{font-size:clamp(40px,5.5vw,66px);font-weight:730}
.exam-marker h1 span{color:#6a8390}
.exam-marker h2{font-size:24px}
.exam-marker h3{font-size:18px}
.exam-marker .shell{width:min(1180px,calc(100% - 56px));margin:auto}
.exam-marker header{display:flex;align-items:center;justify-content:space-between;padding:29px 0;border-bottom:1px solid #dce4e7}
.exam-marker header>a{font-size:13px}
.exam-marker .brand{display:flex;align-items:center;gap:12px;color:#153043;text-decoration:none;font-size:18px;font-weight:750;line-height:1.3}
.exam-marker .brand small{display:block;font-size:11px;font-weight:500;color:#6a8390;margin-top:3px}
.exam-marker .intro{padding:50px 0 20px}
.exam-marker .intro>p:last-child{max-width:680px;color:#56707e;font-size:17px}
.exam-marker .eyebrow{font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:#5d7a89;margin:0 0 16px}
.exam-marker .card{background:white;border:1px solid #dde5e8;border-radius:15px;padding:28px;margin:20px 0}
.exam-marker .uploads{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.exam-marker .uploads .card{margin:0;display:flex;flex-direction:column}
.exam-marker .uploads .card>p:not(.eyebrow){color:#5f7582;font-size:14px;min-height:69px}
.exam-marker .reference{border-left:3px solid #378c81;background:#f1f7f5;padding:12px 15px;margin:0 0 22px;font-size:13px;min-height:72px}
.exam-marker .reference strong{display:block}
.exam-marker .reference.quiet{border-color:#dce5eb;background:#f6f8fa;display:flex;align-items:center;color:#637987}
.exam-marker .sample{margin-top:10px}
.exam-marker .uploads form button{width:100%}
.exam-marker .uploads small{margin-top:14px;color:#7c8d97;font-size:11px}
.exam-marker .toolbar{display:flex;align-items:center;gap:20px;margin:0 0 20px;font-size:12px;color:#657e8d}
.exam-marker .toolbar a{margin-left:auto}
.exam-marker .policy{display:flex;gap:20px;border:1px solid #e6d6d4;background:#fffaf8;border-radius:12px;padding:20px 25px;margin-bottom:24px}
.exam-marker .policy p{margin:4px 0 0;font-size:13px;color:#6f7880}
.exam-marker .red-tick{font-size:35px;color:#c22d40}
.exam-marker .footnote{font-size:12px;color:#6c808d;margin:18px 0}
.exam-marker .section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}
.exam-marker .section-title .eyebrow{margin-bottom:9px}
.exam-marker .table-wrap{overflow-x:auto}
.exam-marker table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;white-space:normal}
.exam-marker th{padding:12px 10px;color:#6a808c;font-size:10px;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid #dde5e8}
.exam-marker td{padding:15px 10px;border-bottom:1px solid #e9eef1;vertical-align:top}
.exam-marker td small{display:block;color:#718895;font-size:10px;margin-top:4px}
.exam-marker .file{max-width:230px;overflow-wrap:anywhere}
.exam-marker .pill{display:inline-block;padding:3px 9px;background:#edf6f0;color:#326e55;border-radius:20px;font-size:10px;white-space:nowrap}
.exam-marker .pill.running,.exam-marker .pill.queued{color:#805f14;background:#fff6dc}
.exam-marker .pill.failed{color:#ad3444;background:#fff0f1}
.exam-marker .download{display:inline-block;font-size:11px;white-space:nowrap;font-weight:650}
.exam-marker .text-button{padding:3px 0;border:0;background:none;color:#1b6377;text-decoration:underline;font-size:11px;display:block}
.exam-marker .error{color:#ac3040;background:#fff0f1;padding:12px 16px;border-radius:8px;margin-bottom:18px;font-size:13px}
.exam-marker .success{color:#326e55;background:#edf6f0;padding:12px 16px;border-radius:8px;margin-bottom:18px;font-size:13px}
.exam-marker .empty{padding:35px;text-align:center;color:#718895;border:1px dashed #d2dce0;border-radius:10px}
.exam-marker .cost-note{font-size:12px;padding:6px 0 0;color:var(--muted)}
.exam-marker .cost-note summary{cursor:pointer;font-weight:400}
.exam-marker .cost-note p{max-width:900px;margin:15px 0}
.exam-marker #login{max-width:440px}
.exam-marker #result .score{font-size:32px;color:#bd203b;font-weight:750}
.exam-marker #result details{margin-top:12px}
.exam-marker #result summary{cursor:pointer}
.exam-marker #result .step{padding:10px 0;border-bottom:1px solid #e8edf0;font-size:13px}
.exam-marker #result .step strong{color:#bc263e}
.exam-marker footer{border-top:1px solid #dce5e9;padding:25px 0;margin-top:30px!important;font-size:11px;color:#6a8390;display:flex;justify-content:space-between}
.exam-marker [hidden]{display:none!important}
@media(max-width:760px){.exam-marker .shell{width:calc(100% - 32px)}
.exam-marker header{padding:20px 0}
.exam-marker .intro{padding-top:32px}
.exam-marker .uploads{grid-template-columns:1fr;gap:16px}
.exam-marker .card{padding:20px}
.exam-marker .toolbar{flex-wrap:wrap;gap:10px}
.exam-marker .toolbar a{margin-left:0}
.exam-marker .policy{padding:15px;gap:13px}
.exam-marker .section-title{align-items:flex-start}
.exam-marker footer{display:block}
.exam-marker footer span{display:block;margin-top:8px}}
.exam-marker .history table{min-width:540px}
.exam-marker .history .file{min-width:155px}
.exam-marker .history .table-wrap{overscroll-behavior-x:contain}
.exam-marker .reference details{margin-top:10px}
.exam-marker .reference summary{cursor:pointer;color:#1b6377}
.exam-marker .history .download{display:block;margin-bottom:5px}
.exam-marker .page-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}
.exam-marker .page-pair figure{margin:0;min-width:0}
.exam-marker .page-pair img{display:block;width:100%;border:1px solid #dde5e8}
.exam-marker .page-pair figcaption{font-size:12px;font-weight:650;margin-bottom:8px}
.exam-marker .page-preview{border-bottom:1px solid #e8edf0;padding:10px 0}
.exam-marker .page-previews{margin:20px 0 28px}
.exam-marker #result h3{margin-top:24px}
@media(max-width:760px){.exam-marker .page-pair{grid-template-columns:1fr}}
.exam-marker .section-title h2{min-width:0;overflow-wrap:anywhere;flex:1}
.exam-marker .section-title>button{flex:none}
.exam-marker .step{overflow-wrap:anywhere}
.exam-marker .pill.review{color:#805f14;background:#fff6dc}
.exam-marker .editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px}
.exam-marker .editor-paper,.exam-marker .editor-grid aside{min-width:0}
.exam-marker .editor-scroll{max-width:100%;max-height:78vh;overflow:auto;border:1px solid #ccd9df;background:#dce4e7;overscroll-behavior:contain}
.exam-marker .editor-zoom{display:flex;align-items:center;gap:15px}
.exam-marker .editor-zoom input{width:180px;margin:0}
.exam-marker .editor-grid select,.exam-marker .editor-grid textarea{display:block;width:100%;max-width:100%;padding:10px;background:#f8fafb;border:1px solid #ccd9df;border-radius:7px;font:inherit;color:#153043}
.exam-marker .editor-grid aside>button{width:100%;margin-bottom:12px}
.exam-marker .editor-grid aside p{overflow-wrap:anywhere}
.exam-marker .nudge-controls{display:flex;gap:8px;margin:16px 0}
.exam-marker .nudge-controls button{flex:1;padding:9px}
.exam-marker .editor-grid label{margin:0 0 16px}
.exam-marker #scan-canvas canvas{display:block}
@media(max-width:900px){.exam-marker .editor-grid{grid-template-columns:1fr}
.exam-marker .editor-scroll{max-height:65vh}
.exam-marker .editor-grid aside{border-top:1px solid #dde5e8;padding-top:20px}}
.exam-marker .learner-feedback{color:#bc263e;font-size:13px}
.exam-marker{min-width:0;background:transparent;color:var(--ink);font:inherit;margin:0}
.exam-marker .card{border-color:var(--line);border-radius:var(--radius);padding:24px;box-shadow:none}
.exam-marker button{background:var(--blue);border-color:var(--blue);border-radius:9px;font-size:13px}
.exam-marker .secondary{background:white;color:var(--ink);border-color:var(--line)}
.exam-marker .text-button{background:transparent;color:var(--blue);border:0}
.exam-marker a{color:var(--blue)}
.exam-marker .toolbar{flex-wrap:wrap;gap:12px;margin:0 0 16px}
.exam-marker .toolbar a:first-of-type{margin-left:auto}
.exam-marker .uploads .card>p:not(.eyebrow){min-height:0}
.exam-marker .usage-monitor{border-top:1px solid var(--line);margin:20px 0 0;padding:12px 0;color:var(--muted);font-size:12px}
.exam-marker .totals,.exam-marker .run-usage{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;font-size:12px;font-weight:400}
.exam-marker .total{display:inline-flex;flex-wrap:wrap;gap:5px;align-items:baseline}
.exam-marker .usage-details{margin:20px 0 0;border-top:1px solid var(--line);padding-top:12px;font-size:12px;color:var(--muted)}
.exam-marker .usage-details summary{font-weight:400}
.exam-marker .run-usage{margin:12px 0}
.exam-marker h2{font-size:19px}.exam-marker .section-title h2{margin-bottom:0}
.exam-marker .policy{margin-top:12px}.exam-marker .reference{min-height:0}
@media(max-width:760px){.exam-marker .uploads{grid-template-columns:1fr}.exam-marker .card{padding:16px}.exam-marker .toolbar a:first-of-type{margin-left:0}.exam-marker .totals,.exam-marker .run-usage{gap:6px 16px}}
@media(max-width:760px){.exam-marker .history table{min-width:0;table-layout:fixed}
.exam-marker .history th:first-child{width:34%}.exam-marker .history th:nth-child(2){width:24%}.exam-marker .history th:last-child{width:42%}
.exam-marker .history th,.exam-marker .history td{padding:12px 6px;overflow-wrap:anywhere}
.exam-marker .history .file{min-width:0}.exam-marker .history .download{white-space:normal}}

.filters[hidden]{display:none}

.exam-marker .usage-scope{font-size:12px;font-weight:400}
.exam-marker .history-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.exam-marker .history .delete-history{color:var(--muted);margin-top:8px}
.exam-marker .history .delete-history:hover{color:#ac3040}
.exam-marker .undo-history{display:inline-block;margin-left:12px}
.exam-marker .add-annotation{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:18px}
.exam-marker .add-annotation summary{cursor:pointer;font-size:13px;margin-bottom:12px}
.exam-marker .add-annotation p{margin-bottom:0}
@media(max-width:760px){.exam-marker .history .section-title{flex-wrap:wrap}}