.workshop{--pad:12px;--row:32px;background:hsl(var(--bg));color:hsl(var(--ink));font-feature-settings:"cv11", "ss01";font-size:var(--fs-body);line-height:1.5}.workshop .ws-ghost-btn{align-items:center;gap:var(--space-2);padding:var(--space-1-5) 11px;border-radius:var(--radius-sm);border:1px solid hsl(var(--border));color:hsl(var(--ink-2));font-size:var(--fs-sm);cursor:pointer;background:0 0;font-weight:500;transition:background .12s,color .12s;display:inline-flex}.workshop .ws-ghost-btn:hover:not(:disabled){background:hsl(var(--panel-2));color:hsl(var(--ink))}.workshop .ws-ghost-btn:disabled{opacity:.55;cursor:default}.workshop .ws-edit-text{font:inherit;color:hsl(var(--ink-2));border-radius:var(--radius-xs);padding:1px var(--space-1);background:0 0;border:1px solid #0000;outline:none;margin:-1px -4px}.workshop .ws-edit-text:hover:not(:disabled){border-color:hsl(var(--border-2));background:hsl(var(--panel-2))}.workshop .ws-edit-text:focus{border-color:hsl(var(--accent));background:hsl(var(--panel));box-shadow:0 0 0 2px hsl(var(--accent-bg))}.workshop .ws-edit-text:disabled{cursor:default}.workshop .ws-brewer{field-sizing:content;min-width:4ch;max-width:24ch}.workshop .ws-dd{position:relative}.workshop .ws-dd-trigger{margin-top:var(--space-2);align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-2-5) var(--space-2) 11px;background:hsl(var(--panel));border:1px solid hsl(var(--border));border-radius:var(--radius-sm);min-height:34px;font:400 var(--fs-body) / 1 var(--sans);color:hsl(var(--ink));cursor:pointer;text-align:left;transition:border-color .12s,box-shadow .12s,background .12s;display:flex}.workshop .ws-dd-trigger:hover{border-color:hsl(var(--border-2))}.workshop .ws-dd-trigger:focus-visible{border-color:hsl(var(--accent));box-shadow:0 0 0 2px hsl(var(--accent-bg));outline:none}.workshop .ws-dd-trigger.open{border-color:hsl(var(--accent));box-shadow:0 0 0 2px hsl(var(--accent-bg))}.workshop .ws-dd-trigger .dd-val{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.workshop .ws-dd-trigger .chev{width:13px;height:13px;color:hsl(var(--ink-3));flex-shrink:0;transition:transform .14s}.workshop .ws-dd-trigger.open .chev{transform:rotate(180deg)}.workshop .ws-field-pop{z-index:100;background:hsl(var(--panel));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-menu);padding:var(--space-1);flex-direction:column;gap:1px;max-height:260px;animation:.12s ease-out both ws-field-pop-in;display:flex;position:fixed;overflow:hidden auto}@keyframes ws-field-pop-in{0%{transform:translateY(-4px)}to{transform:translateY(0)}}.workshop .ws-field-pop-opt{align-items:center;gap:var(--space-2);text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);min-height:34px;font:400 var(--fs-body) / 1 var(--sans);color:hsl(var(--ink-2));cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.workshop .ws-field-pop-opt.hl,.workshop .ws-field-pop-opt:hover{background:hsl(var(--panel-2))}.workshop .ws-field-pop-opt .dd-label{white-space:nowrap;flex:1}.workshop .ws-field-pop-opt .check{width:14px;height:14px;color:hsl(var(--accent));opacity:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.workshop .ws-field-pop-opt.sel{color:hsl(var(--accent));font-weight:500}.workshop .ws-field-pop-opt.sel .check{opacity:1}.workshop .ws-save-pill{padding:var(--space-1) 11px var(--space-1) var(--space-2-5);border-radius:var(--radius-pill);font:500 var(--fs-sm)/1 var(--sans);cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap;appearance:none;background:0 0;border:1px solid #0000;align-items:center;gap:7px;display:inline-flex}.workshop button.ws-save-pill{cursor:pointer}.workshop .ws-save-pill:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:2px}.workshop .ws-save-pill--compact{justify-content:center;gap:0;width:28px;height:28px;padding:0;background:0 0!important;border-color:#0000!important}.workshop .ws-save-pill.saved{color:hsl(var(--positive));background:hsl(var(--positive-bg));border-color:color-mix(in srgb, hsl(var(--positive)) 22%, transparent)}.workshop .ws-save-pill.unsaved{color:hsl(var(--accent));background:hsl(var(--accent-bg));border-color:color-mix(in srgb, hsl(var(--accent)) 28%, transparent)}.workshop .ws-save-pill.saving{color:hsl(var(--ink-2));background:hsl(var(--panel-2));border-color:hsl(var(--border))}.workshop .ws-save-pill.failed{color:hsl(var(--danger));background:hsl(var(--danger-bg));border-color:color-mix(in srgb, hsl(var(--danger)) 30%, transparent)}.workshop .ws-save-pill .sp-sep{opacity:.55}.workshop .ws-save-pill .sp-meta{opacity:.85;font-variant-numeric:tabular-nums;font-weight:400}.workshop .ws-save-pill .sp-ind{flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;display:inline-flex}.workshop .ws-save-pill .sp-ind .check,.workshop .ws-save-pill .sp-ind .bang{color:currentColor;width:12px;height:12px}.workshop .ws-save-pill .sp-ind .beaker{width:15px;height:15px;overflow:visible}.workshop .ws-save-pill .sp-ind .beaker .bub{fill:currentColor;stroke:none}.workshop .ws-save-pill.saving .sp-ind .beaker{transform-origin:50% 95%;animation:1.4s ease-in-out infinite ws-bk-rock}.workshop .ws-save-pill.saving .sp-ind .beaker .bub{transform-box:fill-box;transform-origin:50%;animation:1.3s ease-in infinite ws-bub-rise}.workshop .ws-save-pill.saving .sp-ind .beaker .bub.b1{animation-delay:0s}.workshop .ws-save-pill.saving .sp-ind .beaker .bub.b2{animation-delay:.43s}.workshop .ws-save-pill.saving .sp-ind .beaker .bub.b3{animation-delay:.86s}@keyframes ws-bk-rock{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}@keyframes ws-bub-rise{0%{opacity:0;transform:translateY(2px)scale(.3)}18%{opacity:1;transform:translateY(1px)scale(1)}82%{opacity:1;transform:translateY(-5px)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.3)}}@media (prefers-reduced-motion:reduce){.workshop .ws-save-pill.saving .sp-ind .beaker,.workshop .ws-save-pill.saving .sp-ind .beaker .bub{opacity:.85;animation:none}}
