.grading-board{border:1px solid var(--admin-line,var(--line));border-radius:var(--radius-control);background:var(--white);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:clip}.grading-ink-toolbar{--grading-toolbar-padding:8px;border-bottom:1px solid var(--admin-line,var(--line));z-index:4;flex:none;position:relative}.grading-toolbar-main{padding:4px var(--grading-toolbar-padding);flex-wrap:wrap;align-items:center;gap:8px 16px;min-inline-size:0;display:flex}.grading-zoom{text-align:center;font-variant-numeric:tabular-nums;min-width:40px;font-size:14px}.grading-viewport{touch-action:none;overscroll-behavior:none;background:var(--soft);-webkit-user-select:none;user-select:none;flex:auto;height:64dvh;min-height:0;position:relative;overflow:hidden}.grading-viewport[data-tool=text]{cursor:text}.grading-image-loading{color:var(--muted);text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:14px;display:flex;position:absolute;inset:0}.grading-image-placeholder{width:min(100%,640px);min-width:0}.grading-sheet{transform-origin:0 0;will-change:transform;background:var(--white);max-width:none;max-height:none;position:absolute;top:0;left:0;box-shadow:0 3px 16px #0000001a}.grading-sheet[data-read-only]{will-change:auto}.grading-sheet-image{pointer-events:none;width:100%;max-width:none;height:100%;display:block}.grading-ink-layer{pointer-events:none;width:100%;max-width:none;height:100%;max-height:none;position:absolute;inset:0}.grading-text-editor{box-sizing:border-box;z-index:3;border:1px solid var(--brand);border-radius:var(--radius-control);background:var(--white);cursor:auto;-webkit-user-select:text;user-select:text;position:absolute}.grading-text-editor-content{padding:8px;position:relative}.grading-text-input{box-sizing:border-box;border-radius:var(--radius-control);resize:none;white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border:0;outline:none;width:100%;min-height:44px;padding:0;font-family:system-ui;display:block;overflow:auto}.grading-text-input:focus,.grading-text-input:focus-visible{outline:none}.grading-text-resize{z-index:2;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;margin:0;padding:10px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.grading-text-resize[data-side=left]{left:-24px}.grading-text-resize[data-side=right]{right:-24px}.grading-resize-icon{border:1px solid var(--brand);border-radius:var(--radius-control);background:var(--white);flex-shrink:0;width:18px;height:28px}.grading-text-resize:focus-visible,.grading-text-move:focus-visible,.grading-text-drag:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.grading-text-actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;padding:8px;display:flex}.grading-text-drag{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--white);width:32px;height:32px;color:var(--ink);cursor:grab;touch-action:none;flex:none;justify-content:center;align-items:center;margin-inline-end:auto;padding:0;display:inline-flex}.grading-text-drag:active{cursor:grabbing}.grading-text-drag-icon{block-size:16px;inline-size:16px}.grading-text-selection{z-index:2;border:1px solid var(--brand);border-radius:var(--radius-control);cursor:move;touch-action:none;background:0 0;position:absolute}.grading-text-move{border-radius:inherit;cursor:move;touch-action:none;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}@media (max-width:560px){.grading-ink-toolbar{--grading-toolbar-padding:4px}.grading-toolbar-main{gap:8px}.grading-zoom{min-width:40px}}.grading-text-selection .grading-text-resize{width:calc(44px * var(--grading-text-handle-scale));min-width:0;height:calc(44px * var(--grading-text-handle-scale));min-height:0;padding:calc(10px * var(--grading-text-handle-scale))}.grading-text-selection .grading-text-resize[data-side=left]{left:calc(-24px * var(--grading-text-handle-scale))}.grading-text-selection .grading-text-resize[data-side=right]{right:calc(-24px * var(--grading-text-handle-scale))}.grading-text-selection .grading-resize-icon{width:calc(18px * var(--grading-text-handle-scale));height:calc(28px * var(--grading-text-handle-scale))}.grading-toolbar-group{flex-wrap:wrap;align-items:center;gap:8px;min-inline-size:0;display:flex}.grading-toolbar-image{justify-content:flex-end;margin-inline-start:auto}.grading-ink-toolbar[data-read-only] .grading-toolbar-image,.grading-ink-toolbar[data-read-only] .grading-toolbar-zoom{flex:1}.grading-annotation-visibility-control{margin-inline-end:auto;display:inline-flex}.grading-tool-control{min-inline-size:0;display:inline-flex}.grading-tool-settings-row{padding:8px var(--grading-toolbar-padding);border-top:1px solid var(--line);background:var(--soft);flex-wrap:wrap;align-items:center;gap:8px 16px;min-inline-size:0;display:flex}.grading-setting{align-items:center;gap:8px;min-inline-size:0;max-inline-size:100%;display:flex}.grading-setting-label{color:var(--muted);white-space:nowrap;flex:none;font-size:12px}.grading-setting-short{inline-size:80px;min-inline-size:0}.grading-setting-mode{inline-size:128px;min-inline-size:0}@media (pointer:coarse),(max-width:768px){.grading-text-drag{width:36px;height:36px}}.grading-resize-help{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;padding:0;position:absolute;overflow:hidden}