@layer components{.doF-kG_bar{z-index:5;align-items:center;gap:var(--space-2) var(--space-3);padding-block:var(--space-2);border-block-end:1px solid var(--color-border);background:var(--color-bg);flex-wrap:wrap;display:flex;position:sticky;inset-block-start:var(--header-height)}.doF-kG_back{color:var(--color-text-muted);font-size:var(--text-sm);flex:none;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.doF-kG_back:hover{color:var(--color-text)}.doF-kG_state,.doF-kG_saved{border-radius:var(--radius-full);height:1.5rem;font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;align-items:center;gap:4px;padding:0 10px;line-height:1;display:inline-flex}.doF-kG_state{background:var(--color-surface-muted);color:var(--color-text-muted);flex:none}.doF-kG_state[data-published]{background:var(--color-action);color:var(--color-action-text)}.doF-kG_note{flex:1 1 0;min-width:0;display:flex;overflow:hidden}.doF-kG_saved,.doF-kG_unsaved{text-overflow:ellipsis;min-width:0;overflow:hidden}.doF-kG_unsaved{color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.doF-kG_saved{background:color-mix(in srgb, var(--color-success) 14%, transparent);color:var(--color-success);animation:doF-kG_saved 4s var(--ease-standard) forwards}.doF-kG_unsaved:before{content:"";border-radius:var(--radius-full);background:var(--color-warning);flex:none;width:6px;height:6px}@keyframes doF-kG_saved{0%{opacity:0;transform:scale(.9)}6%,80%{opacity:1;transform:none}to{opacity:0}}@media (prefers-reduced-motion:reduce){.doF-kG_saved{animation:none}}.doF-kG_actions{gap:var(--space-2);flex:none;margin-inline-start:auto;display:flex}.doF-kG_error{color:var(--color-danger);font-size:var(--text-sm);flex-basis:100%;order:1;margin:0}.doF-kG_button{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;line-height:1.5;text-decoration:none;display:inline-flex;position:relative}.doF-kG_button:hover{border-color:var(--color-border-strong);color:var(--color-text)}.doF-kG_button[data-variant=primary]{background:var(--color-action);color:var(--color-action-text);border-color:#0000}.doF-kG_button[data-variant=primary]:hover{background:var(--color-action-hover)}.doF-kG_button:disabled{cursor:progress}.doF-kG_button:disabled:not([aria-busy=true]){opacity:.6}.doF-kG_label{align-items:center;gap:var(--space-2);display:inline-flex}.doF-kG_button[aria-busy=true] .doF-kG_label{opacity:0}.doF-kG_spinner{border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;width:1em;height:1em;margin:auto;animation:.8s linear infinite doF-kG_spin;position:absolute;inset:0}@keyframes doF-kG_spin{to{transform:rotate(360deg)}}@media not (min-width:640px){.doF-kG_actions{flex-basis:100%;justify-content:flex-end}.doF-kG_wideOnly{display:none}}}