html,body{margin:0;min-height:100%}.app-surface{display:block;min-height:calc(100vh - var(--app-bridge-safe-area-inset-top, 0px))}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.result-grid{display:grid;grid-template-columns:minmax(130px,1fr) 2fr;gap:8px 16px;margin:0}.result-grid dt{font-weight:600}.result-grid dd{margin:0;overflow-wrap:anywhere}details summary{cursor:pointer}li{margin-block:4px}@media(max-width:600px){.field-grid{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr;gap:4px}.result-grid dd{margin-bottom:12px}}.barcode-digits{display:flex;gap:4px;flex-wrap:wrap}.barcode-digit,.barcode-digit-static{width:32px;height:40px;border:1px solid #aeb4b9;border-radius:6px;color:#202223;font:600 18px/1 ui-monospace,monospace;cursor:pointer}.barcode-digit:disabled{opacity:1;cursor:default}.barcode-digit.selected{outline:3px solid #202223;outline-offset:1px}.barcode-digit:focus-visible{outline:3px solid #005bd3;outline-offset:1px}.role-prefix{background:#d5e8ff}.role-product{background:#e7ddff}.role-value{background:#ccefdc}.role-verifier{background:#ffe9b3}.role-checksum{background:#e4e6e8}.role-unassigned{background:#fff}.role-overlap{background:repeating-linear-gradient(135deg,#ffe0de 0,#ffe0de 6px,#fff 6px,#fff 12px)}.barcode-legend,.barcode-actions,.barcode-preview{display:flex;flex-wrap:wrap;gap:8px}.barcode-role{border:1px solid #aeb4b9;border-radius:4px;padding:3px 7px;color:#202223;font-size:12px}.barcode-preview{gap:8px 20px}@media(max-width:600px){.barcode-digits{gap:3px}.barcode-digit,.barcode-digit-static{width:20px;height:36px;font-size:16px}}.rule-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:12px;border-top:1px solid #e3e3e3}.rule-row-description{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}.barcode-digit-static{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:inherit}.rule-scheme{display:flex;flex-direction:column;gap:8px}.save-status{display:flex;align-items:center;gap:8px}.save-feedback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;pointer-events:none}.save-feedback-busy{background:#ffffff80}.save-feedback-spinner{display:flex;filter:brightness(0) invert(1)}.save-feedback-panel{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:200px;max-width:calc(100vw - 80px);padding:28px;color:#fff;background:#202223;border:1px solid #202223;border-radius:16px;box-shadow:0 8px 32px #0003;font-size:18px;text-align:center}.save-feedback-success .save-feedback-panel{animation:save-confirmation 1.8s forwards}@keyframes save-confirmation{0%,80%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}