.local-file-drop{display:grid;place-items:center;min-height:180px;padding:24px;text-align:center;border:2px dashed #cfd9e3;border-radius:14px;background:#f8fafc;cursor:pointer}.local-file-drop:hover,.local-file-drop.is-over{border-color:#1ca785;background:#f0fbf8}.local-file-drop i{font-size:32px;color:#1ca785}.local-file-drop strong{display:block;margin-top:8px;font-size:16px}.local-file-drop span{font-size:12px;color:#6c7885}.local-file-drop input{display:none}.local-preview{display:grid;place-items:center;min-height:240px;padding:16px;overflow:auto;border:1px solid #e0e6ec;border-radius:12px;background:#fff}.local-preview canvas,.local-preview img,.local-preview svg{max-width:100%;height:auto}.local-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.local-meta-grid div{padding:12px;border-radius:10px;background:#f5f8fa}.local-meta-grid b{display:block;margin-bottom:3px;font-size:12px;color:#64717d}.local-meta-grid span{font-size:14px;word-break:break-all}.local-table-scroll{max-height:390px;overflow:auto;border:1px solid #e0e6ec;border-radius:10px}.local-table{width:100%;border-collapse:collapse;font-size:12px}.local-table th,.local-table td{padding:8px 10px;white-space:nowrap;border:1px solid #e7ebef}.local-table th{position:sticky;top:0;background:#f3f6f8}.local-page-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.barcode-stage{min-height:250px;display:grid;place-items:center;padding:20px;overflow:auto;border:1px solid #e0e6ec;border-radius:12px;background:#fff}.barcode-stage svg{max-width:100%;height:auto}.exif-list{display:grid;gap:8px}.exif-list div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:9px 12px;border-radius:8px;background:#f5f8fa}.exif-list b,.exif-list span{font-size:12px;word-break:break-all}@media(max-width:680px){.local-meta-grid,.local-page-options{grid-template-columns:1fr}.exif-list div{grid-template-columns:1fr;gap:3px}}
.signature-pad{display:block;width:100%;height:auto;min-height:150px;border:1px solid #dce4ea;border-radius:12px;background:repeating-linear-gradient(0deg,#fff 0,#fff 34px,#edf2f5 35px);touch-action:none;cursor:crosshair}.gif-frame-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:430px;overflow:auto}.gif-frame-card{display:grid;gap:6px;min-width:0;padding:8px;border:1px solid #dfe6eb;border-radius:10px;background:#fff;color:#46525e;text-align:center}.gif-frame-card:hover{border-color:#1ca785}.gif-frame-card img,.gif-frame-card canvas{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#f7f9fa}.gif-frame-card span{display:block;overflow:hidden;font-size:12px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.batch-qr-grid{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));align-items:start;overflow-x:hidden}.batch-qr-grid .gif-frame-card{width:100%}.local-preview canvas{max-width:100%;height:auto}.extended-field input[type="file"]{font-size:12px}@media(max-width:680px){.gif-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-qr-grid{grid-template-columns:repeat(auto-fit,minmax(min(138px,100%),1fr))}}@media(max-width:380px){.batch-qr-grid{grid-template-columns:1fr}}
.bezier-dot{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#20b997,#5b4cf0);box-shadow:0 10px 24px rgba(91,76,240,.22)}