@layer properties,theme,base,components,utilities;@layer components.wd{:where(.wd-save-bar,.wd-save-bar *){box-sizing:border-box}.wd-save-bar{z-index:65;left:calc(var(--wd-sidebar-w,0px) + var(--wd-pad-x,16px));right:var(--wd-pad-x,16px);border:1px solid var(--border-strong);border-radius:var(--r-card,10px);background:var(--popover);color:var(--foreground);box-shadow:var(--shadow-pop);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px 10px 16px;display:flex;position:fixed;bottom:16px}.wd-save-bar__status{min-width:180px;color:var(--muted-foreground);flex:220px;align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:flex}.wd-save-bar__status--dirty{color:var(--warning-text)}.wd-save-bar__status--failed{color:var(--danger)}.wd-save-bar__keys{color:var(--muted-foreground);font-family:var(--font-mono,ui-monospace, monospace);font-size:11.5px;font-weight:500}.wd-save-bar__actions{gap:8px;display:flex}.wd-save-bar--inline{z-index:2;padding:12px var(--card-pad,20px);border:0;border-top:1px solid var(--border);border-radius:0 0 var(--r-card,10px) var(--r-card,10px);background:var(--card);box-shadow:none;position:sticky;inset:auto auto 0}@media (width<=559.98px){.wd-save-bar{flex-wrap:nowrap;gap:8px;padding:6px 6px 6px 12px;bottom:8px}.wd-save-bar:not(.wd-save-bar--inline){left:calc(var(--wd-sidebar-w,0px) + 8px);right:8px}.wd-save-bar__status{flex:auto;min-width:0;font-size:12.5px;line-height:1.25}.wd-save-bar__keys{display:none}.wd-save-bar__actions{flex:none;gap:6px}.wd-save-bar__actions .wd-btn>svg{display:none}}@media (width>=768px){.wd-shell[data-shell=inset] .wd-save-bar{bottom:calc(var(--shell-gap,8px) + 16px);right:calc(var(--shell-gap,8px) + var(--wd-pad-x,16px))}.wd-shell[data-shell=inset][data-sidebar-state=collapsed] .wd-save-bar{left:calc(var(--wd-sidebar-w,0px) + var(--shell-gap,8px) + var(--wd-pad-x,16px))}}@media (width>=768px) and (width<=1023.98px){.wd-shell[data-shell=inset] .wd-save-bar{left:calc(var(--shell-gap,8px) + var(--wd-pad-x,16px))}}}
