/* Compact chrome only: project data, palette identities and generation stay intact. */
body.phase2-workspace .ws-topbar .ws-compact-project-identity {
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  align-items:center;gap:8px;flex:0 1 340px;min-width:130px;width:auto;overflow:hidden;
}
body.phase2-workspace .ws-topbar .ws-compact-project-identity :is(#ws-project-name,#ws-project-creator) {
  display:block!important;flex:1 1 130px;width:130px;min-width:55px;max-width:190px;
  height:26px;min-height:26px;margin:0;padding:2px 6px;
  border:1px solid transparent;border-radius:4px;background:transparent;color:var(--ws-text);
  font:400 12px/20px var(--ws-font,system-ui);text-overflow:ellipsis;
}
body.phase2-workspace .ws-topbar .ws-compact-project-identity input:focus {
  border-color:var(--ws-accent);outline:none;background:var(--ws-surface);
}
body.phase2-workspace .ws-retired-project-info[hidden],
body.phase2-workspace #ws-palette-summary :is(#ws-available-open,#ws-available-count,#ws-color-search,#ws-picker-count) {
  display:none!important;
}
body.phase2-workspace #ws-palette-summary .ws-inline-palette-selector { display:block!important;margin:0 0 8px;min-width:0; }
body.phase2-workspace #ws-palette-summary .ws-inline-palette-selector>.ws-section-title { display:none!important; }
body.phase2-workspace #ws-palette-summary>h2:empty { display:none!important; }
/* Canvas expansion is not artwork resolution; keep its implementation out of this submenu. */
body.phase2-workspace .ws-inline-size .ws-inline-expand { display:none!important; }
body.phase2-workspace #ws-brand-cards .ws-current-brand-card { margin:0;padding:7px;border-radius:6px; }
body.phase2-workspace #ws-brand-cards .ws-palette-chooser>summary {
  cursor:pointer;padding:5px 7px;border:1px solid var(--ws-border);border-radius:4px;
  font-size:11px;font-weight:400;color:var(--ws-text);background:var(--ws-surface);
}
body.phase2-workspace #ws-brand-cards .ws-palette-chooser>summary .ws-brand-spectrum { margin-top:5px; }
body.phase2-workspace #ws-brand-cards .ws-palette-chooser:not([open])>.ws-brand-card-list { display:none!important; }
body.phase2-workspace #ws-brand-cards .ws-palette-chooser>summary:focus-visible { outline:1px solid var(--ws-accent);outline-offset:2px; }
@media(max-width:768px){
  body.phase2-workspace .ws-topbar .ws-compact-project-identity { flex:1 1 150px;min-width:120px;gap:3px; }
  body.phase2-workspace .ws-topbar .ws-compact-project-identity :is(#ws-project-name,#ws-project-creator) { font-size:11px;padding:2px 3px; }
}

/* Fine square selection chrome; do not change cell data or structural panel borders. */
body.phase2-workspace #ws-palette-summary .ws-summary-picker #ws-palette-current {
  min-height:24px!important;margin:0 0 4px!important;padding:0!important;
  gap:5px;font-size:11px!important;font-weight:400;
}
body.phase2-workspace #ws-palette-current .ws-code-swatch {
  width:24px!important;height:24px!important;min-height:24px!important;
  border:1px dashed var(--ws-text-secondary)!important;border-radius:0!important;
  font-size:10px!important;font-weight:400!important;
}
body.phase2-workspace #ws-palette-summary #ws-color-neighbors {
  gap:2px;margin:2px 0 6px;width:max-content;max-width:100%;
}
body.phase2-workspace #ws-palette-summary #ws-color-neighbors :is(button,.ws-neighbor-empty) {
  flex:0 0 24px!important;width:24px;height:24px;min-width:0;
}
body.phase2-workspace #ws-palette-summary #ws-color-neighbors button .ws-code-swatch {
  width:24px!important;height:24px!important;min-height:24px!important;
  border-width:1px!important;border-style:dashed!important;border-radius:0!important;
  font-size:10px!important;font-weight:400!important;transform:none!important;
}
body.phase2-workspace #ws-brand-cards .ws-current-brand-card {
  margin:0;padding:4px;border-radius:0;border:1px dashed var(--ws-border);
}
body.phase2-workspace #ws-brand-cards .ws-brand-card header {
  gap:5px;margin:0 0 4px;font-size:11px;line-height:20px;
}
body.phase2-workspace #ws-brand-cards .ws-brand-card header strong {font-weight:400;}
body.phase2-workspace #ws-brand-cards .ws-brand-official-logo {width:44px;height:20px;}
body.phase2-workspace #ws-brand-cards :is(.ws-palette-chooser>summary,.ws-brand-series button) {
  min-height:24px;padding:3px 5px;border:1px dashed var(--ws-border);
  border-radius:0;font-size:11px;font-weight:400;box-shadow:none;
}
body.phase2-workspace #ws-brand-cards .ws-palette-chooser>summary .ws-brand-spectrum {
  height:12px;margin-top:3px;border-radius:0;
}
body.phase2-workspace #ws-brand-cards .ws-palette-chooser>summary {font-size:10px;}
body.phase2-workspace .ws-inline-size #ws-live-size-range {width:90px!important;min-width:70px!important;max-width:90px!important;flex:0 1 90px!important;}
body.phase2-workspace .ws-live-size-stepper {display:inline-flex;align-items:center;gap:4px;border:0!important;padding:0;background:transparent;}
body.phase2-workspace #ws-live-size-number {display:block;min-width:28px;font-size:12px;line-height:24px;border:0!important;padding:0;background:transparent;}
body.phase2-workspace .ws-live-size-arrows {display:flex;flex-direction:column;gap:0;}
body.phase2-workspace .ws-inline-size .ws-live-size-arrows button {width:16px;min-width:16px;height:12px;min-height:12px;padding:0!important;border:0!important;background:transparent;box-shadow:none!important;font-size:10px;line-height:10px;}
body.phase2-workspace #ws-brand-cards .ws-brand-series button[aria-pressed="true"] {
  border:1px dashed var(--ws-accent);box-shadow:none;
}
body.phase2-workspace .workspace-wrap .ws-summary-picker #ws-palette-categories button {
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;
  width:20px;min-width:20px;height:20px;min-height:20px;padding:0;
  border:1px dashed var(--ws-border);border-radius:0;font-size:10px;font-weight:400;
}
body.phase2-workspace .workspace-wrap .ws-summary-picker #ws-palette-categories button.active {
  border:1px dashed var(--ws-text-secondary);box-shadow:none;
}
body.phase2-workspace .ws-usage-sort {gap:3px;}
body.phase2-workspace .ws-usage-sort button {
  min-height:22px;height:22px;padding:1px 5px;border:1px dashed var(--ws-border);
  border-radius:0;font-size:10px;font-weight:400;line-height:18px;box-shadow:none;
}
body.phase2-workspace .ws-usage-sort button.active {border:1px dashed var(--ws-text-secondary);}
body.phase2-workspace :is(#gridEditorToolbar,#ws-tool-options,.ws-inline-size) button {
  border-radius:0!important;
}
body.phase2-workspace :is(#gridEditorToolbar,#ws-tool-options,.ws-inline-size) button:is(.is-active,.active,[aria-pressed="true"]) {
  border:1px dashed var(--ws-text-secondary)!important;box-shadow:none!important;
}
body.phase2-workspace .ws-summary-picker :is(#ws-bead-picker,#ws-recent-colors) button:is(.is-active,.active,[aria-pressed="true"]) .ws-code-swatch {
  border-width:1px!important;border-style:dashed!important;border-radius:0!important;
  transform:none!important;
}
body.phase2-workspace :is(#ws-color-neighbors,#ws-palette-categories,#ws-brand-cards,.ws-usage-sort) :is(button,summary):focus-visible {
  outline:1px dashed var(--ws-accent);outline-offset:1px;
}
body.phase2-workspace .sl-zoom-compact {gap:4px;}
body.phase2-workspace .sl-zoom-compact button {
  min-width:34px;width:auto;height:24px;min-height:24px;padding:1px 5px;
  border:1px dashed var(--ws-border);border-radius:0;
  font-size:11px;font-weight:400;line-height:20px;
}
body.phase2-workspace #ws-top-ref-opacity #ws-ref-opacity-value {display:none!important;}
body.phase2-workspace input.ws-slider-number[type="number"],
body.phase2-workspace .workspace-wrap select {border-radius:0!important;border-style:dashed!important;}
/* Category overflow uses another row, never a horizontal scrolling strip. */
body.phase2-workspace .workspace-wrap .ws-summary-picker #ws-palette-categories {
  display:flex;flex-wrap:wrap!important;gap:3px;min-width:0;max-width:100%;
  overflow:visible!important;white-space:normal;
}