:root{font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif;color:#193235;background:#eef2ed;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #c8d6d2;background:#fff;color:#23464a;border-radius:9px;padding:8px 11px}button:hover{border-color:#3b827e;background:#f5fbf8}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid #cbd7d2;border-radius:8px;background:white;color:#163638;padding:8px}textarea{resize:vertical}label{display:grid;gap:5px;color:#355454;font-size:12px;font-weight:650}h1,h2,h3,h4,p{margin:0}h1{font-size:22px}h2{font-size:18px}h3{font-size:14px}h4{font-size:13px}a{color:inherit;text-decoration:none}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px;background:#173d3e;color:#f7fcfa;box-shadow:0 2px 10px #102b2b20}.topbar>div{display:flex;align-items:center;gap:16px}.topbar a{color:#cce3dc}.topbar strong{font-size:16px}.mode{font-size:11px;color:#b9ddd0;border:1px solid #5c8c83;padding:5px 8px;border-radius:20px}.top-actions{white-space:nowrap}.top-actions button{border-color:#4d7775;background:#285353;color:white}.top-actions span{font-size:12px;color:#d5e8dd}.workspace{height:calc(100vh - 64px);min-height:570px;display:grid;grid-template-columns:260px minmax(400px,1fr) 370px}.workspace[hidden],.login-panel[hidden],[hidden]{display:none!important}.pane{min-width:0;overflow:auto;background:#fff}.library{border-right:1px solid #d8e2dd;padding:20px 16px}.inspector{border-left:1px solid #d8e2dd;padding:20px 17px}.board{display:flex;flex-direction:column;background:#edf1eb;overflow:hidden}.pane-heading{margin-bottom:17px}.pane-heading h1,.pane-heading h2{margin-top:5px}.eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#66918a;font-weight:800}.count{font-size:12px;color:#78938b;background:#e9f2ed;border-radius:30px;padding:3px 8px;vertical-align:middle}.upload{display:block;text-align:center;border:1px dashed #579988;background:#e8f4ee;border-radius:11px;padding:14px;color:#1a6c58;font-weight:800;cursor:pointer}.upload input{display:none}.helper,.muted{font-size:11px;line-height:1.55;color:#71857e}.library .helper{margin:9px 0 18px}.photo-list{display:grid;gap:8px;margin-top:15px}.photo-item{text-align:left;display:grid;gap:5px;width:100%;padding:12px;border:1px solid #dbe5df;border-radius:10px;background:#fff}.photo-item.active{border-color:#2e8a75;background:#e8f5ef;box-shadow:inset 3px 0 #2e8a75}.photo-item strong{font-size:13px}.photo-item small{color:#748b82}.progress{height:5px;background:#e7eae6;border-radius:9px;overflow:hidden}.progress>i{display:block;height:100%;background:#3d9b7c}.board-head{background:#fff;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dbe3de}.board-head h2{margin:3px 0}.board-actions{display:flex;align-items:end;gap:5px}.board-actions label{min-width:90px}.board-actions button{height:35px}.board-actions span{min-width:42px;text-align:center;color:#56716d;font-size:12px;padding-bottom:10px}.drawbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:8px 14px;background:#fafcf9;border-bottom:1px solid #dbe3de}.drawbar span{font-size:11px;color:#71827d;margin-right:5px}.drawbar button{padding:6px 9px;font-size:12px}.drawbar button.active{background:#206e62;color:#fff;border-color:#206e62}.drawbar small{font-size:11px;color:#82918b;margin-left:auto}.canvas-viewport{flex:1;min-height:0;overflow:auto;position:relative;background:#dfe7de;background-image:linear-gradient(45deg,#d7e0d8 25%,transparent 25%),linear-gradient(-45deg,#d7e0d8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d7e0d8 75%),linear-gradient(-45deg,transparent 75%,#d7e0d8 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.canvas-holder{margin:24px auto;width:min-content;box-shadow:0 8px 24px #1b382b33;line-height:0;background:#fff}#image-svg{display:block;touch-action:none;user-select:none}.empty-board{position:absolute;inset:0;display:grid;align-content:center;justify-content:center;text-align:center;gap:8px;color:#6d847a}.empty-board strong{font-size:16px;color:#315951}.board-footer{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;border-top:1px solid #dbe3de;font-size:11px;color:#72857c}.board-footer button{white-space:nowrap}.region-shape{fill:transparent;stroke-width:3;vector-effect:non-scaling-stroke;cursor:pointer}.region-shape:hover{fill:#fbd55122}.region-shape.selected{stroke-width:5;fill:#4f9cde22}.region-shape.page{stroke:#4f9cde}.region-shape.message{stroke:#a878d6}.region-shape.line.truth-pending{stroke:#397bd6}.region-shape.line.truth-confirmed{stroke:#e3b132}.region-shape.glyph{stroke:#399e7f}.region-label{paint-order:stroke;stroke:#fff;fill:#1e4d4b;pointer-events:none}.draw-preview{fill:#3fa88830;stroke:#1a785d;stroke-width:3;stroke-dasharray:9 6;vector-effect:non-scaling-stroke;pointer-events:none}.draw-preview.manual-line-preview{fill:#397bd620;stroke:#397bd6}.notice{padding:12px;background:#fff7d8;border:1px solid #e7cd7e;border-radius:10px;margin-bottom:12px;font-size:12px}.notice p{margin:6px 0}.notice.danger{background:#fff0ea;border-color:#e4a58e}.notice button{margin:3px 3px 0 0;font-size:11px}.metadata,.transcript{border-top:1px solid #e3e9e4;padding:13px 0}.metadata summary,.transcript summary{font-weight:750;cursor:pointer}.metadata-fields{display:grid;gap:11px;padding-top:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e3e9e4;padding-top:16px}.section-heading span{font-size:11px;color:#779087}.region-list{display:grid;gap:4px;max-height:260px;overflow:auto;margin:10px 0 16px}.region-row{display:flex;gap:7px;text-align:left;align-items:center;width:100%;border:0;border-radius:7px;padding:8px;font-size:12px}.region-row.active{background:#e9f5ee}.region-row .region-mini{font-size:10px;border-radius:5px;padding:3px 5px;background:#e8ecea;white-space:nowrap}.region-row .region-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.region-row .region-status{width:7px;height:7px;border-radius:50%;background:#d0aa60}.region-row .region-status.done{background:#4aa37d}.selection-empty{padding:20px;text-align:center;color:#8a9b92;border:1px dashed #d6e0d8;border-radius:9px;font-size:12px}.selection-panel{display:grid;gap:13px;border-top:1px solid #e1e9e2;padding-top:13px}.selection-title{display:flex;align-items:center;justify-content:space-between}.selection-title>div{display:flex;align-items:center;gap:8px}.selection-title strong{font-family:monospace;font-size:11px;color:#7c8e85}.kind-pill{padding:3px 7px;border-radius:5px;background:#e7f2ed;color:#377667;font-size:11px}.quiet{border:0;background:none}.danger-text{color:#aa5147}.crop-canvas{display:block;width:100%;height:126px;object-fit:contain;background:#e4e9e2;border-radius:8px}.issues{font-size:11px;color:#a44d38;line-height:1.4}.issues:empty{display:none}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.box-fields{border:1px solid #dfe7df;border-radius:9px;padding:8px}.box-fields legend{font-size:11px;color:#71847b}.box-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.box-grid input{min-width:0;padding:6px}.box-fields button{margin-top:7px;font-size:11px}.primary{background:#1f7563!important;border-color:#1f7563!important;color:#fff!important;font-weight:750}.confirm{width:100%;padding:11px}.glyph-tools{display:grid;gap:8px;padding:12px;background:#f5f8f3;border-radius:9px}.transcript{margin-top:18px}.transcript pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;background:#f5f7f3;border-radius:8px;padding:10px;font-family:inherit;font-size:12px}.transcript .helper{margin:8px 0}.message-card{border-left:2px solid #86b9a3;padding:8px;margin:7px 0;background:#f7faf6;font-size:12px;white-space:pre-wrap}.message-card small{display:block;color:#81968a;margin-bottom:4px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#193b38;color:#fff;padding:10px 16px;border-radius:9px;box-shadow:0 5px 20px #102c2855;z-index:20}.login-panel{min-height:calc(100vh - 64px);display:grid;place-items:center;padding:20px}.login-card{width:min(380px,100%);padding:28px;background:#fff;border-radius:15px;box-shadow:0 12px 30px #203d3320;display:grid;gap:16px}.login-card h1{font-size:23px}.login-card p{color:#71857e}.login-card .eyebrow{color:#4b8d7b}
@media(max-width:1120px){.workspace{grid-template-columns:210px minmax(350px,1fr) 330px}.library,.inspector{padding:14px}.drawbar small{display:none}}@media(max-width:850px){.topbar{height:auto;min-height:64px;flex-wrap:wrap;padding:10px}.workspace{height:auto;display:grid;grid-template-columns:1fr}.library{border-right:0;border-bottom:1px solid #dbe4dd}.photo-list{display:flex;overflow:auto}.photo-item{min-width:170px}.board{height:68vh;min-height:500px}.inspector{border-left:0}.board-head{flex-wrap:wrap}.mode{display:none}}

.crop-toolbar{display:flex;gap:5px}.crop-toolbar button{font-size:11px;padding:5px 8px}.crop-scroll{max-height:620px;overflow:auto;background:#e4e9e2;border-radius:8px}.crop-canvas{width:auto;height:auto;max-width:none;object-fit:initial;background:transparent;border-radius:0}.crop-scroll.detail{max-height:70vh}

.audit{border-top:1px solid #e3e9e4;padding:13px 0}.audit summary{font-weight:750;cursor:pointer}.audit button{font-size:11px;margin:9px 0}.audit-row{padding:7px 0;border-bottom:1px solid #edf1ed;font-size:11px;color:#657d73}.region-list:empty:after{content:"조건에 맞는 영역이 없습니다.";color:#8a9b92;font-size:11px;padding:12px}

.reference-dialog{border:1px solid #b9d2c5;border-radius:14px;padding:18px;width:min(960px,94vw);max-height:88vh;background:#fff;color:#193235;box-shadow:0 20px 70px #102a2a66}.reference-dialog::backdrop{background:#102b2db8}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.reference-content{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:13px 0}.reference-content img{display:block;max-width:100%;max-height:65vh;object-fit:contain;background:#e7ece5}.reference-content section{min-width:0}.reference-content pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:65vh;overflow:auto;padding:12px;background:#f4f7f2;border-radius:8px;font:inherit;font-size:13px}.metadata-fields>button{justify-self:start}@media(max-width:700px){.reference-content{grid-template-columns:1fr}.reference-content img{max-height:35vh}.reference-content pre{max-height:28vh}}

.reference-content section{grid-column:1/-1}.reference-content img{max-height:40vh}.reference-content pre{max-height:24vh}@media(max-width:700px){.reference-content section{grid-column:auto}.reference-content img{max-height:28vh}}

.ocr-panel{border-top:1px solid #d7e6dc;margin-top:18px;padding:16px 0}.ocr-panel>.helper{margin:10px 0}.ocr-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ocr-controls button{font-size:12px}.ocr-job-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.ocr-job-head strong{font-size:12px}.ocr-job-head button{font-size:11px;white-space:nowrap}.ocr-proposals{display:grid;gap:10px;margin:9px 0}.ocr-card{padding:11px;border:1px solid #d6e5d9;border-radius:10px;background:#f9fcf8;display:grid;gap:8px}.ocr-card.stale{opacity:.68}.ocr-card h4{font-size:12px}.ocr-card canvas{display:block;max-width:100%;max-height:280px;background:#e4ebe4;border-radius:6px}.ocr-card .helper{margin:0}.ocr-candidate{display:grid;gap:5px;border-top:1px solid #e1eae1;padding-top:7px}.ocr-candidate strong{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.ocr-candidate small,.ocr-warning{font-size:11px;color:#7a6b56}.ocr-warning{color:#9b6a36}.ocr-candidate button,.ocr-card>button{justify-self:start;font-size:11px}.ocr-empty{font-size:12px;color:#80918a;padding:8px 0}@media(max-width:850px){.ocr-controls{grid-template-columns:1fr 1fr}}

.ocr-proposal-box{fill:#19a58b15;stroke:#0e9377;stroke-width:3;stroke-dasharray:9 6;vector-effect:non-scaling-stroke;pointer-events:none}

.crop-review{display:grid;gap:8px;padding:12px;border:1px solid #eadbb3;border-radius:9px;background:#fffaf0}.crop-review h4{color:#875d2f}.crop-review>button{justify-self:start;font-size:11px}.crop-review .helper{margin:0}

.ocr-calibration{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.ocr-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.ocr-previews figure{margin:0;padding:7px;background:#f1f5f0;border-radius:8px}.ocr-previews figcaption{font-size:11px;font-weight:700;margin-bottom:5px}.ocr-previews img{display:block;max-width:100%;max-height:280px;object-fit:contain;background:white}@media(max-width:700px){.ocr-previews{grid-template-columns:1fr}}

#ocr-adopt-selected{margin:8px 0;background:#e4f3e9;border-color:#88bda1;color:#286b53;font-weight:700}.ocr-pick{display:flex;align-items:center;gap:6px;font-size:11px}.ocr-pick input{width:auto}

.ocr-auto-result{display:grid;gap:5px;padding:9px;background:#edf5ef;border-radius:8px}.ocr-auto-result>strong{font-size:12px}.ocr-auto-candidate{display:grid;gap:3px;border-top:1px solid #d5e7d9;padding-top:5px}.ocr-auto-candidate small{font-size:11px;color:#62786a}.ocr-auto-candidate span{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.ocr-review{display:grid;gap:8px;padding:9px;border:1px solid #d5e7d9;border-radius:8px}.ocr-review label{display:grid;gap:4px;font-size:12px}.ocr-review textarea{min-height:55px;resize:vertical}.ocr-review [hidden]{display:none}

.remember-key{display:flex;align-items:center;gap:8px}.remember-key input{width:auto}.ocr-roi{display:grid;gap:7px;margin:10px 0;padding:10px;border:1px solid #c7ded4;border-radius:9px;background:#f5faf6}.ocr-roi strong{font-size:12px}.ocr-roi .box-grid input{min-width:0;padding:6px}.ocr-roi button{justify-self:start;font-size:11px}.ocr-roi-shape{fill:#42a47818;stroke:#16835e;stroke-width:4;stroke-dasharray:12 7;vector-effect:non-scaling-stroke;pointer-events:none}
.ocr-feedback{display:grid;gap:8px;border-top:1px solid #d6e5d9;padding-top:10px}.ocr-feedback>strong{font-size:12px}.ocr-feedback button{justify-self:start;font-size:11px}.ocr-feedback textarea{min-height:56px}

.proposal-resize-handle{fill:#fff;stroke:#0e9377;stroke-width:3;vector-effect:non-scaling-stroke}

.ocr-split-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end;margin-top:9px;padding-top:9px;border-top:1px dashed #cbd9d3}.ocr-split-editor strong{grid-column:1/-1;font-size:12px}.ocr-split-editor button{white-space:nowrap;font-size:11px}

.proposal-split-line{stroke:#d34b3f;stroke-width:4;stroke-dasharray:10 6;vector-effect:non-scaling-stroke;pointer-events:none}
.ocr-split-range{padding:4px 0;accent-color:#d34b3f}

.proposal-split-line-x{stroke:#356fce}

.ocr-save-answer{width:100%;margin-top:8px;font-size:14px}
.ocr-save-confirmation{display:block;margin:8px 0;padding:10px;border:1px solid #78b79f;border-radius:8px;background:#e9f7ef;color:#17624f}

.bulk-finalize{display:grid;gap:8px;margin:18px 0 4px;padding:14px;border:1px solid #8dbca8;border-radius:11px;background:#edf8f1}.bulk-finalize h3{font-size:14px}.bulk-finalize button{width:100%;padding:11px}.bulk-finalize #complete-all-name-boundaries{background:#fff7dd;border-color:#d6b965;color:#755a0d;font-weight:750}

.region-resize-hit{fill:transparent;pointer-events:all;cursor:nwse-resize}.region-resize-hit[data-corner="ne"],.region-resize-hit[data-corner="sw"]{cursor:nesw-resize}.region-resize-handle{fill:#fff7d8;stroke:#b36c2b;stroke-width:3;vector-effect:non-scaling-stroke;pointer-events:none}

.claude-draft-import,.claude-draft-preview{border:1px solid #cadbd3;border-radius:10px;padding:12px;margin:12px 0;background:#f1f7f3}
.claude-draft-import input[type=file]{display:block;max-width:100%;margin-top:8px}
.claude-draft-preview p{font-size:1.08rem;font-weight:650;white-space:pre-wrap;margin:8px 0}
.claude-draft-preview small{display:block;color:#46685e}

.ocr-rejected-box{fill:#7c828330;stroke:#687070;stroke-width:3;stroke-dasharray:8 6;vector-effect:non-scaling-stroke;cursor:pointer;pointer-events:all}.ocr-rejected-box:hover,.ocr-rejected-box:focus{fill:#7c828355;stroke-width:4}.proposal-resize-hit{fill:transparent;stroke:none;pointer-events:all}.proposal-resize-handle{pointer-events:none}

.ocr-refresh-needed{padding:9px;border:1px solid #d6ad68;border-radius:7px;background:#fff3dc;color:#754b19;font-weight:700}

.region-context-menu{position:fixed;z-index:30;min-width:154px;padding:5px;background:#fff;border:1px solid #cad8d2;border-radius:9px;box-shadow:0 8px 25px #102b2b3d}.region-context-menu[hidden]{display:none}.region-context-menu button{width:100%;text-align:left;border:0;color:#a54840}

.ocr-proposal-box.selected{stroke:#126bba;stroke-width:5}

/* Administrator-approved non-text marks are editable regions, not changes to the source photo. */
.region-shape.glyph.eraser{stroke:#b63f48;stroke-width:3;stroke-dasharray:8 5;fill:#fff8f0a8}
.region-shape.glyph.eraser.selected{stroke:#8f2133;stroke-width:5;fill:#fff8f0c8}
.draw-preview.eraser-preview{stroke:#b63f48;stroke-dasharray:8 5;fill:#fff8f088}
.eraser-actions,.eraser-info{border:1px solid #e9d6a0;background:#fffaf0;border-radius:9px;padding:10px;font-size:12px;line-height:1.5}
.eraser-actions{display:grid;gap:7px}
.eraser-actions button{justify-self:start}
.eraser-info{border-color:#e2bcc0;background:#fff7f6;color:#7c3541}
.mark-suggestions{display:grid;gap:6px}
.mark-suggestion-row{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:6px;border:1px dashed #dbbd73;border-radius:7px;background:#fff}
.mark-suggestion-row span{font-size:11px;color:#625c43}
.mark-suggestion-row button{font-size:11px;padding:5px 7px;white-space:nowrap}
.mark-suggestion-shape{fill:#ffca3520;stroke:#db8c12;stroke-width:4;stroke-dasharray:9 5;vector-effect:non-scaling-stroke;pointer-events:none}
.mark-suggestion-label{fill:#985b05;pointer-events:none}

.edited-crop-panel{display:grid;gap:7px;margin:10px 0;padding:10px;border:1px solid #d6e5d7;border-radius:9px;background:#f6fbf6}.edited-crop-panel[hidden]{display:none}.edited-crop-panel strong{font-size:12px;color:#315d48}.edited-crop-panel img{max-width:100%;max-height:420px;object-fit:contain;background:#e7eee7;border-radius:6px}

.board-actions{flex-wrap:wrap;justify-content:flex-end}
.drawbar .brush-size{display:flex;align-items:center;gap:4px;white-space:nowrap;margin-left:5px}
.brush-size input{width:54px;padding:5px 4px;text-align:center}
.region-shape.brush{fill:none;vector-effect:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke;opacity:.7}
.region-shape.brush.selected{opacity:1}
.brush-preview{fill:none;stroke:#bd354d;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;opacity:.75}

.drawbar #toggle-edits[aria-pressed="true"]{background:#e9f5ef;border-color:#2a816b;color:#176250;font-weight:700}
.edited-line-image{pointer-events:none}
.region-shape.glyph.eraser.brush{stroke:#b63f48;stroke-dasharray:none;fill:none;vector-effect:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke;opacity:.45}
.region-shape.glyph.eraser.brush.selected{stroke:#8f2133;opacity:.75}

.erase-apply-bar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:9px 14px;background:#fff3d8;border-bottom:2px solid #db9e2e;color:#5b461e;font-size:12px}
.erase-apply-bar strong{font-size:13px}
.erase-apply-bar span{flex:1;min-width:170px}
.erase-apply-bar button{padding:7px 10px}
.pending-erase{stroke:#d6304c!important;opacity:.9!important;pointer-events:none!important}
.pending-erase-label{fill:#9f1834;stroke:#fff;stroke-width:2;paint-order:stroke;font-weight:800;pointer-events:none}

.line-review-launch{display:block;width:100%;margin-top:8px;padding:11px}
.line-review-dialog{width:min(1400px,96vw);height:min(940px,94vh);max-width:none;max-height:none;padding:0;border:1px solid #a9c9bc;border-radius:13px;background:#fff;color:#193235;box-shadow:0 20px 70px #102a2a66;overflow:hidden}
.line-review-dialog::backdrop{background:#102b2dba}
.line-review-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;border-bottom:1px solid #dbe7df}
.line-review-head h2{margin:3px 0 4px}
.line-review-body{height:calc(100% - 84px);min-height:0;display:grid;grid-template-columns:230px minmax(0,1fr)}
.line-review-list{overflow:auto;padding:8px;border-right:1px solid #dbe7df;background:#f5f9f5;display:grid;align-content:start;gap:3px}
.line-review-list button{width:100%;text-align:left;border:0;background:transparent;padding:8px 9px;font-size:12px;line-height:1.4;white-space:normal}
.line-review-list button.active{background:#dcefe4;color:#135c48;font-weight:750}
.line-review-list button.reviewed::before{content:'✓ ';color:#16755b}
.line-review-main{min-width:0;min-height:0;display:flex;flex-direction:column;padding:12px 16px;gap:8px}
.line-review-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.line-review-meta strong{font-size:16px}
.line-review-meta span{font-size:12px;color:#3d795e}
.line-review-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.line-review-tools label{display:flex;gap:5px;align-items:center;white-space:nowrap}
.line-review-tools input[type=number]{width:52px;padding:5px}
.line-review-tools input[type=range]{width:130px}
.line-review-tools button{padding:7px 9px;font-size:12px}
.line-review-scroll{flex:1;min-height:0;overflow:auto;background:#e0e9df;border:1px solid #cbdccf;border-radius:9px;padding:12px;text-align:center}
#line-review-canvas{display:block;margin:0 auto;background:#f6f5ee;touch-action:none;cursor:crosshair;max-width:none}
.line-review-bottom{display:flex;align-items:center;gap:10px;padding-top:8px;border-top:1px solid #dce8df}
.line-review-bottom span{flex:1;font-size:12px;color:#5d746a}
.line-review-bottom button{padding:10px 13px}
@media(max-width:750px){.line-review-body{grid-template-columns:1fr}.line-review-list{max-height:100px;display:flex;overflow:auto;border-right:0;border-bottom:1px solid #dbe7df}.line-review-list button{min-width:150px}.line-review-main{padding:8px}.line-review-dialog{width:98vw;height:97vh}.line-review-scroll{padding:4px}}

.syllable-review{display:grid;gap:8px;margin:10px 0;padding:11px;border:1px solid #8eb9a7;border-radius:10px;background:#f1f8f3}
.syllable-review[hidden]{display:none}
.syllable-review-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.syllable-review-head strong{font-size:13px;color:#174e41}
.syllable-review-head button,.syllable-review>button{font-size:12px}
.syllable-cells{display:grid;gap:7px}
.syllable-cell{padding:8px;border:1px solid #c8dcd0;border-radius:8px;background:#fff}
.syllable-cell.uncertain{border-color:#d59b38;background:#fffaf0}
.syllable-cell strong{display:block;font-size:12px;margin-bottom:5px}
.syllable-options{display:flex;gap:6px;flex-wrap:wrap}
.syllable-options button{font-size:17px;min-width:42px;padding:5px 10px}
.syllable-options button[aria-pressed="true"]{background:#20765f;color:#fff;border-color:#20765f}
.syllable-preview{margin:0;font-size:15px;font-weight:700;color:#155e4a}
.syllable-review .helper{margin:0;font-size:11px;line-height:1.5}

.paper-ctc-review{display:grid;gap:8px;margin:10px 0;padding:11px;border:1px solid #8eb9a7;border-radius:10px;background:#edf7f1}
.paper-ctc-review[hidden]{display:none}
.paper-ctc-review .helper{margin:0;font-size:11px;line-height:1.5}
.paper-ctc-review>button{justify-self:start;font-size:12px}

.paper-ctc-recovery-actions{display:flex;gap:8px;flex-wrap:wrap}
.paper-ctc-recovery-actions[hidden]{display:none}
.paper-ctc-recovery-actions button{font-size:12px}