.pwf{grid-template-columns:1fr auto;align-items:baseline;gap:8px 12px;display:grid}.pwf .pwf-label{grid-area:1/1}.pwf .pwf-aside{grid-area:1/2}.pwf .pwf-box{grid-area:2/1/auto/-1}.pwf .pwf-label{font:var(--fw-regular) var(--fs-small) var(--font-body);color:var(--text-body)}.pwf .pwf-box{height:var(--control-md);border:1px solid var(--border-field);border-radius:var(--radius-field);background:var(--surface-card);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);align-items:center;padding-right:4px;display:flex}.pwf .pwf-box:has(.pwf-input:focus-visible){outline:2px solid var(--border-focus);outline-offset:-1px;box-shadow:0 0 0 4px var(--focus-halo)}.pwf .pwf-box.is-invalid{border-color:var(--danger);background:var(--danger-soft)}.pwf .pwf-box.is-invalid:has(.pwf-input:focus-visible){outline-color:var(--danger)}.pwf .pwf-box .pwf-input{appearance:none;min-width:0;height:auto;font:var(--field-font);color:var(--text-strong);background:0 0;border:none;flex:1;align-self:stretch;padding:0 0 0 16px}.pwf .pwf-box .pwf-input:focus-visible{box-shadow:none;outline:none}.pwf .pwf-box .pwf-input[aria-invalid=true]{background:0 0}.pwf .pwf-box .pwf-toggle{appearance:none;width:var(--target-min);height:var(--target-min);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;flex:none;place-items:center;display:grid}.pwf .pwf-box .pwf-toggle:hover{color:var(--text-strong);background:var(--track)}.pwf .pwf-box .pwf-toggle:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.pwf .pwf-box .pwf-toggle[aria-pressed=true]{color:var(--text-strong)}