/* Desktop Collections and Settings. Touch layouts retain their own presentation. */
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel {
  --desktop-workspace-radius: 12px;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-header {
  min-height: 62px;
  padding: 9px 12px;
  gap: 10px;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-header-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-icon-navigation { gap: 5px; }
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel :is(.ws-icon-tab,.ws-close) {
  width: 38px;
  height: 38px;
  min-height: 38px;
  flex: 0 0 38px;
  border-radius: 10px;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-icon-tab svg { width: 21px; height: 21px; }
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-explorer {
  border-radius: var(--desktop-workspace-radius);
  box-shadow: none;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-explorer-top {
  padding: 12px;
  gap: 10px;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-explorer-row {
  min-height: 44px;
  font-size: 13px;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-explorer-columns {
  text-transform: none;
  letter-spacing: normal;
  font-size: 11px;
  font-weight: 600;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-settings-tabs {
  padding: 10px 16px;
  gap: 6px;
  background: var(--ui-surface);
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-settings-tab {
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 9px;
  font-weight: 600;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-settings-tab[aria-selected="true"] {
  background: var(--ui-selected);
  border-color: var(--ui-border);
  color: var(--ui-link);
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-settings-pane {
  padding: 16px 20px 20px;
  scrollbar-gutter: stable;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-settings-list {
  border-radius: var(--desktop-workspace-radius);
  overflow: hidden;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-settings-group-title {
  padding: 12px 14px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: none;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-setting-row {
  min-height: 52px;
  padding: 8px 14px;
  gap: 16px;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-setting-label {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-setting-choices {
  padding: 3px;
  border-radius: 9px;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-setting-choice {
  min-height: 34px;
  border-radius: 6px;
  font-weight: 500;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-appearance-tabs {
  gap: 4px;
  padding: 4px;
  margin-bottom: 14px;
  border-radius: 10px;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-appearance-tab {
  min-height: 36px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 600;
  white-space: normal;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-settings-membership {
  padding: 12px 14px;
  margin-bottom: 14px;
  border-radius: 10px;
  gap: 6px 12px;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-settings-membership strong { font-size: 14px; }
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-settings-membership span { font-size: 12px; line-height: 1.5; }
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-storage-usage.is-inline { margin-bottom: 14px; }
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-storage-usage.is-inline .ws-usage-meter {
  padding: 10px 12px;
  border-radius: 9px;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-settings-footer {
  min-height: 64px;
  padding: 10px 20px;
  gap: 16px;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-settings-footer .ws-primary {
  min-width: 110px;
  min-height: 38px;
  border-radius: 9px;
}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel :is(.ws-icon-tab,.ws-close,.ws-settings-tab,.ws-appearance-tab,.ws-setting-choice,.ws-setting-action,.ws-profile):focus-visible {
  outline: 2px solid var(--ui-link);
  outline-offset: 2px;
}

/* The same concise usage card used by touch settings, with honest capacity bars. */
#workspacePanel .ws-storage-usage.is-inline {padding:10px 14px;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-raised);color:var(--ui-text);}
#workspacePanel .ws-storage-usage.is-inline>header {display:flex;align-items:center;justify-content:space-between;min-height:36px;margin:0 0 8px;}
#workspacePanel .ws-storage-usage.is-inline h3 {margin:0;font-size:14px;font-weight:600;color:var(--ui-text);}
#workspacePanel .ws-storage-usage.is-inline .ws-text-button {display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:6px;border:0;border-radius:50%;color:var(--ui-muted);background:transparent;}
#workspacePanel .ws-storage-usage.is-inline .ws-text-button svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
html #workspacePanel .ws-storage-usage.is-inline .ws-usage-meter {padding:0;margin:0;border:0;border-radius:0;background:transparent;}
#workspacePanel .ws-storage-usage.is-inline .ws-usage-meter+.ws-usage-meter {margin-top:12px;padding-top:12px;border-top:1px solid var(--ui-border);}
#workspacePanel .ws-storage-usage.is-inline .ws-usage-meter-heading {display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 7px;}
#workspacePanel .ws-storage-usage.is-inline .ws-usage-meter-heading h4 {margin:0;font-size:13px;font-weight:500;}
#workspacePanel .ws-storage-usage.is-inline .ws-usage-meter-heading span {font-size:12px;color:var(--ui-muted);}
#workspacePanel .ws-storage-capacity {display:flex;height:8px;border-radius:5px;overflow:hidden;background:var(--ui-selected);}
#workspacePanel .ws-storage-capacity>span {flex:none;height:100%;}
#workspacePanel .ws-storage-layers {background:#397fcc;}
#workspacePanel .ws-storage-media {background:#e7b44a;}
#workspacePanel .ws-storage-shares {background:#709788;}
#workspacePanel .ws-storage-other {background:#a581c6;}
#workspacePanel .ws-storage-legend {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;margin:9px 0 0;}
#workspacePanel .ws-storage-legend dt {display:flex;align-items:center;gap:6px;font-size:12px;font-weight:400;color:var(--ui-text);}
#workspacePanel .ws-storage-legend i {width:7px;height:7px;flex:none;border-radius:50%;}
#workspacePanel .ws-storage-legend dd {margin:3px 0 0 13px;font-size:12px;color:var(--ui-muted);}
#workspacePanel .ws-storage-usage.is-inline :is(.ws-usage-available,.ws-usage-reset) {margin:5px 0 0;font-size:11px;color:var(--ui-muted);}
#workspacePanel .ws-storage-usage.is-inline progress {display:block;width:100%;height:8px;border:0;border-radius:5px;overflow:hidden;accent-color:var(--ui-accent);}
#workspacePanel .ws-storage-usage.is-inline>p:empty {display:none;}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-setting-row {min-height:44px;padding:5px 12px;}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-settings-group-title {padding:8px 12px;font-size:12px;}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-settings-tabs {display:flex;gap:4px;padding:4px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-selected);}
html:not([data-app-layout="phone"]):not([data-app-layout="tablet"]) #workspacePanel .ws-settings-tab {flex:1;min-width:0;min-height:36px;border:0;border-radius:8px;font-size:13px;}


/* Account includes the two website preferences, with compact usage and profile
   controls so the normal desktop page fits without a nested scrollbar. */
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account {padding:6px 16px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account :is(.ws-settings-membership,.ws-storage-usage.is-inline) {margin-bottom:6px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .ws-storage-usage.is-inline {padding:6px 10px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .ws-storage-usage.is-inline>header {margin-bottom:2px;min-height:30px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .ws-usage-meter {padding:6px 8px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .ws-storage-legend {gap:4px 12px;margin:6px 0;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .ws-usage-reset {margin:4px 0 0;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .ws-account-appearance {margin-top:8px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .ws-account-appearance .ws-settings-group-title {display:none;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .ws-setting-row {gap:8px;min-height:40px;padding:3px 8px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .ws-setting-choice {min-height:30px;padding:4px 10px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .ws-settings-account-links {margin-top:6px;padding-top:6px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .ws-settings-membership {padding:6px 10px;gap:2px 8px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .ws-storage-legend>div {display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 6px;align-items:baseline;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .ws-storage-legend dd {margin:0;font-size:11px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .account-embedded .account-email {margin:0 0 6px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .account-embedded form {margin:0;gap:3px 8px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .account-embedded input {height:34px;min-height:34px;padding:5px 8px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .account-embedded .account-links {margin-top:6px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .account-embedded .account-link {min-height:26px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .ws-setting-choices {padding:1px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .ws-setting-choice {min-height:28px;padding:3px 8px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .ws-setting-row {padding:2px 8px;min-height:36px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .ws-storage-legend>div {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .ws-storage-legend :is(dt,dd) {font-size:11px;line-height:1.35;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #workspacePanel #ws-settings-pane-account .ws-storage-usage.is-inline>header .ws-text-button {width:30px;height:30px;min-height:30px;}

/* Desktop appearance editor: full-width cards, responsive controls, native selectors. */
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page {
  container-type:inline-size;
  padding:16px;
  background:var(--ui-recess,#f4f7fa);
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page :is(.ws-style-layout,.ws-style-settings) {
  display:grid; grid-template-columns:minmax(0,1fr); gap:14px; min-width:0;
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-tool-section {
  min-width:0; margin:0 0 14px; padding:16px; border:1px solid var(--ui-border,#d7e0e8); border-radius:12px; box-shadow:none;
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-tool-section > h4 {
  margin:0 0 16px!important; font-size:14px; letter-spacing:0; color:var(--ui-text,#202b36);
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page :is(.ws-symbol-controls,.ws-symbol-colors,.ws-scene-symbol-controls) {
  display:grid; grid-template-columns:minmax(0,1fr); gap:16px 20px; min-width:0;
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page :is(.ws-symbol-controls,.ws-symbol-colors,.ws-scene-symbol-controls) > * {
  min-width:0; grid-row:auto; grid-column:auto;
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page :is(.ws-current-symbol,.ws-symbol-colors,.ws-text-format,.ws-scene-object-gallery,.ws-scene-path-gallery,.ws-note) {
  grid-column:1/-1;
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-symbol-controls > .ws-current-symbol {
  grid-column:1/-1; grid-row:auto; min-height:56px; padding:10px 14px; border:1px solid var(--ui-border,#d7e0e8); border-radius:9px; gap:14px; color:var(--ui-text,#202b36); background:var(--ui-raised,#f5f8fb);
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-current-symbol > .ws-line-sample {
  width:120px; flex:0 0 120px; height:24px;
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-symbol-choice {
  display:grid; grid-template-columns:minmax(0,1fr); gap:6px;
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-symbol-choice > :is(svg,.ws-fill-sample) {
  width:100%; max-width:180px; height:22px; margin:0;
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-symbol-measure {
  grid-template-columns:minmax(0,1fr) 82px; gap:6px 12px;
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-symbol-paint {
  align-items:end; gap:8px;
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-symbol-paint .ws-paint-swatch {
  flex:0 0 24px; width:24px; height:32px; border-radius:5px;
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-tool-input {
  display:flex; flex-direction:column; gap:7px; margin:0;
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page :is(select,input:not([type=range]):not([type=checkbox]):not([type=color])) {
  min-width:0; min-height:40px; width:100%; border-radius:8px; font:inherit;
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page > .ws-style-types {
  padding:14px 16px; margin:0 0 14px;
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page > .ws-scene-settings {
  display:grid; grid-template-columns:minmax(0,1fr); gap:14px;
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page > .ws-scene-settings > :is(h4,.ws-note) {
  position:static; width:auto; height:auto; clip-path:none; overflow:visible; margin:0!important;
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page > .ws-scene-settings > :is(.ws-scene-modes,.ws-tool-section) {
  grid-column:1/-1; grid-row:auto; margin:0; padding:0; border:0; border-radius:0;
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-scene-settings .ws-tool-section {
  display:grid; grid-template-columns:minmax(0,1fr); gap:12px 20px;
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-scene-settings .ws-tool-section > :is(h4,.ws-note) {
  grid-column:1/-1;
}
@container (min-width:420px) {
  html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page :is(.ws-symbol-controls,.ws-symbol-colors,.ws-scene-symbol-controls,.ws-scene-settings .ws-tool-section) {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
/* Single-page desktop style editor. Extra elevation options use a top-layer popover. */
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel:has(.ws-style-page) {
  width:var(--workspace-width);
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:10px; padding:12px; overflow:visible; font-size:13px;
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page > * {grid-column:1/-1;min-width:0;margin:0;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-tool-section {padding:12px;margin:0;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-tool-section > h4 {margin-bottom:10px!important;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page :is(.ws-style-layout,.ws-style-settings,.ws-symbol-controls,.ws-symbol-colors,.ws-scene-symbol-controls) {gap:10px 16px;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page :is(select,input:not([type=range]):not([type=checkbox]):not([type=color])) {min-height:34px;padding:5px 8px;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-tool-input {gap:4px;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-symbol-controls > .ws-current-symbol {min-height:44px;padding:6px 12px;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page > .ws-style-types {padding:10px 12px;margin:0;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page > .ws-scene-settings {grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page > .ws-scene-settings > :is(h4,.ws-note) {display:none;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page > .ws-scene-settings > :is(.ws-scene-modes,.ws-style-popover-control) {grid-column:auto;grid-row:auto;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page:has(>.ws-style-types) > .ws-scene-settings {grid-column:2;grid-row:2;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page:has(>.ws-scene-settings) > .ws-style-types {grid-column:1;grid-row:2;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-scene-symbol-controls {grid-template-columns:repeat(3,minmax(0,1fr));}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-symbol-unit > span {top:6px;}
.ws-style-popover:not(:popover-open) {display:none;}
.ws-style-popover:popover-open {
  position:fixed; inset:140px 24px auto auto; width:min(620px,calc(100vw - 48px)); box-sizing:border-box;
  margin:0; padding:16px; color:var(--ui-text,#202b36); background:var(--ui-surface,#fff);
  border:1px solid var(--ui-border,#ccd7e0); border-radius:12px; box-shadow:0 12px 48px #102b4640;
  font:13px/1.5 var(--font-body,system-ui,sans-serif);
}
.ws-style-popover > header {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.ws-style-popover > header h4 {margin:0;font-size:14px;}
.ws-style-popover > .ws-tool-section {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.ws-style-popover > .ws-tool-section > :is(h4,p) {grid-column:1/-1;}
.ws-style-popover > .ws-tool-section > h4 {display:none;}
.ws-style-popover .ws-tool-input {display:flex;flex-direction:column;gap:6px;min-width:0;}
.ws-style-popover :is(select,input) {width:100%;box-sizing:border-box;min-height:36px;border:1px solid var(--ui-border,#ccd7e0);border-radius:6px;padding:6px;color:inherit;background:var(--ui-surface,#fff);font:inherit;}
.ws-style-popover-control > button {min-height:34px;white-space:nowrap;}
@container (min-width:600px) {
  html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-style-layout :is(.ws-symbol-controls,.ws-symbol-colors,.ws-scene-symbol-controls) {grid-template-columns:repeat(3,minmax(0,1fr));}
}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-symbol-controls > p:first-child,
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-category-symbol > .ws-note {display:none;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-symbol-controls > .ws-scene-symbol-controls {grid-column:1/-1;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-category-symbol > .ws-tool-input {display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:10px;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page:has(>.ws-style-data) > .ws-style-types {grid-column:1;grid-row:2;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page > .ws-style-data {grid-column:2;grid-row:2;padding:10px 12px;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page > .ws-style-data > h4 {display:none;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-style-aggregation-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-style-aggregation-grid :is(.ws-note,.ws-aggregation-section > p) {display:none;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page {gap:8px;padding:10px;}
/* Numeric fields replace slider tracks throughout the desktop Style tab. */
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-symbol-measure {grid-template-columns:minmax(0,1fr);gap:4px;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-symbol-measure > .ws-symbol-unit {grid-column:1;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-range-control > div {grid-template-columns:minmax(0,1fr) auto;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-range-control {display:flex;flex-direction:column;gap:4px;min-width:0;}

/* Keep the desktop style editor at the regular workspace width. */
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page > :is(.ws-style-types,.ws-style-data,.ws-scene-settings) {grid-column:1/-1!important;grid-row:auto!important;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-style-layout :is(.ws-symbol-controls,.ws-symbol-colors,.ws-scene-symbol-controls,.ws-style-aggregation-grid) {grid-template-columns:repeat(2,minmax(0,1fr));}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-symbol-colors:empty {display:none;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page > .ws-style-popover-control > button {width:100%;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page > .ws-style-types .ws-tool-input,
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page > .ws-style-data .ws-tool-input {display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:10px;}
html:root #workspacePanel .ws-data-pending-filter {min-height:28px;padding:4px 9px;border:1px solid #e9b86e;border-radius:6px;background:#fff2d8;color:#805312;font-size:11px;font-weight:700;box-shadow:none;}
html:root #workspacePanel .ws-data-pending-filter[aria-pressed=true] {background:#ffe2ab;border-color:#be842f;color:#68410c;}
html:root[data-theme="dark"] #workspacePanel .ws-data-pending-filter {background:#364153;color:#ffe2ab;border-color:#806b4e;}
html:root[data-theme="dark"] #workspacePanel .ws-data-pending-filter[aria-pressed=true] {background:#51442e;border-color:#e9b86e;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page > .ws-scene-settings > .ws-scene-modes {display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:10px;}
html:not(:is([data-app-layout="phone"],[data-app-layout="tablet"])) #workspacePanel .ws-style-page .ws-symbol-choice:not(:has(select)) {display:none;}

.ws-desktop-folder-toggles{display:grid;gap:0;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-recess);padding:0 12px;}
.ws-desktop-folder-toggles>label{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:12px;}