.barcode-workspace{background:var(--line);grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:1px;display:grid}.barcode-controls,.barcode-preview-pane{background:var(--base);min-width:0}.barcode-primary-fields{padding:var(--space-4);gap:var(--space-3);display:grid}.barcode-field,.barcode-color-field{gap:var(--space-2);min-width:0;color:var(--muted);font-size:12px;font-weight:600;display:grid}.barcode-field input,.barcode-field select{width:100%;min-width:0;height:36px;padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--ink);background:var(--control);box-shadow:0 0 0 1px var(--control-line);border:0}.barcode-field input{font-family:var(--code-font)}.barcode-field :is(input,select)[aria-invalid=true],.barcode-color-field input[aria-invalid=true]{box-shadow:0 0 0 1px var(--danger)}.barcode-input-row{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.barcode-input-row .text-button,.barcode-downloads .secondary-button{justify-content:center;align-items:center;gap:var(--space-1);display:inline-flex}.barcode-format-hint{min-height:36px;color:var(--muted);margin:0;font-size:11px;line-height:1.6}.barcode-options{border-top:1px solid var(--line)}.barcode-options summary{min-height:44px;padding:0 var(--space-4);align-items:center;gap:var(--space-2);color:var(--ink);cursor:pointer;font-size:12px;font-weight:600;list-style:none;display:flex}.barcode-options summary::-webkit-details-marker{display:none}.barcode-options-chevron{transition:transform .14s}.barcode-options[open] .barcode-options-chevron{transform:rotate(90deg)}.barcode-options-body{padding:0 var(--space-4) var(--space-4);gap:var(--space-3);display:grid}.barcode-option-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.barcode-check-option{align-items:center;gap:var(--space-2);min-height:36px;color:var(--ink);cursor:pointer;font-size:12px;font-weight:500;display:flex}.barcode-check-option input{margin:0}.barcode-color-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.barcode-color-control{min-width:0;height:36px;padding:0 var(--space-2);align-items:center;gap:var(--space-2);border-radius:var(--radius-control);background:var(--control);box-shadow:0 0 0 1px var(--control-line);display:flex}.barcode-color-control input{cursor:pointer;background:0 0;border:0;width:30px;height:26px;padding:0}.barcode-color-control output{min-width:0;color:var(--ink);font-family:var(--code-font);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400;overflow:hidden}.barcode-preview-pane{background:var(--output-surface);grid-template-rows:auto minmax(260px,1fr) auto;display:grid}.barcode-preview-pane .pane-heading h2{margin:0;font-size:14px;font-weight:500}.barcode-preview{min-width:0;min-height:260px;padding:var(--space-5);place-items:center;display:grid;overflow:auto}.barcode-preview svg{max-width:100%;height:auto;box-shadow:0 0 0 1px var(--control-line);background:#fff;display:block}.barcode-preview p{max-width:320px;color:var(--muted);text-align:center;margin:0;font-size:13px;line-height:1.6}.barcode-downloads{min-height:56px;padding:var(--space-2) var(--space-3);justify-content:center;align-items:center;gap:var(--space-2);border-top:1px solid var(--line);background:var(--base);display:flex}.barcode-generator.converter.is-success .converter-commandbar,.barcode-generator.converter.has-error .converter-commandbar{background:var(--elevated)}@media (width<=760px){.barcode-workspace{grid-template-columns:minmax(0,1fr)}.barcode-primary-fields,.barcode-options-body,.barcode-options summary{padding-inline:var(--space-3)}.barcode-field input,.barcode-field select,.barcode-input-row .text-button,.barcode-downloads .secondary-button{min-height:44px}.barcode-preview{min-height:220px;padding:var(--space-4)}}@media (width<=480px){.barcode-option-grid,.barcode-color-grid{grid-template-columns:minmax(0,1fr)}.barcode-downloads{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.password-workspace{background:var(--line);grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:1px;display:grid}.password-result-pane,.password-options{background:var(--base);min-width:0}.password-result-pane{align-content:start;display:grid}.password-result-pane .pane-heading>span{font-size:14px;font-weight:500}.password-result-pane .pane-actions{flex-wrap:wrap}.password-result-pane .text-button{justify-content:center;align-items:center;gap:var(--space-1);display:inline-flex}.password-result-row{min-width:0;margin:var(--space-4);gap:var(--space-2);grid-template-columns:minmax(0,1fr) 68px;display:grid}.password-result{width:100%;min-width:0;height:68px;padding:0 var(--space-4);border-radius:var(--radius-control);color:var(--ink);background:var(--recessed);box-shadow:inset 0 0 0 1px var(--control-line);font-family:var(--code-font);letter-spacing:.025em;text-align:start;unicode-bidi:isolate;border:0;outline:0;font-size:clamp(16px,2vw,22px)}.password-regenerate-button{border-radius:var(--radius-control);width:68px;height:68px;color:var(--on-action);background:var(--brand);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--brand), black 14%);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.password-regenerate-button:hover{background:var(--brand-hover)}.password-regenerate-button:active .ui-icon{transform:rotate(45deg)}.password-regenerate-button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.password-result:focus-visible{box-shadow:inset 0 0 0 1px var(--brand), 0 0 0 2px color-mix(in oklch, var(--brand), transparent 75%)}.password-result-summary{padding:0 var(--space-4) var(--space-4);align-items:center;gap:var(--space-2) var(--space-3);grid-template-columns:auto minmax(120px,1fr) auto;display:grid}.password-strength-copy{align-items:baseline;gap:var(--space-2);font-size:12px;display:flex}.password-strength-copy span{color:var(--muted)}.password-strength-copy strong{color:var(--ink);font-weight:600}.password-strength{grid-template-columns:repeat(4,1fr);gap:3px;min-width:120px;display:grid}.password-strength span{background:var(--line);height:4px}.password-strength[data-level=limited] span:nth-child(-n+1),.password-strength[data-level=moderate] span:nth-child(-n+2),.password-strength[data-level=strong] span:nth-child(-n+3),.password-strength[data-level=veryStrong] span:nth-child(-n+4){background:var(--brand)}.password-result-summary p{color:var(--muted);grid-column:1/-1;margin:0;font-size:11px;line-height:1.5}.password-result-summary output{color:var(--muted);font-family:var(--code-font);white-space:nowrap;font-size:11px}.password-options{padding-bottom:var(--space-4)}.password-options-heading{min-height:44px;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line);align-items:center;display:flex}.password-options-heading h2{margin:0;font-size:14px;font-weight:500}.password-length-field{padding:var(--space-4);gap:var(--space-3);border-bottom:1px solid var(--line);display:grid}.password-length-heading{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.password-length-heading label,.password-character-options legend{color:var(--muted);font-size:12px;font-weight:600}.password-length-heading input{width:72px;height:36px;padding:0 var(--space-2);border-radius:var(--radius-control);color:var(--ink);background:var(--control);box-shadow:0 0 0 1px var(--control-line);font-family:var(--code-font);text-align:end;border:0}.password-length-heading input[aria-invalid=true]{box-shadow:0 0 0 1px var(--danger)}.password-length-field>input[type=range]{width:100%;min-height:24px;accent-color:var(--brand);cursor:pointer;margin:0}.password-character-options{min-width:0;padding:var(--space-4);border:0;border-bottom:1px solid var(--line);margin:0}.password-character-options[aria-invalid=true]{box-shadow:inset 3px 0 0 var(--danger)}.password-character-options legend{padding:0}.password-character-grid{margin-top:var(--space-3);gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.password-character-grid label,.password-ambiguous-option{align-items:center;gap:var(--space-2);min-width:0;color:var(--ink);cursor:pointer;font-size:12px;display:flex}.password-character-grid label{min-height:36px;padding:0 var(--space-3);background:var(--control);box-shadow:inset 0 0 0 1px var(--control-line)}.password-character-grid input,.password-ambiguous-option input{accent-color:var(--brand);flex:none;margin:0}.password-ambiguous-option{padding:var(--space-4);align-items:flex-start}.password-ambiguous-option input{margin-top:2px}.password-ambiguous-option span{gap:2px;display:grid}.password-ambiguous-option strong{font-weight:600}.password-ambiguous-option small{color:var(--muted);font-size:11px;font-weight:400;line-height:1.5}@media (width<=680px){.password-workspace{grid-template-columns:minmax(0,1fr)}.password-result-row{margin:var(--space-3);grid-template-columns:minmax(0,1fr) 64px}.password-result{width:100%;height:64px;padding-inline:var(--space-3);font-size:16px}.password-regenerate-button{width:64px;height:64px}.password-result-pane .text-button,.password-length-heading input,.password-length-field>input[type=range],.password-character-grid label,.password-ambiguous-option{min-height:44px}.password-result-summary{padding-inline:var(--space-3);grid-template-columns:minmax(0,1fr) auto}.password-strength{grid-area:2/1/auto/-1}.password-result-summary p{grid-row:3}.password-result-summary output{grid-area:1/2}.password-options-heading,.password-length-field,.password-character-options,.password-ambiguous-option{padding-inline:var(--space-3)}}@media (prefers-reduced-motion:reduce){.password-regenerate-button:active .ui-icon{transform:none}}@media (width<=420px){.password-result-pane .pane-heading{padding-block:var(--space-2);flex-direction:column;align-items:flex-start}.password-result-pane .pane-actions{justify-content:flex-end;width:100%}.password-result-summary{grid-template-columns:minmax(0,1fr)}.password-result-summary output{white-space:normal;grid-area:4/1}.password-character-grid{grid-template-columns:minmax(0,1fr)}}