.oat-field{gap:calc(6px * var(--density-space));flex-direction:column;display:flex}.oat-field-label{font-size:var(--text-small);color:var(--text-strong);font-weight:600}.oat-field-description{font-size:var(--text-small);color:var(--text-muted)}.oat-field-error{font-size:var(--text-small);color:var(--action)}.oat-control{align-items:center;gap:calc(8px * var(--density-space));min-height:var(--form-control-height);padding:var(--form-control-padding-y) var(--form-control-padding-x);font-family:var(--font-display);font-size:var(--text-control);color:var(--form-control-fg);background:var(--form-control-bg);border:var(--form-border-width) solid var(--form-control-border);border-radius:var(--form-control-radius);transition:border-color .12s,box-shadow .12s,background-color .12s;display:flex}.oat-control:focus-within{border-color:var(--form-control-border-focus);box-shadow:0 0 0 3px var(--focus-ring)}.on-ink .oat-control{border-color:var(--control-border-on-dark);color:var(--text-strong-on-dark)}.oat-select-trigger{cursor:default;text-align:start;justify-content:space-between;width:100%}.oat-select-icon{width:10px;color:var(--text-muted);flex:none;display:flex}.oat-select-icon svg{width:10px;height:6px}.oat-positioner{z-index:60}.oat-popup{min-width:var(--anchor-width,12rem);padding:calc(4px * var(--density-space));background:var(--form-popup-bg);border:var(--form-border-width) solid var(--form-popup-border);border-radius:var(--form-popup-radius);box-shadow:var(--form-popup-elevation);max-height:18rem;overflow-y:auto}.oat-popup-item{padding:calc(7px * var(--density-space)) calc(10px * var(--density-space));font-size:var(--text-control);color:var(--text-strong);border-radius:calc(var(--form-control-radius) * .6);cursor:default;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.oat-popup-item[data-highlighted],.oat-popup-item:hover{background:var(--form-popup-item-bg-active)}.oat-popup-check{color:var(--action);font-size:var(--text-small)}.oat-popup-empty{padding:calc(10px * var(--density-space));font-size:var(--text-small);color:var(--text-muted)}.oat-chips{cursor:text;flex-wrap:wrap;width:100%}.oat-chip{padding:calc(3px * var(--density-space)) calc(8px * var(--density-space));font-size:var(--text-small);color:var(--form-chip-fg);background:var(--form-chip-bg);border:var(--form-border-width) solid var(--form-control-border);border-radius:var(--form-chip-radius);align-items:center;gap:6px;display:inline-flex}.oat-chip-remove{cursor:pointer;color:var(--text-muted);line-height:1;font-size:var(--text-control);background:0 0;border:0;padding:0}.oat-chip-remove:hover{color:var(--text-strong)}.oat-chips-input{min-width:6rem;font-family:inherit;font-size:var(--text-control);color:var(--form-control-fg);background:0 0;border:0;outline:none;flex:1}.oat-choice{align-items:center;gap:calc(9px * var(--density-space));font-size:var(--text-control);color:var(--text);display:inline-flex}.oat-checkbox,.oat-radio{width:var(--form-indicator-size);height:var(--form-indicator-size);background:var(--form-indicator-bg);border:max(var(--form-border-width),1px) solid var(--form-indicator-border);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;transition:background-color .12s,border-color .12s;display:inline-flex}.oat-checkbox{border-radius:var(--form-indicator-radius)}.oat-radio{border-radius:999px}.oat-checkbox[data-checked],.oat-radio[data-checked]{background:var(--form-indicator-bg-checked);border-color:var(--form-indicator-bg-checked)}.oat-checkbox-indicator{color:var(--form-indicator-fg-checked);display:flex}.oat-checkbox-indicator svg{width:calc(var(--form-indicator-size) * .66);height:calc(var(--form-indicator-size) * .66)}.oat-radio-indicator{background:var(--form-indicator-fg-checked);border-radius:999px;width:38%;height:38%}.oat-radio-group{gap:calc(8px * var(--density-space));flex-direction:column;display:flex}.oat-backdrop{z-index:70;background:color-mix(in srgb, var(--ground-dark) 55%, transparent);position:fixed;inset:0}.oat-dialog{z-index:80;gap:calc(10px * var(--density-space));width:min(28rem,100vw - 2rem);padding:var(--space-cell);background:var(--form-popup-bg);border:var(--form-border-width) solid var(--form-popup-border);border-radius:var(--form-popup-radius);box-shadow:var(--form-popup-elevation);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.oat-dialog-title{font-size:var(--text-h3);letter-spacing:-.02em;color:var(--text-strong)}.oat-dialog-description{font-size:var(--text-control);color:var(--text)}.oat-dialog-actions{justify-content:flex-end;gap:var(--space-inline);margin-top:var(--space-inline);display:flex}.oat-table{border-collapse:collapse;width:100%;font-size:var(--text-control)}.oat-table-caption{text-align:start;padding-bottom:var(--space-inline);font-size:var(--text-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.oat-table th{text-align:start;font-weight:600;font-size:var(--text-small);color:var(--form-table-head-fg);padding:calc(9px * var(--density-space)) calc(10px * var(--density-space));border-bottom:max(var(--form-rule-width),1px) solid var(--form-table-rule)}.oat-table td{padding:calc(11px * var(--density-space)) calc(10px * var(--density-space));color:var(--text);border-bottom:var(--form-rule-width) solid var(--form-table-rule)}.oat-table th[data-align=end],.oat-table td[data-align=end]{text-align:end;font-variant-numeric:tabular-nums}.oat-table tbody tr:hover td{background:var(--form-table-row-bg-hover)}.oat-input,.oat-textarea{width:100%;font-family:inherit}.oat-textarea{min-height:calc(var(--form-control-height) * 2.4);resize:vertical;line-height:1.5}.oat-numberfield{padding:0;overflow:hidden}.oat-numberfield-input{text-align:center;min-width:0;font-family:inherit;font-size:var(--text-control);color:var(--form-control-fg);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1}.oat-step{width:var(--form-control-height);background:var(--form-chip-bg);color:var(--text-strong);font:inherit;cursor:pointer;border:0;flex:none;align-self:stretch;line-height:1}.oat-step:hover{background:var(--form-popup-item-bg-active)}.oat-switch{cursor:pointer;width:calc(var(--form-indicator-size) * 1.85);height:var(--form-indicator-size);border:max(var(--form-border-width),1px) solid var(--form-indicator-border);border-radius:var(--form-indicator-radius);background:var(--form-indicator-bg);flex:none;padding:0;transition:background-color .12s,border-color .12s;position:relative}.oat-switch[data-checked]{background:var(--form-indicator-bg-checked);border-color:var(--form-indicator-bg-checked)}.oat-switch-thumb{width:calc(var(--form-indicator-size) * .68);height:calc(var(--form-indicator-size) * .68);border-radius:var(--form-indicator-radius);background:var(--form-control-bg);transition:left .14s;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.oat-switch[data-checked] .oat-switch-thumb{left:calc(100% - var(--form-indicator-size) * .68 - 2px);background:var(--form-indicator-fg-checked)}.oat-tabs{gap:var(--space-block);flex-direction:column;display:flex}.oat-tablist{gap:var(--space-block);border-bottom:max(var(--form-rule-width),1px) solid var(--line);display:flex;position:relative}.oat-tab{cursor:pointer;padding:calc(8px * var(--density-control)) 0;font-family:inherit;font-size:var(--text-control);font-weight:var(--form-btn-weight);text-transform:var(--form-btn-transform);letter-spacing:var(--form-btn-tracking);color:var(--text-muted);background:0 0;border:0}.oat-tab[data-selected]{color:var(--text-strong)}.oat-tab-indicator{bottom:calc(-1 * max(var(--form-rule-width),1px));width:var(--active-tab-width);height:max(var(--form-rule-width),2px);background:var(--action);transform:translateX(var(--active-tab-left));transition:transform .18s,width .18s;position:absolute;left:0}.oat-tabpanel{font-size:var(--text-control);color:var(--text)}.oat-accordion{flex-direction:column;display:flex}.oat-accordion-item{border-top:max(var(--form-rule-width),1px) solid var(--line)}.oat-accordion-item:last-child{border-bottom:max(var(--form-rule-width),1px) solid var(--line)}.oat-accordion-trigger{justify-content:space-between;align-items:center;gap:var(--space-inline);width:100%;padding:calc(12px * var(--density-control)) 0;cursor:pointer;text-align:start;font-family:inherit;font-size:var(--text-control);color:var(--text-strong);background:0 0;border:0;font-weight:600;display:flex}.oat-accordion-mark{flex:none;width:10px;height:10px;position:relative}.oat-accordion-mark:before,.oat-accordion-mark:after{content:"";height:max(var(--form-rule-width),1px);background:var(--text-muted);transition:transform .16s;position:absolute;inset:50% 0 auto}.oat-accordion-mark:after{transform:rotate(90deg)}.oat-accordion-trigger[data-panel-open] .oat-accordion-mark:after{transform:rotate(0)}.oat-accordion-panel{font-size:var(--text-control);color:var(--text);padding-bottom:calc(12px * var(--density-control));line-height:1.6;overflow:hidden}.oat-popup-item.is-destructive{color:var(--critical)}.oat-tooltip-trigger{display:inline-flex}.oat-tooltip{max-width:18rem;padding:calc(6px * var(--density-control)) calc(9px * var(--density-control));border-radius:var(--form-radius);background:var(--ground-dark);color:var(--text-strong-on-dark);font-size:var(--text-small);box-shadow:var(--form-popup-elevation);line-height:1.45}.oat-progress{gap:calc(6px * var(--density-space));flex-direction:column;display:flex}.oat-progress-head{justify-content:space-between;align-items:baseline;display:flex}.oat-progress-label{font-size:var(--text-small);color:var(--text-strong);font-weight:600}.oat-progress-value{font-size:var(--text-small);color:var(--text-muted)}.oat-progress-track{height:calc(6px * var(--density-control));background:var(--track);border-radius:var(--form-radius-bar);overflow:hidden}.oat-progress-indicator{background:var(--action);height:100%;transition:width .2s}.oat-progress[data-indeterminate] .oat-progress-indicator{display:none}.oat-progress[data-indeterminate] .oat-progress-track{background:linear-gradient(90deg, var(--track) 0 42%, var(--action) 48% 52%, var(--track) 58% 100%);background-size:320% 100%;animation:1.3s linear infinite oat-indeterminate}@keyframes oat-indeterminate{0%{background-position:110% 0}to{background-position:-10% 0}}.oat-toast-viewport{bottom:var(--space-block);right:var(--space-block);z-index:90;gap:calc(8px * var(--density-space));flex-direction:column;width:min(22rem,100vw - 2rem);display:flex;position:fixed}.oat-toast{padding:calc(12px * var(--density-control)) calc(30px * var(--density-control)) calc(12px * var(--density-control)) calc(14px * var(--density-control));background:var(--form-popup-bg);border:var(--form-border-width) solid var(--form-popup-border);border-radius:var(--form-popup-radius);box-shadow:var(--form-popup-elevation);position:relative}.oat-toast-title{font-size:var(--text-control);color:var(--text-strong);font-weight:600}.oat-toast-description{font-size:var(--text-small);color:var(--text);margin-top:2px}.oat-toast-close{cursor:pointer;color:var(--text-muted);font-size:var(--text-control);background:0 0;border:0;line-height:1;position:absolute;top:6px;right:8px}.oat-badge{padding:calc(2px * var(--density-control)) calc(8px * var(--density-control));border-radius:var(--form-chip-radius);border:var(--form-border-width) solid transparent;font-size:var(--text-eyebrow);letter-spacing:.04em;text-transform:var(--form-btn-transform);background:color-mix(in srgb, var(--oat-tone) 12%, transparent);color:var(--oat-tone);border-color:color-mix(in srgb, var(--oat-tone) 28%, transparent);align-items:center;font-weight:600;display:inline-flex}.oat-tone-neutral{--oat-tone:var(--text-muted)}.oat-tone-action{--oat-tone:var(--action)}.oat-tone-positive{--oat-tone:var(--positive)}.oat-tone-caution{--oat-tone:var(--caution)}.oat-tone-critical{--oat-tone:var(--critical)}.oat-card{background:var(--form-panel-bg);border:var(--form-border-width) solid var(--form-panel-border);border-radius:var(--form-radius-card);box-shadow:var(--form-elevation-card);flex-direction:column;display:flex}.oat-card-head{justify-content:space-between;align-items:center;gap:var(--space-inline);padding:calc(14px * var(--density-control)) var(--space-cell);border-bottom:var(--form-rule-width) solid var(--form-panel-border);display:flex}.oat-card-title{font-size:var(--text-h3);letter-spacing:-.02em;color:var(--text-strong)}.oat-card-body{padding:var(--space-cell);font-size:var(--text-control);color:var(--text)}.oat-callout{padding:calc(12px * var(--density-control)) calc(14px * var(--density-control));border-radius:var(--form-radius-panel);border:var(--form-border-width) solid color-mix(in srgb, var(--oat-tone) 28%, transparent);border-left-width:max(calc(var(--form-border-width) * 3), 3px);border-left-color:var(--oat-tone);background:color-mix(in srgb, var(--oat-tone) 8%, transparent)}.oat-callout-title{font-size:var(--text-control);color:var(--oat-tone);font-weight:600}.oat-callout-body{font-size:var(--text-small);color:var(--text);line-height:1.6}.oat-empty{align-items:center;gap:calc(6px * var(--density-space));padding:var(--space-section-tight) var(--space-cell);text-align:center;border:max(var(--form-rule-width),1px) dashed var(--line-alt);border-radius:var(--form-radius-card);flex-direction:column;display:flex}.oat-empty-title{font-size:var(--text-control);color:var(--text-strong);font-weight:600}.oat-empty-description{font-size:var(--text-small);color:var(--text-muted);max-width:26rem}.oat-empty-action{margin-top:var(--space-inline)}.oat-separator{height:max(var(--form-rule-width),1px);background:var(--line);margin:var(--space-block) 0;border:0}.oat-kv{gap:calc(7px * var(--density-space)) var(--space-block);grid-template-columns:auto 1fr;margin:0;display:grid}.oat-kv-row{display:contents}.oat-kv dt{font-size:var(--text-small);color:var(--text-muted)}.oat-kv dd{font-size:var(--text-control);color:var(--text-strong);margin:0}