.on-surface{--af-layer:var(--surface);--af-fill:var(--surface);--af-line:var(--ink-muted)}.on-page{--af-layer:var(--page);--af-fill:var(--surface);--af-line:var(--ink-2)}.dlg,.on-dialog{--af-layer:var(--surface-dialog);--af-fill:var(--surface-dialog);--af-line:var(--ink-muted)}.af{grid-template-columns:minmax(0,1fr);gap:4px;min-width:0;display:grid;position:relative}.af>label{z-index:1;max-width:calc(100% - 24px);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(var(--af-layer,var(--surface)) 50%, var(--af-fill,var(--surface)) 50%);padding:0 4px;font-size:11px;line-height:14px;position:absolute;top:-7px;left:12px;overflow:hidden}.af-box{border:1px solid var(--af-line,var(--ink-muted));border-radius:var(--radius);background:var(--af-fill,var(--surface));align-items:center;gap:8px;min-width:0;height:40px;padding:0 4px 0 12px;display:flex}.af-box:focus-within{box-shadow:0 0 0 1px var(--surface), 0 0 0 3px var(--ink)}.af-box input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:none;flex:auto;font-size:14px}.af-box input:focus-visible{box-shadow:none}.af-box.af-area{align-items:stretch;height:auto;padding:8px 4px 8px 12px}.af-box textarea{min-width:0;min-height:96px;color:var(--ink);font:inherit;resize:vertical;background:0 0;border:0;outline:none;flex:auto;font-size:14px;line-height:1.5}.af-box textarea:focus-visible{box-shadow:none}.af-box>svg{color:var(--ink-2);flex:none;margin-right:8px}.af-err{border-color:var(--critical);box-shadow:inset 0 0 0 1px var(--critical)}.af-lock{border-color:var(--border)}.af-lock input{color:var(--ink-2)}.af-eye{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.af-hint{color:var(--ink-2);justify-content:space-between;gap:8px;font-size:12px;line-height:1.4;display:flex}.af-e{color:var(--critical);align-items:flex-start;gap:4px;display:inline-flex}.af-e svg{color:var(--critical);flex:none;margin-top:2px}.af-sel{padding-right:0;position:relative}.af-sel select{width:100%;min-width:0;height:100%;color:var(--ink);appearance:none;cursor:pointer;background:0 0;border:0;outline:none;flex:auto;padding-right:32px;font-size:14px}.af-sel select:focus-visible{box-shadow:none}.af-sel>svg{pointer-events:none;margin:0;position:absolute;right:12px}.af-box input[type=number]{font-variant-numeric:tabular-nums}.af-box input.r{text-align:right}.cnt28{border:1px solid var(--af-line,var(--ink-muted));border-radius:var(--radius-pill);background:var(--af-fill,var(--surface));align-items:center;height:28px;display:inline-flex}.cnt28 button{border-radius:var(--radius-pill);width:28px;height:26px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.cnt28 button:disabled{color:var(--ink-disabled);cursor:default}.cnt28 [role=spinbutton]{text-align:center;font-variant-numeric:tabular-nums;border-radius:6px;min-width:28px;padding:0 2px;font-weight:600}.bp{min-width:0;position:relative}.bp-btn{border:1px solid var(--af-line,var(--ink-muted));border-radius:var(--radius);background:var(--af-fill,var(--surface));width:100%;height:40px;color:var(--ink);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:14px;display:flex}.bp-btn .bp-v{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bp-btn svg{color:var(--ink-2);flex:none}.bp-panel{z-index:20;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-dialog);width:288px;box-shadow:var(--lift-2);padding:8px 0;display:grid;position:absolute;top:44px;left:0}.bp-row{justify-content:space-between;align-items:center;gap:12px;height:40px;padding:0 12px;font-size:13px;display:flex}.bp-panel{--af-layer:var(--surface-dialog);--af-fill:var(--surface-dialog);--af-line:var(--ink-muted)}.ablk{border-radius:var(--radius);grid-template-columns:16px minmax(0,1fr);gap:8px;padding:8px 12px;font-size:13px;line-height:1.45;display:grid}.ablk svg{margin-top:2px}.ablk-err{background:var(--critical-wash);color:var(--ink)}.ablk-err svg{color:var(--critical)}.ablk-info{box-shadow:inset 0 0 0 1px var(--border);color:var(--ink)}.ablk-info svg{color:var(--ink-2)}.ablk-code{color:var(--ink-2);margin-top:4px;font-size:11px;display:block}@media (max-width:495px){.af-box{height:44px}.af-box input,.af-box textarea,.af-sel select{font-size:16px}.af-box.af-area{height:auto}.cnt28{height:44px}.cnt28 button{width:44px;height:42px}}