.image-workbench{padding:24px;border:1px solid #dfedf7;border-radius:16px;background:#fff}.workbench-privacy{margin:0 0 22px;padding:12px 15px;border-radius:10px;background:#eff8ff;color:#467a9f;font-size:13px}.workbench-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:28px}.workbench-main,.workbench-settings{min-width:0}.image-workbench h2{font-size:17px;margin:0 0 20px;color:#1b415d}.image-workbench .field{margin-bottom:15px}.image-workbench .field>span{display:block;margin-bottom:7px;font-size:12px;font-weight:600;color:#59758d}.image-workbench input:not([type=color]),.image-workbench select,.image-workbench textarea{width:100%;min-width:0;border:1px solid #cfe1ee;border-radius:8px;padding:10px 11px;background:#fff;color:#284b65}.image-workbench input[type=color]{width:100%;height:40px;border:1px solid #cfe1ee;border-radius:8px;background:#fff;padding:4px}.image-workbench input:focus,.image-workbench select:focus,.image-workbench textarea:focus{outline:2px solid #87c7f3;outline-offset:2px}.image-workbench input[type=file]{font-size:12px}.workbench-note{color:#6c879b;font-size:12px;line-height:1.8;margin:10px 0 18px;overflow-wrap:anywhere}.workbench-surface{min-height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px;border:1px solid #dbe9f3;border-radius:12px;background:repeating-conic-gradient(#e9f1f7 0 25%,#f8fbfe 0 50%) 50%/20px 20px}.workbench-surface[hidden]{display:none}.workbench-canvas,.qr-reader canvas{display:block;max-width:100%;height:auto;max-height:700px;object-fit:contain;background:transparent}.workbench-draw{touch-action:none;cursor:crosshair}.workbench-status{min-height:24px;color:#517d9d;font-size:12px;line-height:1.8;overflow-wrap:anywhere;margin:16px 0}.workbench-actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.workbench-actions .btn{font-size:12px}.workbench-settings{padding:20px;background:#f6fbff;border:1px solid #e2eef7;border-radius:12px}.workbench-settings>.btn{width:100%;margin:0 0 12px;font-size:12px}.workbench-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.qr-reader{max-width:900px;margin:0 auto}.qr-reader-result{margin-top:22px}.qr-reader-output{resize:vertical;min-height:150px;overflow-wrap:anywhere;white-space:pre-wrap}.qr-reader-result[hidden]{display:none}
@media(max-width:850px){.workbench-layout{grid-template-columns:minmax(0,1fr)}.workbench-settings{display:block}.workbench-canvas,.qr-reader canvas{max-height:600px}.image-workbench{padding:17px}.workbench-settings{padding:17px}.workbench-surface{padding:7px}}@media(max-width:480px){.image-workbench{padding:12px}.workbench-privacy{font-size:11px;margin-bottom:17px}.workbench-layout{gap:18px}.image-workbench h2{font-size:15px}.workbench-actions .btn{font-size:11px;padding:10px 12px}}