*{box-sizing:border-box}body{margin:0;font-family:Arial,'Malgun Gothic',sans-serif;background:#f5f7fb;color:#222}header{background:#1f2937;color:#fff;padding:18px 28px}header h1{margin:0;font-size:24px}header p{margin:6px 0 0;color:#cbd5e1}main{max-width:1200px;margin:22px auto;padding:0 16px}.panel{background:#fff;border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 3px 14px #0001}.layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.drop{display:block;border:2px dashed #94a3b8;border-radius:14px;min-height:250px;background:#f8fafc;cursor:pointer;overflow:hidden}#preview{height:250px;display:flex;align-items:center;justify-content:center;color:#64748b;text-align:center;padding:16px}#preview img{max-width:100%;max-height:250px;display:block}label{font-weight:700;font-size:13px;color:#374151}input,textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}textarea{min-height:110px;resize:vertical}#ocr_text{min-height:250px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:16px}.wide{grid-column:1/-1}button,.button{border:0;background:#e5e7eb;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer;text-decoration:none;color:#111827;display:inline-block;margin-top:10px}.primary{background:#2563eb;color:#fff}.toolbar{display:flex;gap:10px;margin-bottom:12px}.toolbar input{flex:1}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:14px}th{background:#f9fafb}.danger{background:#dc2626;color:#fff}@media(max-width:800px){.layout,.grid{grid-template-columns:1fr}.toolbar{display:block}}
.actions-cell{
    white-space: normal;
    min-width: 320px;
}

.actions-cell button{
    display: inline-block;
    margin: 2px;
    padding: 8px 10px;
}

table{
    table-layout: auto;
}

td:last-child{
    min-width: 320px;
}

.view-only{
    background:#111;
}