@layer components{.k-autonomy{display:grid;gap:clamp(32px,5vw,64px);align-items:start}@media (min-width:900px){.k-autonomy{grid-template-columns:300px 1fr}}.k-autonomy__dial{position:relative;border:1px solid var(--k-color-border);border-radius:var(--k-radius-md);background:var(--k-color-surface-raised);padding:var(--k-space-6) var(--k-space-5);margin:0;box-shadow:var(--k-elevation-raised)}.k-autonomy__track{left:calc(var(--k-space-5) + 7px);top:var(--k-space-6);bottom:var(--k-space-6);width:2px;background:var(--k-color-border)}.k-autonomy__knob,.k-autonomy__track{position:absolute;border-radius:var(--k-radius-xs)}.k-autonomy__knob{left:-3px;width:8px;height:33.3%;background:var(--k-color-accent);transition:transform var(--k-motion-slow) var(--k-motion-ease);transform:translateY(0)}.k-autonomy__options{display:flex;flex-direction:column;gap:var(--k-space-2)}.k-autonomy__option{position:relative}.k-autonomy__input{position:absolute;opacity:0;width:16px;height:16px;left:0;top:12px;margin:0;cursor:pointer}.k-autonomy__label{display:grid;grid-template-columns:16px 1fr;align-items:center;column-gap:var(--k-space-4);row-gap:2px;padding:var(--k-space-3) 0;cursor:pointer;color:var(--k-color-text-muted);transition:color var(--k-transition)}.k-autonomy__detent{grid-row:span 2;width:9px;height:9px;margin-left:3px;border-radius:50%;background:var(--k-color-surface);border:1px solid var(--k-color-border-strong);transition:border-color var(--k-transition),background var(--k-transition)}.k-autonomy__name{font-family:var(--k-font-display);font-weight:600;font-size:15px;letter-spacing:-.01em}.k-autonomy__gloss{grid-column:2;font-size:12px;color:var(--k-color-text-muted)}.k-autonomy__label:hover{color:var(--k-color-text-primary)}.k-autonomy__input:focus-visible+.k-autonomy__label{outline:2px solid var(--k-color-focus);outline-offset:4px;border-radius:var(--k-radius-xs)}.k-autonomy__input:checked+.k-autonomy__label{color:var(--k-color-text-primary)}.k-autonomy__input:checked+.k-autonomy__label .k-autonomy__detent{background:var(--k-color-accent);border-color:var(--k-color-accent)}.k-autonomy:has(.k-autonomy__option:nth-child(2) .k-autonomy__input:checked) .k-autonomy__knob{transform:translateY(100%)}.k-autonomy:has(.k-autonomy__option:nth-child(3) .k-autonomy__input:checked) .k-autonomy__knob{transform:translateY(200%)}.k-autonomy__panels{position:relative}.k-autonomy__panel{display:none}.k-autonomy:has(#autonomy-observing:checked) .k-autonomy__panel[data-mode=observing]{display:block}.k-autonomy:has(#autonomy-approve:checked) .k-autonomy__panel[data-mode=approve]{display:block}.k-autonomy:has(#autonomy-unattended:checked) .k-autonomy__panel[data-mode=unattended]{display:block}@supports not selector(:has(*)){.k-autonomy__panel{display:block;border-top:1px solid var(--k-color-border);padding-top:var(--k-space-8)}.k-autonomy__panel:first-child{border-top:0;padding-top:0}.k-autonomy__knob,.k-autonomy__track{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}