#grade-dialog{width:min(1450px,96vw);max-width:96vw;max-height:94vh;padding:0;background:#101b22;color:#e7f0f3;border:1px solid #587582;border-radius:12px;overflow:auto}#grade-dialog::backdrop{background:#02080dd9}.grade-header{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid #344d59}.grade-header h2{margin:5px 0}.grade-header p{font-size:12px;margin:5px 0}.grade-header button{align-self:start}.grade-warning{background:#20372f;padding:10px 22px;font-size:12px;color:#bad5cc;line-height:1.5}.grade-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;padding:20px}.grade-monitor{min-width:0}.grade-monitor-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.grade-monitor-tools label{font-size:12px;margin-left:auto}.grade-stage{aspect-ratio:16/9;background:#182b38;border:1px solid #52707d;position:relative;overflow:hidden;border-radius:7px;touch-action:none;cursor:crosshair}.grade-stage>svg,#grade-art{position:absolute;inset:0;width:100%;height:100%}#grade-art{background:linear-gradient(120deg,#275469,#63536d 60%,#31444b)}.grade-art-label{position:absolute;top:12px;left:14px;font-size:10px;color:#c0d0da}.grade-subject{position:absolute;inset:13% 20% 0}.grade-subject span{display:block;position:absolute;left:36%;top:0;width:28%;height:45%;border-radius:50%;background:#aac7bd}.grade-subject i{position:absolute;left:7%;top:48%;width:86%;height:90%;border-radius:50% 50% 0 0;background:#5d908a}.grade-stage>strong{position:absolute;bottom:16px;left:18px;font-size:14px}#grade-region-guide rect,#grade-region-guide ellipse{stroke:#8ae0ca;stroke-width:3;fill:#8ae0ca20;vector-effect:non-scaling-stroke}.scope-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0;font-size:12px;color:#bdd4dc}.scope-toolbar select,.grade-controls select,.grade-controls input[type=number]{background:#0c151b;color:#e7f0f3;border:1px solid #4f6b79;border-radius:5px;padding:8px;font:inherit}.scope-note{font-size:11px!important;margin:10px 0;color:#a2b9c5}.grade-scopes{display:grid;grid-template-columns:1fr 1fr .7fr;gap:10px}.grade-scopes section{background:#0b141b;border:1px solid #2e4a58;border-radius:5px;padding:10px;min-width:0}.grade-scopes h3{font-size:11px;margin:0 0 12px}.grade-scopes h3 span{font-weight:400;float:right;color:#93adbc;font-size:9px}.grade-scopes svg{width:100%;height:auto;min-height:120px;display:block}.scope-grid{fill:none;stroke:#3d5361;stroke-width:1}.scope-red,.scope-green,.scope-blue{fill:none;stroke-width:2;stroke-linejoin:round}.scope-red{stroke:#ff797f}.scope-green{stroke:#87dfba}.scope-blue{stroke:#86acff}.grade-scopes text{fill:#a8c4d2;font-size:8px}.grade-controls{background:#1a2b35;padding:16px;border-radius:7px;min-width:0}.grade-controls .check{font-size:12px;display:block}.grade-controls p,.grade-controls li{font-size:12px}.grade-controls label:not(.check){display:block;margin:16px 0;font-size:12px}.grade-controls label>select{display:block;width:100%;margin-top:6px}.grade-tabs{display:flex;gap:5px;margin:18px 0}.grade-tabs button{flex:1;padding:9px 5px}.grade-tabs [aria-selected=true],.grade-monitor-tools [aria-pressed=true]{background:#8ae0ca;color:#10251e}.grade-control-row{margin-bottom:18px}.grade-control-row label{margin-bottom:7px!important}.grade-control-row output{float:right}.grade-control-row>div{display:flex;align-items:center;gap:8px}.grade-controls input[type=range]{width:100%;min-width:50px;accent-color:#8ae0ca}.grade-controls input[type=number]{width:62px;padding:6px}.grade-control-row button{padding:6px}.grade-curve{width:100%;background:#0c151b;border:1px solid #3d5967;border-radius:6px}#grade-curve-path{fill:none;stroke:#a8e9d4;stroke-width:3}#grade-curve-point{fill:#e7f0f3}.grade-controls details{margin-top:20px;border-top:1px solid #47606e;padding-top:16px}.grade-controls summary{font-size:12px}.grade-footer{display:flex;align-items:center;justify-content:end;gap:12px;padding:14px 22px;background:#1b2e38;border-top:1px solid #45616e;position:sticky;bottom:0}.grade-footer span{margin-right:auto;font-size:11px;color:#abc4d1}#grade-edit-status{color:#c1d8d0}.grade-stage:focus-visible{outline:2px solid #8ae0ca;outline-offset:3px}@media(max-width:1000px){.grade-workspace{grid-template-columns:minmax(0,1fr)}.grade-controls{display:block}.grade-scopes svg{min-height:90px}.grade-footer{flex-wrap:wrap}.grade-footer span{width:100%}}@media(max-width:600px){#grade-dialog{width:98vw;max-width:98vw;max-height:96vh}.grade-header,.grade-warning{padding:12px}.grade-workspace{padding:10px;gap:12px}.grade-header h2{font-size:18px}.grade-monitor-tools{gap:5px}.grade-monitor-tools button{font-size:10px;padding:7px}.grade-monitor-tools label{margin-left:0}.grade-scopes{grid-template-columns:1fr}.grade-scopes svg{max-height:170px}.grade-scopes h3{font-size:12px}.grade-footer{padding:12px;gap:8px}.grade-footer button{font-size:11px}}

.grade-header{padding:12px 18px}.grade-warning{padding:8px 18px;font-size:11px}.grade-stage{max-width:min(100%,calc(35vh * 16 / 9));margin:0 auto}.expanded-picture .grade-stage{max-width:none}.grade-scopes svg{height:115px;min-height:0}.grade-monitor-tools label{margin-left:0}.grade-monitor-tools{justify-content:flex-start}@media(max-width:1000px){.grade-stage{max-width:none}.grade-scopes svg{height:115px}}