.workspaces{height:100%;min-width:0;padding:12px 14px;overflow-y:auto}.workspaces-header{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 2px 20px}.workspaces-title{margin:0;color:var(--global-ink);font-family:var(--global-font-mono);font-size:1.2rem;font-weight:600;line-height:1.5}.workspaces-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--global-green);font-family:var(--global-font-mono);font-size:.8rem}.workspaces-back::before{content:"";width:7px;height:7px;border-bottom:1.5px solid currentColor;border-left:1.5px solid currentColor;transform:rotate(45deg)}.workspaces-error{margin:0;color:var(--global-coral);font-size:.8rem;line-height:1.6;overflow-wrap:anywhere}.workspaces-list{display:grid;gap:12px;margin:16px 0 0;padding:0 0 16px;list-style:none}.workspaces-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;padding:16px;border:1px solid var(--global-line);border-radius:var(--global-control-radius);background:var(--global-surface)}.workspaces-summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}.workspaces-name{min-width:0;color:var(--global-ink);font-family:var(--global-font-mono);overflow-wrap:anywhere}.workspaces-swatch{flex-shrink:0;width:22px;height:22px;stroke:var(--global-ink-muted);stroke-width:.5}.workspaces-default{padding:4px 8px;border-radius:var(--global-control-radius);background:var(--global-green-dim);color:var(--global-green);font-size:.75rem}.workspaces-color-value,.workspaces-selected-color{color:var(--global-ink-soft);font-family:var(--global-font-mono);font-size:.8rem}.workspaces-status{margin:0 0 12px;color:var(--global-ink-soft);line-height:1.6}.workspaces-editor-error,.workspaces-status[role=alert]{color:var(--global-coral)}.workspaces-cancel,.workspaces-edit,.workspaces-retry,.workspaces-save{min-height:44px;padding:8px 14px;border:1px solid var(--global-line);border-radius:var(--global-control-radius);background:var(--global-green-dim);color:var(--global-green);font-family:var(--global-font-mono);font-size:.8rem}.workspaces-cancel{background:0 0;color:var(--global-ink-soft)}.workspaces-editor{display:grid;grid-column:1/-1;gap:12px;min-width:0;padding-top:16px;border-top:1px solid var(--global-line-subtle)}.workspaces-label{color:var(--global-ink-soft);font-size:.85rem}.workspaces-name-input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--global-line);border-radius:var(--global-control-radius);background:var(--global-background);color:var(--global-ink)}.workspaces-colors{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-width:0;margin:0;padding:12px;border:1px solid var(--global-line);border-radius:var(--global-control-radius)}.workspaces-palette{display:flex;flex-wrap:wrap;gap:8px;width:100%}.workspaces-preset{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:4px 8px;border:1px solid var(--global-line-subtle);border-radius:var(--global-control-radius);color:var(--global-ink-soft);cursor:pointer;font-size:.8rem}.workspaces-preset:has(:checked){border-color:var(--global-green);color:var(--global-ink)}.workspaces-preset-input{margin:0;accent-color:var(--global-green)}.workspaces-color-input{width:52px;height:44px;padding:3px;border:1px solid var(--global-line);border-radius:var(--global-control-radius);background:var(--global-background);cursor:pointer}.workspaces-selected-color{width:100%;margin:0;overflow-wrap:anywhere}.workspaces-actions{display:flex;flex-wrap:wrap;gap:10px}.workspaces-editor-error{margin:0;font-size:.85rem;line-height:1.6}@media (min-width:761px){.workspaces{padding:12px 20px}}