.tch-marking{display:flex;flex-direction:column;min-height:100vh;background:var(--theme-bg)}.tch-marking-head{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--theme-line);background:var(--theme-surface);position:sticky;top:0;z-index:3}.tch-marking-head h2{margin:0;font-size:1.05rem}.tch-marking-head .tch-detail-title{flex:1;min-width:0}#tchMarkingMeta{font-size:.85rem}.tch-marking-save{font-size:.8rem;color:var(--theme-muted);min-width:9ch;text-align:right}.tch-marking-tools{display:flex;align-items:center;gap:6px;padding:8px 20px;border-bottom:1px solid var(--theme-line);background:var(--theme-surface);position:sticky;top:57px;z-index:2}.tch-tool{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--theme-text);cursor:pointer;font-size:1.05rem;transition:background var(--motion-fast, .14s) ease,border-color var(--motion-fast, .14s) ease}.tch-tool:hover{background:var(--theme-surface-strong)}.tch-tool.active{border-color:var(--theme-brand);background:var(--theme-surface-strong);color:var(--theme-brand-strong)}.tch-tool-sep{width:1px;height:22px;margin:0 6px;background:var(--theme-line)}.tch-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.tch-swatch.active{border-color:var(--theme-text)}.tch-swatch.tch-mark-yellow{background:var(--mark-yellow)}.tch-swatch.tch-mark-green{background:var(--mark-green)}.tch-swatch.tch-mark-pink{background:var(--mark-pink)}.tch-swatch.tch-mark-blue{background:var(--mark-blue)}:root{--mark-yellow: rgba(255, 214, 0, .38);--mark-green: rgba(46, 204, 113, .34);--mark-pink: rgba(233, 30, 99, .28);--mark-blue: rgba(41, 128, 235, .28);--mark-correct: #2e9e5b;--mark-wrong: #c0392b}[data-theme=dark]{--mark-yellow: rgba(255, 214, 0, .34);--mark-green: rgba(52, 211, 193, .3);--mark-pink: rgba(240, 98, 146, .28);--mark-blue: rgba(77, 159, 232, .3);--mark-correct: #48c98a;--mark-wrong: #ef6a5c}.tch-marking-body{flex:1;padding:20px;display:flex;flex-direction:column;align-items:center;gap:18px;overflow-x:auto}.tch-mark-status{padding:24px;text-align:center}.tch-submission-note{width:min(100%,820px);padding:12px 14px;border:1px solid var(--theme-line);border-radius:12px;background:var(--theme-surface)}.tch-submission-note strong{display:block;font-size:.8rem;color:var(--theme-muted)}.tch-submission-note p{margin:4px 0 0}.tch-mark-file{width:min(100%,920px)}.tch-mark-file-head{display:flex;align-items:center;gap:10px;padding:8px 2px 12px}.tch-mark-file-head .tch-btn{margin-left:auto}.tch-mark-page{position:relative;margin:0 auto 16px;width:fit-content;max-width:100%;box-shadow:var(--theme-shadow-soft);border-radius:6px;overflow:hidden;touch-action:none}.tch-mark-canvas{display:block;max-width:100%;height:auto}.tch-mark-layer{position:absolute;inset:0}.tch-marking-body[data-tool=cursor] .tch-mark-page{touch-action:auto}.tch-marking-body[data-tool=highlight] .tch-mark-page{cursor:crosshair}.tch-marking-body[data-tool=note] .tch-mark-page,.tch-marking-body[data-tool=check] .tch-mark-page,.tch-marking-body[data-tool=cross] .tch-mark-page{cursor:copy}.tch-mark{position:absolute}.tch-mark-highlight{border-radius:2px;mix-blend-mode:multiply;cursor:pointer}[data-theme=dark] .tch-mark-highlight{mix-blend-mode:screen}.tch-mark-highlight.tch-mark-yellow{background:var(--mark-yellow)}.tch-mark-highlight.tch-mark-green{background:var(--mark-green)}.tch-mark-highlight.tch-mark-pink{background:var(--mark-pink)}.tch-mark-highlight.tch-mark-blue{background:var(--mark-blue)}.tch-mark-preview{pointer-events:none}.tch-mark-stamp{transform:translate(-50%,-50%);font-size:1.5rem;line-height:1;cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.tch-mark-check{color:var(--mark-correct)}.tch-mark-cross{color:var(--mark-wrong)}.tch-mark-note{transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;max-width:260px;padding:5px 9px;border-radius:10px;border:1px solid var(--theme-line);background:var(--theme-surface-strong);color:var(--theme-text);font-size:.82rem;box-shadow:var(--theme-shadow-soft);cursor:pointer}.tch-mark-note .tch-mark-body{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tch-mark-note:hover .tch-mark-body{white-space:normal}.tch-marking-grade{border-top:1px solid var(--theme-line);background:var(--theme-surface);padding:16px 20px;position:sticky;bottom:0}.tch-grade-card{width:min(100%,920px);margin:0 auto;display:flex;flex-direction:column;gap:10px}.tch-grade-card label{display:flex;flex-direction:column;gap:5px;font-size:.85rem}.tch-grade-card textarea,.tch-grade-card input{border:1px solid var(--theme-line);border-radius:10px;padding:8px 10px;background:var(--theme-bg);color:var(--theme-text);font:inherit}.tch-grade-card textarea{resize:vertical}.tch-grade-score-row{flex-direction:row!important;align-items:center;gap:8px!important}.tch-grade-score-row input{width:92px}.tch-grade-note{font-size:.78rem;margin:0}.tch-grade-actions{display:flex;gap:8px;justify-content:flex-end}.tch-grade-score{display:flex;align-items:baseline;gap:6px}.tch-grade-score strong{font-size:1.8rem}.tch-grade-score em{color:var(--theme-muted);font-style:normal}.tch-grade-comment{margin:0;white-space:pre-wrap;padding:10px 12px;border-radius:10px;background:var(--theme-surface-strong)}@media print{.tch-sidebar,.tch-marking-tools,.tch-marking-save,.tch-grade-actions,.tch-grade-note,.tch-mark-file-head .tch-btn,#tchMarkingBack,#tchToast{display:none!important}.tch-marking,.tch-marking-body,.tch-marking-grade{position:static;background:#fff;color:#000;padding:0}.tch-mark-page{box-shadow:none;break-inside:avoid;page-break-inside:avoid}.tch-mark-highlight,.tch-mark-note,.tch-mark-stamp{-webkit-print-color-adjust:exact;print-color-adjust:exact}.tch-marking-grade{border-top:1px solid #999;margin-top:12px}}