@import url('/simple/simple.css');

.ocr-tool { padding: 22px; }
.ocr-dropzone { display:grid; place-items:center; min-height:235px; padding:26px; border:2px dashed #b9d9c4; border-radius:14px; background:linear-gradient(135deg,#fbfefb,#f0f8f2); text-align:center; cursor:pointer; transition:.18s ease; }
.ocr-dropzone:hover,.ocr-dropzone.is-dragging { border-color:var(--green); background:#eaf7ed; }
.ocr-dropzone img { width:72px; height:72px; object-fit:contain; margin-bottom:8px; }
.ocr-dropzone strong { font-size:16px; }.ocr-dropzone p { margin:7px 0 0; color:var(--muted); font-size:12px; }.ocr-dropzone .button { margin-top:17px; pointer-events:none; }
.ocr-file { display:grid; grid-template-columns:92px 1fr auto; gap:15px; align-items:center; padding:15px; border:1px solid var(--line); border-radius:13px; background:#fbfdfb; }
.ocr-file img { width:92px; height:72px; border-radius:8px; object-fit:cover; background:#eef3ef; }.ocr-file strong,.ocr-file span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.ocr-file strong { font-size:13px; }.ocr-file span { margin-top:5px; color:var(--muted); font-size:11px; }
.ocr-settings { display:grid; grid-template-columns:1fr auto; align-items:end; gap:12px; margin-top:18px; }.ocr-settings .field { margin:0; }.ocr-settings .button { height:40px; }
.ocr-progress { margin-top:17px; padding:14px; border:1px solid #cce6d4; border-radius:11px; background:#f0f9f2; }.ocr-progress__row { display:flex; justify-content:space-between; gap:12px; color:#315b42; font-size:12px; font-weight:800; }.ocr-progress progress { width:100%; height:7px; margin-top:10px; accent-color:var(--green); }
.ocr-notice { min-height:20px; margin:13px 0 0; color:#69766e; font-size:12px; }.ocr-notice.is-error { color:#b24d48; font-weight:700; }
.ocr-result { margin-top:18px; padding:17px; border:1px solid #c9e5d1; border-radius:13px; background:#f5fbf6; }.ocr-result h3 { margin:0 0 9px; font-size:16px; }.ocr-result textarea { width:100%; min-height:190px; padding:13px; border:1px solid #d8e5da; border-radius:9px; background:#fff; color:var(--ink); font:14px/1.7 "Gowun Dodum",sans-serif; resize:vertical; }.ocr-result__actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.ocr-privacy { margin:18px 0 0; padding:13px 14px; border-radius:10px; background:#fff8e8; color:#715d32; font-size:11px; line-height:1.65; }
@media(max-width:767px){.ocr-tool{padding:14px}.ocr-file{grid-template-columns:62px 1fr}.ocr-file img{width:62px;height:54px}.ocr-file .button{grid-column:1/-1}.ocr-settings{grid-template-columns:1fr}.ocr-settings .button{width:100%}}