@font-face{font-family:Cairo;src:url('./Cairo.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#050605;color:#f2f4ef;font:16px Cairo,Tahoma,sans-serif;line-height:1.85}header,main,footer{max-width:1240px;margin:auto;padding:28px}header{border-bottom:1px solid #343a2e;padding-top:44px}header h1{font-size:clamp(30px,4vw,52px);max-width:850px;line-height:1.5;margin:14px 0}header>p{max-width:860px}a{color:#a5e5bc;overflow-wrap:anywhere}h2,h3{line-height:1.5}h2{font-size:25px}h3{font-size:19px}.eyebrow{font-size:14px;color:#b9d58e;font-weight:bold}.casebar,.tool-panel,aside,#media-panel{background:#131a0d;border:1px solid #3c4a2d;border-radius:12px;padding:24px;margin-bottom:20px}.casebar{display:grid;gap:12px}label{display:block;font-weight:bold;margin:12px 0 6px}input,textarea,select{display:block;width:100%;padding:11px;border:1px solid #4c573e;border-radius:6px;background:#0b0e08;color:#edf2e6;font:inherit;min-width:0}textarea{resize:vertical}button,.filelabel{background:#26351a;color:#d1efa6;border:1px solid #4b6032;border-radius:6px;padding:9px 14px;font:inherit;cursor:pointer;line-height:1.6;margin:0}button:disabled{opacity:.45;cursor:not-allowed}.filelabel input{font-size:12px;padding:4px;background:transparent;color:inherit}.danger{background:#2a1512;color:#f3aaa1;border-color:#6b3a30}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:start;margin:14px 0}#tool-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}#tool-tabs button{background:transparent;color:#b9d58e;border-color:#4b6032}#tool-tabs button[aria-current=true]{background:#26351a;color:#d1efa6}.workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:22px;align-items:start}aside{position:sticky;top:12px;max-height:85vh;overflow:auto}article,.record{border:1px solid #3c4a2d;border-radius:8px;padding:16px;margin:14px 0;background:#131a0d}blockquote,pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#080b06;color:#d5edb4;padding:14px;border-right:3px solid #4b6032;margin:12px 0}#tool-status,#case-status,#media-status{white-space:pre-wrap;color:#acb6a0;font-size:14px}.hint{font-size:14px;color:#8d9882}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.diff-added{background:#1d2c17}.diff-removed{background:#2a1512}.badge{font-size:12px;font-weight:bold}.record p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}#media-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}#media-preview img,#media-preview video{max-width:100%;max-height:480px;object-fit:contain}figure{margin:0}figcaption{font-size:13px}svg{width:100%;height:auto;max-height:400px}footer{font-size:14px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:#26351a;color:#d1efa6;padding:12px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b5e853;outline-offset:3px}@media(max-width:850px){.workspace{grid-template-columns:1fr}aside{position:static;max-height:none}.row{grid-template-columns:1fr}header,main,footer{padding:18px}.casebar,.tool-panel,aside,#media-panel{padding:18px}#tool-tabs{display:grid;grid-template-columns:1fr 1fr}#tool-tabs button{text-align:right;font-size:14px}button{font-size:15px}}@media print{#tool-tabs,.casebar,.actions,button,input[type=file]{display:none}body{background:white}.workspace{display:block}aside{max-height:none;position:static}.record{break-inside:avoid}}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:bold}.brand img{background:#26351a;padding:5px;border-radius:5px;width:55px;height:40px}.actions button{margin-block:3px}#tool-body>button{margin-block:12px}button{touch-action:manipulation}input[type=file]{direction:ltr;font-size:14px}#tool-body label,#media-panel label{margin-top:18px}.hint{overflow-wrap:anywhere}.record blockquote{font-size:15px}#media-panel h2{font-size:22px}
#media-analysis h3{margin:18px 0 6px}#media-analysis pre{font-size:14px}.analysis-figures,#media-analysis .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.analysis-figures canvas{max-width:100%;height:auto;border:1px solid #ced4cc;border-radius:6px;background:#111}.analysis-pivots input{margin:8px 0}.analysis-pivots .actions a{display:inline-block;background:transparent;color:#a5e5bc;border:1px solid #4b6032;border-radius:6px;padding:7px 12px;text-decoration:none}.analysis-gps p{margin:10px 0}.analysis-gps pre{margin-top:10px}
/* Large imported cases keep the workspace usable on small screens without dropping records. */
@media(max-width:850px){aside{max-height:70vh;overflow:auto;overscroll-behavior:contain}}
@media print{aside{max-height:none;overflow:visible}}

input[type=file]::file-selector-button{background:#26351a;color:#d1efa6;border:1px solid #4b6032;border-radius:6px;padding:7px 12px;font:inherit;cursor:pointer}