.ba-tool{max-width:1060px;padding-bottom:48px}.ba-eyebrow{color:#2563eb;font-weight:700;letter-spacing:.12em}.ba-uploads{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 12px}.ba-upload{min-width:0;padding:20px;background:#fff;border:2px dashed #b8cce7;border-radius:16px}.ba-upload:focus-within,.ba-upload.is-over{border-color:#2563eb;background:#eff6ff}.ba-upload label{display:block;cursor:pointer}.ba-upload strong,.ba-upload span{display:block;margin-bottom:8px}.ba-upload input{width:100%;max-width:100%;min-height:44px}.ba-upload p{overflow-wrap:anywhere;font-size:.9rem;color:#475569}.ba-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:20px 0}.ba-controls label{display:flex;flex-direction:column;gap:6px;min-width:0;max-width:100%}.ba-controls select{width:240px;max-width:100%;min-height:44px;padding:8px}.ba-tool button{min-height:44px;padding:10px 16px;border-radius:8px;cursor:pointer}.ba-tool button:disabled{cursor:default;opacity:.55}#ba-position{display:block;width:100%;min-height:44px;accent-color:#2563eb}#ba-position-value{margin-left:10px;font-variant-numeric:tabular-nums}.ba-stage{display:flex;justify-content:center;align-items:center;min-height:180px;background:#e8edf4;border:1px solid #d7e0ed;border-radius:14px;overflow:hidden}.ba-stage canvas{display:block;max-width:100%;height:auto;max-height:70vh;object-fit:contain}.ba-stage [hidden]{display:none}.ba-stage p{padding:24px;text-align:center;color:#475569}.ba-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}#ba-save{background:#2563eb;color:white;border:1px solid #2563eb}.ba-note{font-size:.9rem;color:#475569;line-height:1.7}#ba-status{min-height:1.7em} @media(max-width:600px){.ba-uploads{grid-template-columns:1fr;gap:12px}.ba-upload{padding:14px}.ba-tool h1{font-size:1.6rem}.ba-controls>*{flex:1 1 180px}.ba-controls select{width:100%}.ba-actions button{flex:1 1 200px}}

.ba-preview-labels{display:flex;justify-content:space-between;font-weight:700;padding:10px 4px}.ba-preview-labels[hidden]{display:none}