.alignment-workspace fieldset{border:0;min-width:0;margin:0;padding:0}.alignment-workspace legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.alignment-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.alignment-input{border:1px solid var(--outline);border-radius:16px;min-width:0;padding:12px}.alignment-input h2{margin:0 0 8px;font-size:.875rem}.alignment-input p{overflow-wrap:anywhere;margin:8px 0 0;font-size:.8125rem}.alignment-input.is-active{border-color:var(--green)}.alignment-input.is-dragging{outline:3px solid var(--green);background:var(--secondary-container)}.alignment-input:focus-visible{outline:3px solid var(--green);outline-offset:3px}.alignment-limits{margin:12px 0 4px}.alignment-empty{min-height:160px;color:var(--muted);text-align:center;place-content:center;padding:20px;display:grid}.alignment-view{margin-top:16px}.alignment-toolbar,.alignment-toolbar [role=tablist],.alignment-mapping,.alignment-feedback{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.alignment-toolbar{justify-content:space-between;margin-bottom:12px}.alignment-mapping{margin-bottom:12px}.alignment-mapping p{flex-basis:100%;margin:0}.alignment-preview{border:1px solid var(--outline);background:var(--surface-container-low);place-items:center;min-height:120px;padding:12px;display:grid}.alignment-preview canvas{touch-action:none;cursor:move;width:auto;max-width:100%;height:auto;max-height:520px;display:block}.alignment-preview canvas:focus-visible{outline:3px solid var(--green);outline-offset:3px}.alignment-workspace .alignment-check{align-items:center;gap:8px;min-height:44px;margin:0;font-size:.875rem;display:flex}.alignment-check input{width:20px;height:20px;accent-color:var(--green);flex-shrink:0}.alignment-numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.alignment-workspace label{margin:12px 0 6px;font-size:.875rem;font-weight:600;display:block}.alignment-workspace .ui-color-field{width:100%;max-width:120px;min-height:44px}.alignment-workspace .image-inspection{margin-bottom:12px}.alignment-feedback{margin-top:8px}.alignment-feedback p{color:var(--muted);font-size:.875rem}.alignment-feedback progress{max-width:160px}.alignment-local{gap:8px;margin-top:16px;display:flex}.alignment-local .icon{flex-shrink:0;width:16px;height:16px}.alignment-workspace textarea[aria-invalid=true]{outline:2px solid var(--danger)}@media (width<=760px){.alignment-input{padding:10px}.alignment-input .ui-button{width:100%;padding-inline:10px;font-size:.8125rem}.alignment-numbers{grid-template-columns:1fr}.alignment-mapping .ui-button{flex-grow:1}.alignment-feedback progress{max-width:110px}}
