.ocr-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch;margin-top:21px}
.ocr-layout>.suite-panel{min-width:0}
.ocr-input-panel,.ocr-output-panel{display:flex;flex-direction:column;gap:16px}
.ocr-input-panel h3,.ocr-output-panel h3{margin:0}
.ocr-dropzone{min-height:230px;border:1px dashed #9d77c9;border-radius:14px;background:radial-gradient(circle at 50% 18%,#64418b55,transparent 55%),#211a30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.ocr-dropzone:hover,.ocr-dropzone.dragging{border-color:#f0c681;background-color:#31243f;transform:translateY(-2px)}
.ocr-dropzone.disabled{opacity:.55;cursor:default;transform:none}
.ocr-dropzone:focus-visible{outline:2px solid #f0c681;outline-offset:3px}
.ocr-dropzone>img{width:54px;height:54px;object-fit:contain;margin-bottom:6px}
.ocr-dropzone strong{font:800 14px var(--display,system-ui);color:#f5eafa}
.ocr-dropzone span{font-size:12px;color:#c3b3d3}.ocr-dropzone small{font-size:10px;color:#a998be}
.ocr-image-card{display:flex;align-items:center;gap:12px;min-width:0;padding:10px;border:1px solid #645175;border-radius:11px;background:#231c30}
.ocr-image-card>img{width:62px;height:62px;flex:none;object-fit:contain;border-radius:7px;background:#12101a}
.ocr-image-card>div{display:grid;gap:3px;min-width:0;flex:1}.ocr-image-card strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocr-image-card span{font-size:10px;color:#b5a6c7}
.ocr-image-card .mini-action{flex:none}.ocr-input-panel .suite-label{margin:0}.ocr-input-panel select{max-width:100%}
.ocr-input-panel>.suite-hint{margin:0}.ocr-input-panel .suite-actions,.ocr-output-panel .suite-actions{margin-top:0}
.ocr-output-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ocr-output-head span{font-size:10px;color:#b9a9ca}
.ocr-output-panel textarea{min-height:320px;flex:1;resize:vertical;white-space:pre-wrap;line-height:1.6}
.ocr-progress-wrap{display:grid;gap:7px}.ocr-progress-track{height:7px;border-radius:20px;background:#130f1f;overflow:hidden}.ocr-progress-track>div{width:0;height:100%;border-radius:20px;background:linear-gradient(90deg,#9b71df,#f0c681);transition:width .2s}
.ocr-progress-wrap>span{font-size:11px;color:#cbb8db}
@media(max-width:900px){.ocr-layout{grid-template-columns:1fr}}
@media(max-width:560px){.ocr-layout{gap:14px}.ocr-dropzone{min-height:185px;padding:18px}.ocr-output-panel textarea{min-height:250px}}