.ocr-workspace{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--ds-canvas, #f7f9ff)}.ocr-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--ds-surface, #fff);border-bottom:1px solid var(--ds-border, #d9e0ec);flex-shrink:0}.ocr-title{font-size:18px;font-weight:600;margin:0;color:var(--ds-ink, #172033)}.ocr-count{color:var(--ds-muted, #64748b);font-size:14px}.ocr-toolbar-actions{display:flex;gap:8px;margin-left:auto}.ocr-tool-error{padding:8px 16px;background:#fef2f2;color:#b91c1c;font-size:14px;border-bottom:1px solid #fecaca}.ocr-engine-hint{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#eef2ff;color:#4338ca;font-size:14px}.ocr-spinner{width:14px;height:14px;border:2px solid #c7d2fe;border-top-color:#4f46e5;border-radius:50%;animation:ocr-spin .8s linear infinite}.ocr-busy-overlay{position:fixed;z-index:80;inset:0;display:grid;place-items:center;background:#f7f9ffb8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.ocr-busy-card{display:grid;justify-items:center;gap:10px;max-width:min(86vw,360px);padding:28px 40px;background:#fffffff0;border:1px solid #d9e0ec;border-radius:18px;box-shadow:0 16px 40px #17203324;text-align:center}.ocr-busy-title{margin:0;font-size:16px;font-weight:700;color:var(--ds-ink, #172033)}.ocr-busy-sub{margin:0;font-size:12px;color:var(--ds-muted, #64748b)}.ocr-spinner-lg{width:30px;height:30px;border-width:3px}@media(prefers-reduced-motion:reduce){.ocr-spinner{animation-duration:2s}}@keyframes ocr-spin{to{transform:rotate(360deg)}}.ocr-layout{display:grid;grid-template-columns:48fr 52fr;gap:0;flex:1;min-height:0}.ocr-preview-col,.ocr-result-col{min-width:0;min-height:0;overflow:auto}.ocr-preview-col{border-right:1px solid var(--ds-border, #d9e0ec);background:var(--ds-canvas, #f7f9ff)}.ocr-preview-wrap{display:flex;flex-direction:column;height:100%;padding:16px;gap:12px}.ocr-image-preview{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:repeating-conic-gradient(#f1f5f9 0 25%,#fff 0 50%) 0 0 / 24px 24px;border-radius:12px;border:1px solid var(--ds-border, #d9e0ec)}.ocr-preview-img{max-width:100%;max-height:100%;object-fit:contain;user-select:none}.ocr-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ocr-overlay-line,.ocr-overlay-line polygon,.ocr-overlay-line circle,.ocr-overlay-line path{pointer-events:auto}.ocr-overlay-polygon{transition:fill .12s,stroke-width .12s;cursor:default}.ocr-preview-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.ocr-hint{font-size:12px;line-height:1.6;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px}.ocr-selecting{cursor:crosshair}.ocr-selecting .ocr-preview-img,.ocr-selecting .ocr-overlay{pointer-events:none}.ocr-roi-drag{position:absolute;border:1.5px dashed #6366f1;background:#6366f11f;z-index:5;pointer-events:none}.ocr-roi-box{position:absolute;z-index:6;border:1.5px solid #6366f1;box-shadow:0 0 0 9999px #0f172a59;pointer-events:none}.ocr-roi-clear{position:absolute;top:-16px;right:-12px;width:28px;height:28px;border-radius:50%;border:1px solid var(--ds-border, #d9e0ec);background:#fff;color:#64748b;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0f172a2e;pointer-events:auto}.ocr-roi-clear:hover{color:#dc2626;border-color:#fca5a5}.ds-btn-icon{min-width:44px;min-height:44px;border-radius:10px;border:1px solid var(--ds-border, #d9e0ec);background:#fff;font-size:18px;cursor:pointer}.ocr-result-panel{display:flex;flex-direction:column;height:100%;padding:16px;gap:12px}.ocr-result-tabs{flex-shrink:0}.ocr-segmented{display:inline-flex;padding:3px;border-radius:10px;background:#eef0f5;gap:2px}.ocr-segmented-option{min-height:44px;padding:0 16px;border:none;border-radius:8px;background:transparent;color:var(--ds-muted, #64748b);font-size:14px;cursor:pointer;transition:background .12s,color .12s}.ocr-segmented-option[data-selected=true]{background:#fff;color:var(--ds-ink, #172033);box-shadow:0 1px 4px #1720331a}.ocr-result-textarea,.ocr-mobile-textarea{flex:1;min-height:160px;resize:none;border:1px solid var(--ds-border, #d9e0ec);border-radius:12px;padding:12px;font-size:15px;line-height:1.7;background:#fff;color:var(--ds-ink, #172033)}.ocr-result-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--ds-muted, #64748b)}.ocr-copy-ok{color:#16a34a}.ocr-copy-fail{color:#b91c1c}.ocr-result-actions{display:flex;gap:8px;flex-shrink:0}.ds-btn{min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--ds-border, #d9e0ec);background:#fff;color:var(--ds-ink, #172033);font-size:14px;cursor:pointer;transition:background .12s}.ds-btn:hover{background:#f1f5f9}.ds-btn:disabled{opacity:.5;cursor:not-allowed}.ds-btn-primary{background:var(--ds-brand-primary, #4f46e5);border-color:var(--ds-brand-primary, #4f46e5);color:#fff}.ds-btn-primary:hover{background:var(--ds-brand-primary-hover, #4338ca)}.ds-btn-ghost{background:transparent}.ds-btn-active{border-color:var(--ds-brand-primary, #4f46e5);color:var(--ds-brand-primary, #4f46e5)}.ocr-strip{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--ds-surface, #fff);border-top:1px solid var(--ds-border, #d9e0ec);flex-shrink:0;overflow-x:auto}.ocr-strip-list{display:flex;gap:8px}.ocr-strip-item{position:relative;border:2px solid transparent;border-radius:8px}.ocr-strip-item.active{border-color:var(--ds-brand-primary, #4f46e5)}.ocr-strip-thumb{border:none;padding:0;width:64px;height:48px;border-radius:6px;overflow:hidden;cursor:pointer;position:relative}.ocr-strip-thumb img{width:100%;height:100%;object-fit:cover}.ocr-strip-status{position:absolute;bottom:0;left:0;right:0;background:#172033a6;color:#fff;font-size:10px;text-align:center;padding:1px 0}.ocr-strip-remove{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:12px;line-height:1;cursor:pointer}.ocr-strip-clear{margin-left:auto;border:none;background:transparent;color:var(--ds-muted, #64748b);cursor:pointer;font-size:14px;min-height:44px}.ocr-empty,.ocr-mobile-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;padding:32px;text-align:center;color:var(--ds-muted, #64748b)}.ocr-empty-icon{font-size:40px}.ocr-empty-title{font-size:16px;font-weight:600;color:var(--ds-ink, #172033);margin:0}.ocr-empty-sub,.ocr-empty-hint{font-size:13px;margin:0}.ocr-mobile .ocr-toolbar{flex-wrap:wrap;gap:6px 12px;padding:10px 12px}.ocr-mobile .ocr-title{font-size:16px;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ocr-mobile .ocr-count{flex-basis:100%;font-size:13px;order:10}.ocr-mobile .ocr-toolbar-actions{margin-left:0;flex-shrink:0}.ocr-mobile .ocr-toolbar-actions .ds-btn{white-space:nowrap}.ocr-mobile{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--ds-canvas, #f7f9ff)}.ocr-mobile-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:12px}.ocr-mobile-preview{border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--ds-border, #d9e0ec)}.ocr-mobile-roi-btn{margin:8px 10px 0;min-height:44px}.ocr-mobile-preview .ocr-image-preview{min-height:220px;border:none;border-radius:0}.ocr-mobile-tabs{display:flex;justify-content:center}.ocr-mobile-textarea{min-height:200px}.ocr-mobile-empty{min-height:240px}.ocr-mobile-actions{position:sticky;bottom:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--ds-surface, #fff);border-top:1px solid var(--ds-border, #d9e0ec);display:flex;flex-direction:column;gap:8px;align-items:center}.ocr-mobile-action-row{display:flex;gap:8px;width:100%}.ocr-mobile-action-row .ds-btn{flex:1;min-height:48px}