:root{--bg:#f6f1e8;--glass:rgba(255,255,255,.76);--ink:#171717;--muted:#6f6b64;--crimson:#8f1735;--crimson2:#b12449;--line:rgba(80,70,60,.15);--ok:#1d7a52;--warn:#a25a11;--danger:#a61c25}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top right,#f2dfe5 0,transparent 32%),linear-gradient(135deg,#f8f4ec,#eee8dd);color:var(--ink);min-height:100vh}a{text-decoration:none;color:inherit}.shell{max-width:1200px;margin:auto;padding:20px}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(16px);border-radius:18px;position:sticky;top:10px;z-index:20;box-shadow:0 8px 30px rgba(0,0,0,.06)}.brand{display:flex;gap:11px;align-items:center}.mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--crimson),#4f0a1d);color:white;display:grid;place-items:center;font-weight:900}.brand small{display:block;color:var(--muted)}.navlinks{display:flex;gap:8px;flex-wrap:wrap}.btn{border:0;border-radius:12px;padding:11px 15px;font-weight:700;cursor:pointer;background:#fff;border:1px solid var(--line)}.btn.primary{background:linear-gradient(145deg,var(--crimson),var(--crimson2));color:#fff}.btn.danger{background:#fff0f0;color:var(--danger)}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--glass);border:1px solid var(--line);box-shadow:0 12px 40px rgba(40,20,20,.06);backdrop-filter:blur(15px);border-radius:20px;padding:20px}.hero{padding:30px 0 18px}.hero h1{font-size:clamp(28px,5vw,50px);margin:0 0 8px}.hero p{color:var(--muted);max-width:760px;line-height:1.6}.stat b{font-size:32px;display:block}.stat span,.muted{color:var(--muted)}h2,h3{margin-top:0}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.input,select,textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.88);font:inherit}textarea{min-height:110px;resize:vertical}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.badge{display:inline-block;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#eee}.badge.ok{background:#e7f5ee;color:var(--ok)}.badge.warn{background:#fff4df;color:var(--warn)}.badge.danger{background:#ffe7e8;color:var(--danger)}.loginbox{max-width:460px;margin:8vh auto}.notice{padding:12px 14px;border-radius:12px;background:#fff7df;border:1px solid #ead8a2;margin:12px 0}.error{background:#ffe8e8;border-color:#efb8b8}.success{background:#e8f7ef;border-color:#b7e5ca}.casecard{display:flex;justify-content:space-between;gap:12px;align-items:center}.casecard h3{margin-bottom:5px}.siggrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sigbox{background:#111;border-radius:16px;padding:10px;position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;overflow:hidden}.sigbox img{max-width:100%;max-height:520px;display:block}.annotator{position:relative;display:inline-block;max-width:100%}.annotator img{display:block;max-width:100%;height:auto}.marker{position:absolute;width:22px;height:22px;border-radius:50%;background:#ffcf33;color:#111;border:2px solid #111;font-size:11px;font-weight:900;display:grid;place-items:center;transform:translate(-50%,-50%);cursor:pointer}.timer{font-variant-numeric:tabular-nums;font-size:21px;font-weight:900;padding:8px 12px;border-radius:12px;background:#181818;color:#fff}.progress{height:8px;background:#e6ded2;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:var(--crimson);width:0}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.small{font-size:12px}.section{margin-top:18px}.locked{opacity:.6;pointer-events:none}.footer{text-align:center;color:var(--muted);padding:30px 10px}.kthumbs{display:flex;gap:8px;overflow:auto;padding-bottom:6px}.kthumb{min-width:120px;border:2px solid transparent;border-radius:12px;background:white;padding:6px;cursor:pointer}.kthumb.active{border-color:var(--crimson)}.kthumb img{width:100%;height:70px;object-fit:contain}.rubric-row{display:grid;grid-template-columns:1fr 100px;gap:10px;align-items:center}.split{display:flex;justify-content:space-between;gap:12px;align-items:center}.dangertext{color:var(--danger);font-weight:800}@media(max-width:800px){.g2,.g3,.g4,.siggrid{grid-template-columns:1fr}.nav{position:static}.casecard,.split{align-items:flex-start;flex-direction:column}.shell{padding:12px}.card{padding:15px}.hero{padding-top:20px}.navlinks{width:100%}.nav{align-items:flex-start;gap:12px;flex-direction:column}}

/* QDEX LAB v2 — instructional forensic workstation */
.lab-body{background:#eef2f6;color:#1c2c3d}.lab-shell{min-width:0}.lab-topbar{height:78px;background:linear-gradient(135deg,#10243c,#0b1728);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50;box-shadow:0 4px 18px rgba(0,0,0,.18)}.lab-logo{font-size:30px;font-weight:800;letter-spacing:.02em;display:flex;align-items:baseline;gap:2px}.lab-logo .qx{color:#d9253f}.lab-logo small{font-size:12px;font-weight:500;color:#8fb4d7;margin-left:16px;letter-spacing:.02em}.lab-top-actions{display:flex;align-items:center;gap:14px}.lab-link{color:#e7eff8;font-size:14px}.student-chip{border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:9px 12px;font-size:13px}.timerbox{background:#1b0c12;border:1px solid #b41b31;border-radius:9px;padding:7px 16px;text-align:center;min-width:150px}.timerbox small{display:block;color:#ff5b70;font-weight:900;font-size:10px}.timerbox strong{display:block;color:#ff3e55;font-size:26px;line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:.06em}.lab-grid{display:grid;grid-template-columns:210px minmax(0,1fr) 290px;gap:12px;padding:12px;align-items:start}.lab-left,.lab-right{display:grid;gap:12px;position:sticky;top:90px;max-height:calc(100vh - 102px);overflow:auto}.lab-main{min-width:0}.lab-panel{background:#fff;border:1px solid #d6dee8;border-radius:6px;overflow:hidden;box-shadow:0 2px 6px rgba(16,35,55,.04)}.lab-panel>h3,.lab-panel>.panel-title-row{margin:0;padding:10px 12px;background:#f7f9fb;border-bottom:1px solid #d6dee8;font-size:13px;color:#142b42}.lab-panel.wide{margin-top:12px}.case-meta{padding:10px 12px;margin:0}.case-meta dt{font-size:11px;font-weight:800;color:#6f7f90;margin-top:9px}.case-meta dt:first-child{margin-top:0}.case-meta dd{margin:2px 0 0;font-size:13px;line-height:1.35}.specimen-nav,.view-btn{width:100%;border:0;border-bottom:1px solid #e5eaf0;background:#fff;padding:10px 12px;text-align:left;font-weight:800;color:#243b51;cursor:pointer}.specimen-nav span{font-weight:500;margin-left:8px}.specimen-nav.q.active{background:#fff0f2;color:#b71931;border-left:4px solid #cf233c}.specimen-nav.k.active,.view-btn.active{background:#eaf5ff;color:#1263a6;border-left:4px solid #1684d6}.instruction-strip{background:#fff;border:1px solid #d6dee8;border-radius:6px;padding:11px 14px;font-size:13px;line-height:1.45;margin-bottom:12px}.work-view{display:none}.work-view.active{display:block}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.spec-card{background:#fff;border:1px solid #cfd8e2;border-radius:6px;overflow:hidden}.spec-head{display:flex;align-items:center;height:42px;color:#fff;font-size:14px}.spec-head b{font-size:22px;padding:0 12px}.spec-head span{padding:12px 14px;border-left:1px solid rgba(255,255,255,.2);font-weight:700}.qhead{background:linear-gradient(90deg,#b41932,#831227)}.khead{background:linear-gradient(90deg,#1167a7,#123a67)}.image-stage{height:430px;background:#f2f1ef;overflow:auto;display:flex;align-items:center;justify-content:center;padding:10px;position:relative}.annotator-pro{position:relative;display:inline-block;transform-origin:center center;transition:transform .12s ease}.annotator-pro>img{display:block;max-width:100%;max-height:400px;user-select:none}.notation-layer{position:absolute;inset:0;pointer-events:none}.evidence-marker{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;display:flex;align-items:center;gap:6px;cursor:pointer;pointer-events:auto;z-index:3;padding:0;white-space:nowrap}.evidence-marker b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;border:2px solid #fff;box-shadow:0 1px 5px rgba(0,0,0,.3);font-size:11px}.evidence-marker span{background:rgba(255,255,255,.92);border-radius:4px;padding:3px 5px;font-size:11px;font-weight:800;box-shadow:0 1px 4px rgba(0,0,0,.15)}.evidence-marker.sim b{background:#159447}.evidence-marker.diff b{background:#d3273d}.evidence-marker.natural b{background:#286acb}.evidence-marker.simulation b{background:#ef8b16}.evidence-marker.other b{background:#7c2dc2}.evidence-marker.selected b{outline:3px solid #ffd84a}.image-tools{display:flex;background:#12263b}.image-tools button{border:0;background:transparent;color:#dfe8f1;padding:10px 12px;cursor:pointer;font-weight:700}.panel-title-row{display:flex;align-items:center;justify-content:space-between}.panel-title-row h3{margin:0;font-size:13px}.primary-mini{background:#147bd1;color:#fff;border:0;border-radius:5px;padding:8px 11px;font-weight:800;cursor:pointer}.pair-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;padding:12px}.pair-card{border:1px solid #d5dee8;border-radius:6px;padding:9px;background:#fff}.pair-title{display:flex;align-items:center;gap:7px;font-weight:800;font-size:12px;margin-bottom:7px}.pair-title>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#d7243c;color:#fff}.crop-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.crop-canvas{width:100%;height:95px;border:1px solid #d6dee8;background:#fff}.crop-labels{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:11px;margin-top:3px}.pair-card p{margin:7px 0 4px}.pair-card small{line-height:1.3;color:#536477}.empty-state{padding:30px;text-align:center;color:#738295;border:1px dashed #cbd5df;border-radius:6px;grid-column:1/-1}.marker-table-panel{overflow:visible}.marker-table th{background:#eef4f9;color:#294158}.marker-table td{font-size:12px;padding:8px}.spec-txt.qtxt{color:#bf1831}.spec-txt.ktxt{color:#1266a7}.class-pill{display:inline-block;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.class-pill.sim{background:#e1f5e9;color:#12763a}.class-pill.diff{background:#ffe3e7;color:#b71f34}.class-pill.natural{background:#e4efff;color:#225ead}.class-pill.simulation{background:#fff0d8;color:#b86708}.class-pill.other{background:#f0e5fa;color:#6d279b}.icon-btn{border:0;background:transparent;color:#c92739;cursor:pointer;font-weight:900}.written-panel{padding-bottom:18px}.written-panel>h3{padding:11px 12px;margin:-0px -0px 14px;border-bottom:1px solid #d6dee8}.lab-right .lab-panel>h3{font-size:12px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:9px}.tool{border:1px solid #e0e6ed;background:#f8fafc;border-radius:5px;padding:9px 5px;display:grid;gap:3px;place-items:center;cursor:pointer;font-size:18px}.tool span{font-size:10px;font-weight:700}.tool.active{background:#b71931;color:#fff;border-color:#b71931}.char-search{margin:8px;width:calc(100% - 16px);border:1px solid #cbd5df;border-radius:4px;padding:8px;font-size:12px}.char-group{border-top:1px solid #e5eaf0}.char-group summary{cursor:pointer;font-weight:800;font-size:11px;padding:8px 10px;background:#f8fafc}.char-option{display:block;width:100%;text-align:left;border:0;background:#fff;padding:6px 12px 6px 24px;font-size:11px;color:#294158;cursor:pointer}.char-option:hover,.char-option.selected{background:#dceeff;color:#075d9f;font-weight:800}.class-legend{display:grid;gap:8px;padding:10px}.class-legend span{font-size:11px;display:flex;align-items:center;gap:7px}.dot{width:14px;height:14px;border-radius:50%;display:inline-block}.dot.sim{background:#159447}.dot.diff{background:#d3273d}.dot.natural{background:#286acb}.dot.simulation{background:#ef8b16}.dot.other{background:#7c2dc2}.overlay-stage{position:relative;height:500px;background:#efefed;overflow:auto;margin:12px;display:flex;align-items:center;justify-content:center}.overlay-stage img{position:absolute;max-width:88%;max-height:420px}.overlay-stage #overlayK{opacity:.5}.overlay-stage input{position:absolute;bottom:22px;left:20px;width:220px;z-index:5}.overlay-stage label{position:absolute;bottom:20px;left:255px;background:#fff;padding:5px 8px;border-radius:4px;font-size:11px;z-index:5}.modal-backdrop{position:fixed;inset:0;background:rgba(9,20,33,.62);display:none;align-items:center;justify-content:center;z-index:100}.modal-backdrop.show{display:flex}.marker-modal{width:min(520px,calc(100% - 30px));background:#fff;border-radius:10px;padding:22px;position:relative;box-shadow:0 25px 70px rgba(0,0,0,.35)}.modal-x{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:25px;cursor:pointer}.selected-char{background:#eef5fb;border:1px solid #d4e2ef;padding:10px;border-radius:6px;margin-bottom:12px;display:grid;gap:2px}.selected-char small{font-size:10px;color:#6c7e90}.selected-char strong{color:#133f67}.selected-char span{font-size:11px;color:#607487}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.characteristic-panel{max-height:530px;overflow:auto}
@media(max-width:1180px){.lab-grid{grid-template-columns:180px minmax(0,1fr) 250px}.image-stage{height:360px}.lab-logo small{display:none}}
@media(max-width:900px){.lab-topbar{height:auto;min-height:72px;gap:10px;flex-wrap:wrap;padding:10px 14px}.lab-grid{grid-template-columns:1fr}.lab-left,.lab-right{position:static;max-height:none}.lab-left{grid-template-columns:1fr 1fr}.lab-right{grid-template-columns:1fr 1fr}.characteristic-panel{max-height:420px}.compare-grid{grid-template-columns:1fr}.image-stage{height:360px}.lab-logo{font-size:24px}.lab-top-actions{width:100%;justify-content:space-between}.timerbox{min-width:130px}.pair-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.lab-left,.lab-right,.pair-grid{grid-template-columns:1fr}.lab-link{display:none}.compare-grid{gap:8px}.image-stage{height:300px}.timerbox strong{font-size:20px}.student-chip{display:none}.evidence-marker span{max-width:110px;overflow:hidden;text-overflow:ellipsis}.panel-title-row{align-items:flex-start;gap:8px;flex-direction:column}.primary-mini{width:100%}.overlay-stage{height:360px}.overlay-stage label{left:20px;bottom:50px}}

/* QDEX LAB v3 interface hardening */
.exam-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.exam-actions .btn{min-width:150px}.save-tool{grid-column:1/-1;background:#0f78d3!important;color:#fff!important;border-color:#0f78d3!important}.tool:focus-visible,.specimen-nav:focus-visible,.view-btn:focus-visible,.char-option:focus-visible,.image-tools button:focus-visible,.primary-mini:focus-visible,.btn:focus-visible{outline:3px solid rgba(20,123,209,.28);outline-offset:2px}.lab-main textarea,.lab-main select{background:#fff;border:1px solid #cbd6e2;border-radius:6px}.written-panel>.field,.written-panel>.grid{padding-left:12px;padding-right:12px}.written-panel>.field:last-of-type{padding-bottom:0}.written-panel>.grid{gap:12px}.written-panel textarea{min-height:96px}.written-panel select{min-height:42px}.exam-actions{padding:0 12px 2px}.instruction-strip{border-left:4px solid #147bd1}.notice.error{border-radius:6px}.marker-modal textarea{min-height:120px}.tool-grid .tool{min-height:68px}.tool:hover,.specimen-nav:hover,.view-btn:hover,.char-option:hover{filter:brightness(.985)}
@media(min-width:1400px){.lab-grid{grid-template-columns:230px minmax(0,1fr) 310px;max-width:1800px;margin:0 auto}.image-stage{height:470px}.annotator-pro>img{max-height:440px}}