.iban-demo{gap:var(--space-5);max-width:var(--width-content);padding:var(--space-6) var(--gutter);flex-direction:column;min-height:0;margin:0 auto;display:flex;overflow-y:auto}.iban-demo__tabs{gap:var(--space-2);display:flex}.iban-settings{gap:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);flex-direction:column;margin:0;display:flex}.iban-settings__legend{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text);padding:0 var(--space-2)}.iban-settings__group{gap:var(--space-2);flex-direction:column;display:flex}.iban-settings__group-label{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);color:var(--color-text)}.iban-settings__toggle{gap:var(--space-2);flex-wrap:wrap;display:flex}.iban-leet-legend{display:block}.iban-leet-legend__heading{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text);cursor:pointer;margin:0}.iban-leet-legend__heading:focus-visible{outline:var(--border-width-thick) solid var(--color-accent);outline-offset:var(--focus-offset)}.iban-leet-legend__grid{margin-top:var(--space-3);gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));display:grid}.iban-leet-legend__cell{justify-content:center;align-items:baseline;gap:var(--space-1);font-family:var(--font-mono);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);display:flex}.iban-leet-legend__char{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text)}.iban-leet-legend__arrow{font-size:var(--text-xs);color:var(--color-text)}.iban-leet-legend__variants{font-size:var(--text-xs);color:var(--color-text);word-break:break-all}.iban-field{gap:var(--space-3);flex-direction:column;display:flex}.iban-field__label{gap:var(--space-2);flex-direction:column;display:flex}.iban-field__label-text{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text)}.iban-field__input{text-transform:uppercase;width:100%;letter-spacing:var(--tracking-wide)}.iban-field__input-anchor{position:relative}.iban-field__hero{align-items:stretch;gap:var(--space-3);flex-wrap:wrap;display:flex}.iban-field__strip{gap:var(--space-1);font-family:var(--font-mono);background:var(--color-surface);border:var(--border-width) solid var(--color-border-loud);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:var(--space-5);flex-wrap:wrap;flex:260px;align-items:center;min-height:3.5rem;display:flex}.iban-field__hero-status{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.iban-field__mark{border:var(--border-width) solid var(--color-signal-error);border-radius:var(--radius-sm);width:2.25em;height:2.25em;color:var(--color-signal-error);background:var(--color-surface);cursor:default;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.iban-field__mark[data-valid]{border-color:var(--color-signal-ok);color:var(--color-signal-ok)}.iban-field__mark:focus-visible{outline:var(--border-width-thick) solid var(--color-accent);outline-offset:var(--focus-offset)}.iban-field__mark-icon{width:1.2em;height:1.2em}.iban-field__mark-flyout{z-index:var(--z-overlay);bottom:calc(100% + var(--space-2));min-width:12rem;max-width:16rem;padding:var(--space-2) var(--space-3);background:var(--color-surface-high);border:var(--border-width) solid var(--color-border-loud);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-family:var(--font-ui);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--color-text);text-align:left;white-space:normal;pointer-events:none;position:absolute;right:0}.iban-field__cell{min-width:1ch;line-height:var(--leading-tight);white-space:pre;flex-direction:column;align-items:center;display:inline-flex}.iban-field__cell-typed{font-size:var(--text-lg);font-weight:var(--weight-bold)}.iban-field__cell-decoded{font-size:var(--text-sm)}.iban-field__cell--country{color:var(--color-iban-country)}.iban-field__cell--check{color:var(--color-iban-check)}.iban-field__cell--bank{color:var(--color-iban-bank)}.iban-field__cell--account{color:var(--color-iban-account)}.iban-field__cell[data-placeholder]{opacity:.5}.iban-field__cell--swapped .iban-field__cell-decoded{font-weight:var(--weight-bold);text-decoration:underline}.iban-field__preview{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text);margin:0}.iban-field__legend{gap:var(--space-4);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text);margin:0;display:flex}.iban-field__placeholder{color:var(--color-text-faint);font-family:var(--font-body);font-size:var(--text-base)}.iban-field__status{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text);margin:0}.iban-actions{align-items:center;gap:var(--space-2);display:flex}.iban-actions__button,.iban-actions__link{width:2.25em;height:2.25em;color:var(--color-text);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-sharp), color var(--duration-fast) var(--ease-sharp);justify-content:center;align-items:center;display:inline-flex}.iban-actions__button:hover:not(:disabled),.iban-actions__link:hover{border-color:var(--color-accent);color:var(--color-accent)}.iban-actions__button:focus-visible,.iban-actions__link:focus-visible{outline:var(--border-width-thick) solid var(--color-accent);outline-offset:var(--focus-offset)}.iban-actions__button:disabled{cursor:not-allowed;opacity:.5}.iban-actions__icon{flex-shrink:0;width:1.1em;height:1.1em}.iban-actions__feedback{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.iban-field__input-anchor .iban-suggestions{top:calc(100% + var(--space-2));z-index:var(--z-overlay);background:var(--color-surface-high);border:var(--border-width) solid var(--color-border-loud);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);position:absolute;left:0;right:0}ul.iban-suggestions{gap:var(--space-1);padding:var(--space-2);flex-direction:column;margin:0;list-style:none;display:flex;overflow-y:auto}div.iban-suggestions{align-items:center;gap:var(--space-2);padding:var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text);display:flex}.iban-suggestions[hidden]{display:none}.iban-suggestions--offline{color:var(--color-signal-warn)}.iban-suggestions--empty{flex-direction:column;align-items:flex-start}.iban-suggestions__examples{width:100%;padding:var(--space-1) var(--space-2) var(--space-2)}.iban-suggestions__spinner{width:1em;height:1em;animation:iban-spin var(--duration-slow) var(--ease-sharp) infinite;flex-shrink:0}@media (prefers-reduced-motion:reduce){.iban-suggestions__spinner{animation:none}}@keyframes iban-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.iban-suggestions__icon{flex-shrink:0;width:1em;height:1em}.iban-suggestions__item{align-items:center;gap:var(--space-2);width:100%;font-family:var(--font-mono);font-size:var(--text-sm);text-align:left;color:var(--color-text);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-sharp), background var(--duration-fast) var(--ease-sharp);background:0 0;display:flex}.iban-suggestions__item:hover{border-color:var(--color-border)}.iban-suggestions__item[aria-selected=true],.iban-suggestions__item--active{background:var(--color-accent-muted);border-color:var(--color-accent)}.iban-suggestions__item:focus-visible{outline:var(--border-width-thick) solid var(--color-accent);outline-offset:var(--focus-offset)}.iban-suggestions__item-icon{flex-shrink:0;width:1.1em;height:1.1em}.iban-suggestions__item-main{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.iban-suggestions__item-status{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);flex-shrink:0}.iban-suggestions__item-status--complete{color:var(--color-signal-ok)}.iban-suggestions__item-status--advance{color:var(--color-signal-info)}@media (width<=600px){.iban-demo{padding:var(--space-4) var(--gutter)}.iban-field__strip{font-size:var(--text-base);padding:var(--space-4)}.iban-field__hero-status{justify-content:flex-end;width:100%}}