pressship 0.1.13 → 0.1.15

package/assets/web/style.css

@@ -75,6 +75,16 @@
   vertical-align: middle;
 }
 
+.dashicons.ps-icon-rocket::before {
+  content: "";
+  display: block;
+  width: 18px;
+  height: 18px;
+  background: currentColor;
+  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1-.1-2.9-.8-.8-2.1-.8-2.9-.1Z'/%3E%3Cpath d='m12 15-3-3c.6-1.8 1.5-3.5 2.7-5 2.2-2.8 5.3-4.4 9.3-4-.4 4-2 7.1-4.8 9.3-1.5 1.2-3.2 2.1-5 2.7Z'/%3E%3Cpath d='M9 12H4l2.5-3.5c.8-1.1 2-1.7 3.4-1.7h1.8'/%3E%3Cpath d='M12 15v5l3.5-2.5c1.1-.8 1.7-2 1.7-3.4v-1.8'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1-.1-2.9-.8-.8-2.1-.8-2.9-.1Z'/%3E%3Cpath d='m12 15-3-3c.6-1.8 1.5-3.5 2.7-5 2.2-2.8 5.3-4.4 9.3-4-.4 4-2 7.1-4.8 9.3-1.5 1.2-3.2 2.1-5 2.7Z'/%3E%3Cpath d='M9 12H4l2.5-3.5c.8-1.1 2-1.7 3.4-1.7h1.8'/%3E%3Cpath d='M12 15v5l3.5-2.5c1.1-.8 1.7-2 1.7-3.4v-1.8'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
+}
+
 .ps-harness-icon {
   display: block;
   width: 18px;
@@ -109,6 +119,58 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
+body.is-initial-route-loading {
+  overflow: hidden;
+}
+
+.ps-initial-route-loader {
+  position: fixed;
+  inset: 0;
+  z-index: 100200;
+  display: grid;
+  place-items: center;
+  padding: 32px;
+  background: var(--wp-body-bg);
+  color: var(--wp-text);
+}
+
+.ps-initial-route-loader-card {
+  display: grid;
+  justify-items: center;
+  gap: 12px;
+  width: min(340px, calc(100vw - 48px));
+  padding: 28px;
+  border: 1px solid var(--wp-border);
+  border-radius: var(--wp-radius-l);
+  background: var(--wp-surface);
+  box-shadow: var(--wp-shadow-md);
+  text-align: center;
+}
+
+.ps-initial-route-loader-card img {
+  width: 36px;
+  height: 36px;
+  object-fit: contain;
+}
+
+.ps-initial-route-loader-card .dashicons {
+  width: 24px;
+  height: 24px;
+  color: var(--wp-admin-theme-color);
+  animation: ps-spin 1s linear infinite;
+}
+
+.ps-initial-route-loader-card strong {
+  color: var(--wp-heading);
+  font-size: 15px;
+  line-height: 1.25;
+}
+
+.ps-initial-route-loader-card p {
+  margin: -4px 0 0;
+  color: var(--wp-text-soft);
+}
+
 button,
 input,
 select,
@@ -562,7 +624,7 @@ kbd {
   align-items: center;
   flex-wrap: wrap;
   gap: 8px 12px;
-  padding: 0 0 4px;
+  padding: 8px 0 4px;
 }
 
 .wrap h1,
@@ -2668,12 +2730,21 @@ body[data-active-view="studio"] #notice-stack {
 .studio-root {
   position: relative;
   display: grid;
-  grid-template-rows: 35px minmax(0, 1fr);
+  grid-template-rows: 35px minmax(0, 1fr) 22px;
   background: #1e1e1e;
   color: #cccccc;
 }
 
+.studio-root[data-theme="dark"]:not(.studio-empty-root) {
+  color-scheme: dark;
+}
+
+.studio-root[data-theme="light"]:not(.studio-empty-root) {
+  color-scheme: light;
+}
+
 .studio-empty-root {
+  color-scheme: light;
   grid-template-rows: 1fr;
   overflow: auto;
   background: var(--wp-body-bg);
@@ -2912,6 +2983,7 @@ body[data-active-view="studio"] #notice-stack {
 .studio-title {
   align-items: baseline;
   display: flex;
+  flex: 1 1 auto;
   gap: 10px;
   min-width: 0;
 }
@@ -2937,8 +3009,36 @@ body[data-active-view="studio"] #notice-stack {
 .studio-title-actions {
   align-items: center;
   display: flex;
+  flex: 0 1 auto;
   gap: 6px;
   margin-left: auto;
+  min-width: 0;
+}
+
+.studio-toolbar-group {
+  align-items: center;
+  display: inline-flex;
+  gap: 1px;
+  min-width: 0;
+  height: 28px;
+  padding: 1px;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  background: transparent;
+}
+
+.studio-toolbar-layout,
+.studio-toolbar-actions {
+  border-color: #30343a;
+  background: #1f2023;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
+}
+
+.studio-toolbar-run {
+  gap: 4px;
+  padding: 0;
+  border-color: transparent;
+  background: transparent;
 }
 
 .studio-action-button,
@@ -2957,6 +3057,58 @@ body[data-active-view="studio"] #notice-stack {
   text-decoration: none;
 }
 
+.studio-title-actions .studio-action-button,
+.studio-title-actions .studio-icon-button {
+  width: 28px;
+  min-width: 28px;
+  height: 24px;
+  justify-content: center;
+  gap: 0;
+  border-color: transparent;
+  border-radius: 3px;
+  background: transparent;
+  padding: 0;
+}
+
+.studio-title-actions .studio-action-button span:not(.dashicons),
+.studio-title-actions .studio-icon-button span:not(.dashicons),
+.studio-title-actions .studio-theme-switch-label {
+  display: none;
+}
+
+.studio-title-actions .studio-package-size-button {
+  width: auto;
+  min-width: 56px;
+  gap: 5px;
+  padding: 0 8px;
+  color: #d7dce2;
+}
+
+.studio-title-actions .studio-package-size-button span:not(.dashicons) {
+  display: inline;
+}
+
+.studio-package-size-button {
+  font-variant-numeric: tabular-nums;
+}
+
+.studio-package-size-button.is-loading .dashicons {
+  animation: ps-spin 1s linear infinite;
+}
+
+.studio-package-size-button.is-over-limit {
+  background: rgba(241, 76, 76, 0.18);
+  color: #ff8a80;
+}
+
+.studio-package-size-button.is-stale:not(.is-over-limit) {
+  color: #f0b849;
+}
+
+.studio-package-size-button.has-error {
+  color: #ff8a80;
+}
+
 .studio-action-button:hover,
 .studio-icon-button:hover,
 .studio-icon-button[aria-pressed="true"] {
@@ -2964,6 +3116,18 @@ body[data-active-view="studio"] #notice-stack {
   color: #ffffff;
 }
 
+.studio-toolbar-actions .studio-action-button:hover,
+.studio-toolbar-actions .studio-action-button:focus-visible,
+.studio-toolbar-actions .studio-icon-button:hover,
+.studio-toolbar-actions .studio-icon-button:focus-visible,
+.studio-toolbar-layout .studio-layout-button:hover,
+.studio-toolbar-layout .studio-layout-button:focus-visible,
+.studio-toolbar-layout .studio-layout-button.is-active {
+  background: #2b3036;
+  color: #ffffff;
+  outline: none;
+}
+
 .studio-action-button.is-primary {
   border-color: #3858e9;
   background: #3858e9;
@@ -2976,13 +3140,66 @@ body[data-active-view="studio"] #notice-stack {
 
 .studio-action-button:disabled,
 .studio-action-button[aria-disabled="true"] {
-  border-color: #303030;
-  background: #222222;
-  color: #6f7378;
+  border-color: transparent;
+  background: transparent;
+  color: #777d86;
   cursor: default;
+  opacity: 0.62;
   pointer-events: none;
 }
 
+.studio-theme-switch {
+  align-items: center;
+  display: inline-flex;
+  gap: 5px;
+  height: 24px;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  background: transparent;
+  color: #cccccc;
+  cursor: pointer;
+  font-size: 12px;
+  padding: 0 5px;
+}
+
+.studio-theme-switch:hover,
+.studio-theme-switch:focus-visible {
+  background: #2d2d2d;
+  color: #ffffff;
+  outline: none;
+}
+
+.studio-theme-switch > .dashicons {
+  font-size: 13px;
+  width: 13px;
+  height: 13px;
+}
+
+.studio-theme-switch-track {
+  position: relative;
+  width: 25px;
+  height: 14px;
+  border: 1px solid #4b4b4b;
+  border-radius: 999px;
+  background: #181818;
+}
+
+.studio-theme-switch-track span {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 8px;
+  height: 8px;
+  border-radius: 999px;
+  background: #cccccc;
+  transition: transform 0.16s ease, background 0.16s ease;
+}
+
+.studio-theme-switch[aria-checked="true"] .studio-theme-switch-track span {
+  background: #ffffff;
+  transform: translateX(11px);
+}
+
 .studio-main {
   display: grid;
   grid-template-columns:
@@ -3280,7 +3497,7 @@ body.is-studio-resizing-v iframe {
 .studio-tree-row {
   align-items: center;
   display: grid;
-  grid-template-columns: 18px 20px minmax(0, 1fr) auto;
+  grid-template-columns: minmax(0, 1fr) auto auto;
   gap: 6px;
   width: 100%;
   min-height: 28px;
@@ -3293,7 +3510,25 @@ body.is-studio-resizing-v iframe {
 }
 
 .studio-tree-file-row {
-  grid-template-columns: 18px 20px minmax(0, 1fr) auto;
+  grid-template-columns: minmax(0, 1fr) auto auto;
+}
+
+.studio-tree-main {
+  align-items: center;
+  display: grid;
+  grid-template-columns: 18px 20px minmax(0, 1fr);
+  gap: 6px;
+  min-width: 0;
+  border: 0;
+  padding: 0;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  text-align: left;
+}
+
+.studio-tree-main:disabled {
+  cursor: default;
 }
 
 .studio-tree-arrow,
@@ -3318,7 +3553,8 @@ body.is-studio-resizing-v iframe {
 }
 
 .studio-tree-row:hover,
-.studio-tree-row:focus-visible {
+.studio-tree-row:focus-visible,
+.studio-tree-row:focus-within {
   background: #f0f6fc;
   color: #0a4b78;
 }
@@ -3342,6 +3578,24 @@ body.is-studio-resizing-v iframe {
   font-weight: 600;
 }
 
+.studio-tree-file-row.is-ignored .studio-tree-main,
+.studio-tree-folder-row.has-ignored .studio-tree-main {
+  opacity: 0.64;
+}
+
+.studio-tree-folder.is-ignored > .studio-tree-folder-row {
+  color: #646970;
+}
+
+.studio-tree-folder.is-ignored > .studio-tree-folder-row .studio-tree-arrow,
+.studio-tree-folder.is-ignored > .studio-tree-folder-row .studio-tree-icon {
+  color: #8c8f94;
+}
+
+.studio-tree-folder-row.is-loading .studio-tree-arrow {
+  animation: ps-spin 0.85s linear infinite;
+}
+
 .studio-tree-folder.has-ai-changes > .studio-tree-folder-row .studio-tree-label,
 .studio-tree-file-row.has-ai-changes .studio-tree-label {
   color: #0a4b78;
@@ -3354,6 +3608,47 @@ body.is-studio-resizing-v iframe {
   justify-self: end;
 }
 
+.studio-tree-action {
+  align-items: center;
+  display: inline-flex;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  border: 0;
+  border-radius: 3px;
+  background: transparent;
+  color: var(--wp-text-muted);
+  cursor: pointer;
+  opacity: 0;
+  padding: 0;
+}
+
+.studio-tree-row:hover .studio-tree-action,
+.studio-tree-row:focus-within .studio-tree-action,
+.studio-tree-action.is-busy {
+  opacity: 1;
+}
+
+.studio-tree-action:hover,
+.studio-tree-action:focus-visible {
+  background: rgba(var(--wp-admin-theme-color--rgb), 0.1);
+  color: var(--wp-admin-theme-color);
+  outline: none;
+}
+
+.studio-tree-action.is-busy .dashicons {
+  animation: ps-spin 0.85s linear infinite;
+}
+
+.studio-tree-action.is-readonly {
+  cursor: default;
+}
+
+.studio-tree-action.is-readonly:hover {
+  background: transparent;
+  color: var(--wp-text-muted);
+}
+
 .studio-tree-ai-badge {
   justify-self: end;
   min-width: 18px;
@@ -3368,6 +3663,26 @@ body.is-studio-resizing-v iframe {
   padding: 0 4px;
 }
 
+.studio-tree-ignored-badge,
+.studio-tree-deferred-badge {
+  justify-self: end;
+  min-width: 18px;
+  height: 18px;
+  border-radius: 3px;
+  background: #f0f0f1;
+  color: #646970;
+  font-size: 9px;
+  font-weight: 700;
+  line-height: 18px;
+  text-align: center;
+  padding: 0 5px;
+}
+
+.studio-tree-deferred-badge {
+  background: #fff8e5;
+  color: #8a5a00;
+}
+
 .studio-tree-check-badge {
   justify-self: end;
   min-width: 18px;
@@ -3481,29 +3796,29 @@ body.is-studio-resizing-v iframe {
   align-items: center;
   display: inline-flex;
   gap: 6px;
-  height: 32px;
-  border: 1px solid #3858e9;
-  border-radius: 3px;
-  background: #3858e9;
+  height: 28px;
+  border: 1px solid #0e639c;
+  border-radius: 6px;
+  background: #0e639c;
   color: #ffffff;
   cursor: pointer;
   font-size: 12px;
   font-weight: 600;
-  padding: 0 12px;
+  padding: 0 11px;
 }
 
 .studio-play-tab-button:hover,
 .studio-play-tab-button:focus-visible {
-  border-color: #2145e6;
-  background: #2145e6;
+  border-color: #1177bb;
+  background: #1177bb;
   color: #ffffff;
   outline: none;
 }
 
 .studio-play-tab-button:disabled {
-  border-color: #3c3c3c;
-  background: #252526;
-  color: #8c8f94;
+  border-color: #30343a;
+  background: #202225;
+  color: #858b94;
   cursor: default;
 }
 
@@ -3515,15 +3830,25 @@ body.is-studio-resizing-v iframe {
   align-items: center;
   display: inline-flex;
   gap: 6px;
-  min-width: 122px;
+  height: 28px;
+  min-width: 0;
+  padding: 0 8px;
+  border: 1px solid #30343a;
+  border-radius: 6px;
+  background: #1f2023;
   color: #9da1a6;
-  font-size: 12px;
+  font-size: 11px;
   white-space: nowrap;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
+}
+
+.studio-preview-state em {
+  font-style: normal;
 }
 
 .studio-preview-state > span {
-  width: 7px;
-  height: 7px;
+  width: 6px;
+  height: 6px;
   border-radius: 999px;
   background: #646970;
 }
@@ -4211,6 +4536,10 @@ body.is-studio-resizing-v iframe {
   color: #d4d4d4;
 }
 
+.terminal-command {
+  color: #facc15;
+}
+
 .terminal-success {
   color: #86efac;
 }
@@ -4364,27 +4693,42 @@ body.is-studio-resizing-v iframe {
   width: 34px;
   height: 34px;
   border-radius: var(--wp-radius-l);
-  background: transparent;
-  box-shadow: none;
+  border: 1px solid rgba(255, 255, 255, 0.16);
+  background: var(--studio-provider-icon-surface, #f2f2f7);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
 }
 
 .studio-ai-avatar.is-harness .studio-ai-avatar-icon {
   width: 32px;
   height: 32px;
   border-radius: var(--wp-radius-l);
+  object-fit: contain;
+}
+
+.studio-ai-avatar.is-harness .studio-ai-avatar-icon.is-provider-icon {
+  width: 20px;
+  height: 20px;
+  border-radius: 0;
+  filter: var(--studio-provider-icon-filter, none);
+  opacity: 0.92;
+}
+
+.studio-ai-avatar-lg {
+  width: 56px;
+  height: 56px;
 }
 
-.studio-ai-avatar-lg {
-  width: 56px;
-  height: 56px;
-}
-
 .studio-ai-avatar-lg.is-harness .studio-ai-avatar-icon {
   width: 56px;
   height: 56px;
   border-radius: 12px;
 }
 
+.studio-ai-avatar-lg.is-harness .studio-ai-avatar-icon.is-provider-icon {
+  width: 34px;
+  height: 34px;
+}
+
 .studio-ai-avatar-lg .dashicons {
   font-size: 28px;
   height: 28px;
@@ -4447,7 +4791,7 @@ body.is-studio-resizing-v iframe {
   overflow: auto;
   padding: 14px 12px;
   background: #f6f7f7;
-  scroll-behavior: smooth;
+  scroll-behavior: auto;
 }
 
 .studio-ai-empty,
@@ -5142,1313 +5486,2932 @@ body.is-studio-resizing-v iframe {
 }
 
 /* ===================================================================
- * Responsive
+ * Studio workbench — VS Code-style shell
  * =================================================================== */
 
-@media screen and (max-width: 1200px) {
-  #dashboard-widgets {
-    grid-template-columns: 1fr;
-  }
+.studio-root {
+  --studio-vscode-bg: #1e1e1e;
+  --studio-vscode-side-bg: #252526;
+  --studio-vscode-title-bg: #181818;
+  --studio-vscode-activity-bg: #181818;
+  --studio-vscode-tab-bg: #2d2d2d;
+  --studio-vscode-border: #2b2b2b;
+  --studio-vscode-border-strong: #3c3c3c;
+  --studio-vscode-text: #cccccc;
+  --studio-vscode-muted: #9da1a6;
+  --studio-vscode-active: #ffffff;
+  --studio-vscode-focus: #0078d4;
+  --studio-vscode-status: #007acc;
+  --studio-vscode-hover: #2a2d2e;
+  --studio-vscode-segment-active: #37373d;
+  --studio-provider-icon-surface: #f2f2f7;
+  --studio-provider-icon-filter: none;
+}
+
+.studio-root[data-theme="light"] {
+  --studio-vscode-bg: #ffffff;
+  --studio-vscode-side-bg: #f6f8fa;
+  --studio-vscode-title-bg: #f6f8fa;
+  --studio-vscode-activity-bg: #f6f8fa;
+  --studio-vscode-tab-bg: #eaeef2;
+  --studio-vscode-border: #d0d7de;
+  --studio-vscode-border-strong: #afb8c1;
+  --studio-vscode-text: #24292f;
+  --studio-vscode-muted: #57606a;
+  --studio-vscode-active: #111827;
+  --studio-vscode-focus: #0969da;
+  --studio-vscode-status: #0969da;
+  --studio-vscode-hover: #eaeef2;
+  --studio-vscode-segment-active: #ffffff;
+  --studio-provider-icon-surface: #ffffff;
 }
 
-@media screen and (max-width: 960px) {
-  .ab-command {
-    min-width: auto;
-  }
-  .ab-command-label,
-  .ab-kbd {
-    display: none;
-  }
+.studio-titlebar {
+  border-bottom-color: var(--studio-vscode-border);
+  background: var(--studio-vscode-title-bg);
+}
 
-  .ps-welcome-panel .welcome-panel-header {
-    padding: 30px 28px 42px;
-  }
+.studio-layout-button {
+  align-items: center;
+  display: inline-flex;
+  justify-content: center;
+  width: 28px;
+  height: 26px;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  background: transparent;
+  color: var(--studio-vscode-muted);
+  cursor: pointer;
+}
 
-  .ps-welcome-panel h2 {
-    font-size: 34px;
-  }
+.studio-layout-button .dashicons {
+  font-size: 15px;
+  width: 15px;
+  height: 15px;
+}
 
-  .ps-welcome-panel .welcome-panel-header p {
-    font-size: 16px;
-  }
+.studio-layout-button:hover,
+.studio-layout-button:focus-visible,
+.studio-layout-button.is-active {
+  background: #2a2d2e;
+  color: var(--studio-vscode-active);
+  outline: none;
+}
 
-  .ps-welcome-panel .welcome-panel-column-container {
-    grid-template-columns: 1fr;
-    gap: 20px;
-  }
+.studio-main {
+  grid-template-columns:
+    48px
+    var(--studio-files-width, 260px)
+    6px
+    minmax(0, 1fr)
+    6px
+    var(--studio-ai-width, 330px);
+  background: var(--studio-vscode-bg);
+}
 
-  .studio-main {
-    grid-template-columns:
-      var(--studio-files-width, 260px)
-      6px
-      minmax(0, 1fr)
-      6px
-      var(--studio-ai-width, 330px);
-  }
+.studio-root.is-files-collapsed.has-secondary-sidebar .studio-main {
+  grid-template-columns: 48px minmax(0, 1fr) 6px var(--studio-ai-width, 330px);
+}
 
-  .studio-preview-empty {
-    gap: 18px;
-    padding: 24px;
-  }
+.studio-root.has-files.is-secondary-sidebar-collapsed .studio-main {
+  grid-template-columns: 48px var(--studio-files-width, 260px) 6px minmax(0, 1fr);
+}
 
-  .studio-preview-shell {
-    width: min(300px, 44vw);
-    min-width: 220px;
-  }
+.studio-root.is-files-collapsed.is-secondary-sidebar-collapsed .studio-main {
+  grid-template-columns: 48px minmax(0, 1fr);
+}
 
-  .studio-preview-empty-copy {
-    max-width: 280px;
-  }
+.studio-root .studio-resizer-h {
+  border-color: var(--studio-vscode-border);
+  background: var(--studio-vscode-bg);
 }
 
-@media screen and (max-width: 782px) {
-  :root {
-    --wp-admin--admin-bar--height: 46px;
-    --wp-sidebar-width: 190px;
-  }
+.studio-root .studio-resizer-v {
+  border-color: var(--studio-vscode-border);
+  background: var(--studio-vscode-bg);
+}
 
-  body {
-    min-width: 0;
-  }
+.studio-activitybar {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  min-width: 0;
+  min-height: 0;
+  border-right: 1px solid var(--studio-vscode-border);
+  background: var(--studio-vscode-activity-bg);
+}
 
-  .ab-brand-name {
-    font-size: 15px;
-  }
+.studio-activitybar-primary,
+.studio-activitybar-secondary {
+  display: grid;
+  gap: 2px;
+  padding: 6px 0;
+}
 
-  #adminmenuback,
-  #adminmenuwrap,
-  #adminmenu {
-    position: relative;
-    width: 100%;
-    height: auto;
-  }
+.studio-activitybar-secondary {
+  margin-top: auto;
+}
 
-  #adminmenuback {
-    display: none;
-  }
+.studio-activity-button {
+  position: relative;
+  display: grid;
+  place-items: center;
+  width: 48px;
+  height: 48px;
+  border: 0;
+  background: transparent;
+  color: #858585;
+  cursor: pointer;
+}
 
-  #adminmenuwrap {
-    position: relative;
-    top: 0;
-  }
+.studio-activity-button::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 8px;
+  bottom: 8px;
+  width: 2px;
+  background: transparent;
+}
 
-  #wpcontent {
-    margin-left: 0;
-    padding-left: 12px;
-    padding-right: 12px;
-  }
+.studio-activity-button .dashicons {
+  font-size: 22px;
+  width: 22px;
+  height: 22px;
+}
 
-  body[data-active-view="studio"] #wpcontent {
-    padding-left: 0;
-    padding-right: 0;
-  }
+.studio-activity-button:hover,
+.studio-activity-button:focus-visible {
+  color: var(--studio-vscode-active);
+  outline: none;
+}
 
-  .ps-settings-row {
-    grid-template-columns: 1fr;
-  }
+.studio-activity-button.is-active {
+  color: var(--studio-vscode-active);
+}
 
-  .inline-form {
-    display: flex;
-    margin-top: 8px;
-    width: 100%;
-  }
+.studio-activity-button.is-active::before {
+  background: var(--studio-vscode-active);
+}
 
-  .inline-form input[type="text"] {
-    width: 100%;
-  }
+.studio-pane-header,
+.studio-secondary-header {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  gap: 8px;
+  min-height: 35px;
+  border-bottom: 1px solid var(--studio-vscode-border);
+  background: var(--studio-vscode-side-bg);
+  color: var(--studio-vscode-text);
+  padding: 0 8px 0 12px;
+}
 
-  .ps-welcome-panel .welcome-panel-header {
-    padding: 24px 20px 32px;
-  }
+.studio-pane-header strong,
+.studio-secondary-header strong {
+  overflow: hidden;
+  color: var(--studio-vscode-active);
+  font-size: 11px;
+  font-weight: 500;
+  letter-spacing: 0.04em;
+  text-overflow: ellipsis;
+  text-transform: uppercase;
+  white-space: nowrap;
+}
 
-  .ps-welcome-panel h2 {
-    font-size: 28px;
-  }
+.studio-pane-action {
+  display: inline-grid;
+  place-items: center;
+  width: 24px;
+  height: 24px;
+  border: 0;
+  border-radius: 3px;
+  background: transparent;
+  color: var(--studio-vscode-muted);
+  cursor: pointer;
+}
 
-  .ps-welcome-panel .welcome-panel-header p {
-    font-size: 14px;
-  }
+.studio-pane-action .dashicons {
+  font-size: 14px;
+  width: 14px;
+  height: 14px;
+}
 
-  .ps-welcome-panel .welcome-panel-column-container {
-    padding: 18px;
-  }
+.studio-pane-action:hover,
+.studio-pane-action:focus-visible {
+  background: #37373d;
+  color: var(--studio-vscode-active);
+  outline: none;
+}
 
-  .ps-welcome-panel .welcome-panel-column {
-    grid-template-columns: 44px minmax(0, 1fr);
-    gap: 14px;
-  }
+.studio-files {
+  grid-template-rows: 35px minmax(0, 1fr);
+  border-right: 1px solid var(--studio-vscode-border);
+  background: var(--studio-vscode-side-bg);
+  color: var(--studio-vscode-text);
+}
 
-  .ps-welcome-icon,
-  .ps-skeleton-welcome-icon {
-    width: 44px;
-    height: 44px;
-  }
+.studio-file-list {
+  padding: 4px 0 8px;
+}
 
-  .ps-welcome-icon .dashicons {
-    font-size: 20px;
-    width: 20px;
-    height: 20px;
-  }
+.studio-muted {
+  color: var(--studio-vscode-muted);
+  padding: 8px 12px;
+}
 
-  .ps-dashboard-widgets-wrap {
-    margin: 0;
-  }
+.studio-tree {
+  gap: 0;
+}
 
-  #dashboard-widgets .meta-box-sortables {
-    margin: 0 0 16px;
-  }
+.studio-tree-row {
+  min-height: 22px;
+  padding: 2px 8px 2px calc(8px + (var(--depth, 0) * 16px));
+  color: var(--studio-vscode-text);
+  font-size: 12px;
+}
 
-  #dashboard-widgets .postbox-header {
-    align-items: center;
-  }
+.studio-tree-arrow,
+.studio-tree-indent,
+.studio-tree-icon {
+  color: #c5c5c5;
+}
 
-  .ps-postbox-actions {
-    padding: 8px 10px 8px 0;
-  }
+.studio-tree-row:hover,
+.studio-tree-row:focus-visible,
+.studio-tree-row:focus-within {
+  background: #2a2d2e;
+  color: var(--studio-vscode-active);
+  outline: none;
+}
+
+.studio-tree-folder.has-current > .studio-tree-folder-row {
+  color: var(--studio-vscode-active);
+}
+
+.studio-tree-folder.is-ignored > .studio-tree-folder-row {
+  color: var(--studio-vscode-muted);
+}
+
+.studio-tree-folder.is-ignored > .studio-tree-folder-row .studio-tree-arrow,
+.studio-tree-folder.is-ignored > .studio-tree-folder-row .studio-tree-icon {
+  color: #858b94;
+}
+
+.studio-tree-folder-row.is-loading .studio-tree-arrow {
+  animation: ps-spin 0.85s linear infinite;
+}
+
+.studio-tree-file-row.is-current {
+  background: #37373d;
+  box-shadow: none;
+  color: var(--studio-vscode-active);
+  font-weight: 500;
+}
+
+.studio-tree-file-row.has-check-errors {
+  box-shadow: inset 2px 0 0 #f14c4c;
+}
+
+.studio-tree-folder.has-ai-changes > .studio-tree-folder-row .studio-tree-label,
+.studio-tree-file-row.has-ai-changes .studio-tree-label {
+  color: #9cdcfe;
+}
+
+.studio-tree-action {
+  color: var(--studio-vscode-muted);
+}
+
+.studio-tree-action:hover,
+.studio-tree-action:focus-visible {
+  background: #3c3c3c;
+  color: var(--studio-vscode-active);
+}
+
+.studio-tree-action.is-readonly:hover {
+  background: transparent;
+  color: var(--studio-vscode-muted);
+}
+
+.studio-tree-ignored-badge {
+  background: #2d2d2d;
+  color: #9da1a6;
+}
+
+.studio-workbench {
+  background: var(--studio-vscode-bg);
+}
+
+.studio-tabs {
+  height: 35px;
+  border-bottom-color: var(--studio-vscode-border);
+  background: var(--studio-vscode-bg);
+  padding: 0;
+}
+
+.studio-tablist {
+  align-self: stretch;
+  display: flex;
+  flex: 1 1 auto;
+  height: 35px;
+  min-width: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  overflow: hidden;
+}
+
+.studio-pinned-tabs,
+.studio-file-tabs {
+  align-self: stretch;
+  display: inline-flex;
+  min-width: 0;
+}
+
+.studio-pinned-tabs {
+  flex: 0 0 auto;
+}
+
+.studio-file-tabs {
+  flex: 1 1 auto;
+  overflow-x: auto;
+  overflow-y: hidden;
+  scrollbar-width: thin;
+}
+
+.studio-file-tabs-empty {
+  align-items: center;
+  display: inline-flex;
+  height: 35px;
+  min-width: 0;
+  padding: 0 12px;
+  border-right: 1px solid var(--studio-vscode-border);
+  color: #858585;
+  font-size: 12px;
+  white-space: nowrap;
+}
+
+.studio-tab-button {
+  height: 35px;
+  min-width: 118px;
+  max-width: min(280px, 32vw);
+  border-right: 1px solid var(--studio-vscode-border);
+  background: var(--studio-vscode-tab-bg);
+  color: var(--studio-vscode-muted);
+  font-size: 12px;
+}
+
+.studio-tab-pinned {
+  justify-content: center;
+  grid-template-columns: 18px;
+  min-width: 42px;
+  max-width: 42px;
+  padding: 0;
+}
+
+.studio-tab-pinned > span:nth-child(2),
+.studio-tab-pinned small {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+
+.studio-file-tab-wrap {
+  position: relative;
+  align-self: stretch;
+  display: inline-flex;
+  flex: 0 0 auto;
+  min-width: 0;
+}
+
+.studio-file-tab-wrap .studio-tab-button {
+  padding-right: 28px;
+}
+
+.studio-tab-close {
+  position: absolute;
+  right: 4px;
+  top: 50%;
+  display: grid;
+  place-items: center;
+  width: 20px;
+  height: 20px;
+  border: 0;
+  border-radius: 3px;
+  background: transparent;
+  color: #858585;
+  cursor: pointer;
+  opacity: 0;
+  transform: translateY(-50%);
+}
+
+.studio-file-tab-wrap:hover .studio-tab-close,
+.studio-file-tab-wrap:focus-within .studio-tab-close,
+.studio-file-tab-wrap .studio-tab-button.is-active + .studio-tab-close {
+  opacity: 1;
+}
+
+.studio-tab-close .dashicons {
+  font-size: 13px;
+  width: 13px;
+  height: 13px;
+}
+
+.studio-tab-close:hover,
+.studio-tab-close:focus-visible {
+  background: #3c3c3c;
+  color: #ffffff;
+  outline: none;
+}
+
+.studio-tab-button:hover,
+.studio-tab-button:focus-visible {
+  background: #333333;
+}
+
+.studio-tab-button.is-active {
+  background: var(--studio-vscode-bg);
+  box-shadow: inset 0 1px 0 var(--studio-vscode-focus);
+  color: var(--studio-vscode-active);
+}
+
+.studio-play-tab-button {
+  height: 28px;
+  border-color: #0e639c;
+  border-radius: 6px;
+  background: #0e639c;
+}
+
+.studio-title-actions .studio-play-tab-button {
+  flex: 0 0 auto;
+  box-shadow: none;
+}
+
+.studio-title-actions .studio-preview-state {
+  height: 28px;
+}
+
+.studio-preview-state,
+#studio-editor-status {
+  color: var(--studio-vscode-muted);
+}
+
+.studio-ai {
+  border-left: 1px solid var(--studio-vscode-border);
+  background: var(--studio-vscode-side-bg);
+  color: var(--studio-vscode-text);
+}
+
+.studio-secondary-header {
+  flex: 0 0 auto;
+}
+
+.studio-sidebar-tabs.ps-segmented {
+  align-self: stretch;
+  margin: 0;
+  padding: 4px;
+  border: 0;
+  border-bottom: 1px solid var(--studio-vscode-border);
+  border-radius: 0;
+  background: var(--studio-vscode-side-bg);
+}
+
+.ps-segmented-option {
+  border-radius: 3px;
+  color: var(--studio-vscode-muted);
+}
+
+.ps-segmented-option:hover,
+.ps-segmented-option:focus-visible {
+  background: var(--studio-vscode-hover);
+  color: var(--studio-vscode-active);
+  outline: none;
+}
+
+.ps-segmented-option.is-active {
+  background: var(--studio-vscode-segment-active);
+  color: var(--studio-vscode-active);
+  box-shadow: none;
+}
+
+.studio-ai-header,
+.studio-ai-context,
+.studio-ai-composer {
+  border-color: var(--studio-vscode-border);
+  background: var(--studio-vscode-side-bg);
+  color: var(--studio-vscode-text);
+}
+
+.studio-ai-header {
+  background: #2d2d2d;
+}
+
+.studio-ai-agent strong,
+.studio-ai-reply header span,
+.studio-ai-bubble header span,
+.studio-ai-empty strong {
+  color: var(--studio-vscode-active);
+}
+
+.studio-ai-status,
+.studio-ai-context-chip,
+.studio-ai-empty,
+.studio-ai-empty small {
+  color: var(--studio-vscode-muted);
+}
+
+.studio-ai-context-chip,
+.studio-ai-suggestion,
+.studio-ai-bubble,
+.studio-ai-change-card,
+.studio-ai-input-shell,
+.studio-ai-state,
+.studio-ai-message-system {
+  border-color: var(--studio-vscode-border-strong);
+  background: #1f1f1f;
+  color: var(--studio-vscode-text);
+}
+
+.studio-ai-messages {
+  background: #1e1e1e;
+}
+
+.studio-ai-suggestion:hover,
+.studio-ai-suggestion:focus-visible,
+.studio-ai-change:hover,
+.studio-ai-change:focus-visible,
+.studio-ai-change-action:hover,
+.studio-ai-change-action:focus-visible {
+  background: #2a2d2e;
+  color: var(--studio-vscode-active);
+}
+
+.studio-ai-changes {
+  border-bottom-color: var(--studio-vscode-border);
+  background: #1f2937;
+}
+
+.studio-ai-composer textarea {
+  color: var(--studio-vscode-text);
+}
+
+.studio-root[data-theme="dark"] .studio-ai-reply p,
+.studio-root[data-theme="dark"] .studio-ai-markdown,
+.studio-root[data-theme="dark"] .studio-ai-markdown h1,
+.studio-root[data-theme="dark"] .studio-ai-markdown h2,
+.studio-root[data-theme="dark"] .studio-ai-markdown h3,
+.studio-root[data-theme="dark"] .studio-ai-markdown h4,
+.studio-root[data-theme="dark"] .studio-ai-markdown h5,
+.studio-root[data-theme="dark"] .studio-ai-markdown h6,
+.studio-root[data-theme="dark"] .studio-ai-bubble p {
+  color: var(--studio-vscode-text);
+}
+
+.studio-root[data-theme="dark"] .studio-ai-markdown blockquote,
+.studio-root[data-theme="dark"] .studio-ai-reply header time,
+.studio-root[data-theme="dark"] .studio-ai-bubble header time {
+  color: var(--studio-vscode-muted);
+}
+
+.studio-root[data-theme="dark"] .studio-ai-markdown code,
+.studio-root[data-theme="dark"] .studio-ai-markdown pre,
+.studio-root[data-theme="dark"] .studio-ai-markdown th {
+  border-color: var(--studio-vscode-border-strong);
+  background: #181818;
+  color: var(--studio-vscode-text);
+}
+
+.studio-root[data-theme="dark"] .studio-ai-reply ::selection,
+.studio-root[data-theme="dark"] .studio-ai-bubble ::selection,
+.studio-root[data-theme="dark"] .studio-ai-composer textarea::selection {
+  background: rgba(0, 120, 212, 0.55);
+  color: var(--studio-vscode-active);
+}
+
+.studio-root[data-theme="dark"] .studio-ai-input-shell.is-disabled {
+  border-color: var(--studio-vscode-border-strong);
+  background: #252526;
+  opacity: 1;
+}
+
+.studio-root[data-theme="dark"] .studio-ai-input-shell.is-disabled textarea,
+.studio-root[data-theme="dark"] .studio-ai-composer textarea:disabled {
+  color: var(--studio-vscode-muted);
+  -webkit-text-fill-color: var(--studio-vscode-muted);
+}
+
+.studio-root[data-theme="dark"] .studio-ai-composer textarea::placeholder,
+.studio-root[data-theme="dark"] .studio-ai-composer textarea:disabled::placeholder {
+  color: var(--studio-vscode-muted);
+  opacity: 1;
+}
+
+.studio-root[data-theme="dark"] .studio-ai-hint kbd {
+  border-color: var(--studio-vscode-border-strong);
+  background: #252526;
+  color: var(--studio-vscode-muted);
+}
+
+.studio-root[data-theme="dark"] .studio-ai-send-button:disabled {
+  border-color: var(--studio-vscode-border-strong);
+  background: #252526;
+  color: var(--studio-vscode-muted);
+  opacity: 1;
+}
+
+.studio-ai-input-shell:focus-within {
+  border-color: var(--studio-vscode-focus);
+  box-shadow: 0 0 0 1px var(--studio-vscode-focus);
+}
+
+.studio-statusbar {
+  align-items: center;
+  display: flex;
+  gap: 14px;
+  min-width: 0;
+  min-height: 22px;
+  overflow: hidden;
+  background: var(--studio-vscode-status);
+  color: #ffffff;
+  font-size: 11px;
+  padding: 0 10px;
+}
+
+.studio-statusbar span {
+  align-items: center;
+  display: inline-flex;
+  gap: 5px;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.studio-statusbar .dashicons {
+  font-size: 13px;
+  width: 13px;
+  height: 13px;
+}
+
+.studio-statusbar-spacer {
+  flex: 1 1 auto;
+}
+
+.studio-root .studio-playground-version-backdrop {
+  inset: 35px 0 22px;
+}
+
+/* ===================================================================
+ * Responsive
+ * =================================================================== */
+
+@media screen and (max-width: 1200px) {
+  #dashboard-widgets {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media screen and (max-width: 960px) {
+  .ab-command {
+    min-width: auto;
+  }
+  .ab-command-label,
+  .ab-kbd {
+    display: none;
+  }
+
+  .ps-welcome-panel .welcome-panel-header {
+    padding: 30px 28px 42px;
+  }
+
+  .ps-welcome-panel h2 {
+    font-size: 34px;
+  }
+
+  .ps-welcome-panel .welcome-panel-header p {
+    font-size: 16px;
+  }
+
+  .ps-welcome-panel .welcome-panel-column-container {
+    grid-template-columns: 1fr;
+    gap: 20px;
+  }
+
+  .studio-main {
+    grid-template-columns:
+      48px
+      var(--studio-files-width, 260px)
+      6px
+      minmax(0, 1fr)
+      6px
+      var(--studio-ai-width, 330px);
+  }
+
+  .studio-root.is-files-collapsed.has-secondary-sidebar .studio-main {
+    grid-template-columns: 48px minmax(0, 1fr) 6px var(--studio-ai-width, 330px);
+  }
+
+  .studio-root.has-files.is-secondary-sidebar-collapsed .studio-main {
+    grid-template-columns: 48px var(--studio-files-width, 260px) 6px minmax(0, 1fr);
+  }
+
+  .studio-root.is-files-collapsed.is-secondary-sidebar-collapsed .studio-main {
+    grid-template-columns: 48px minmax(0, 1fr);
+  }
+
+  .studio-preview-empty {
+    gap: 18px;
+    padding: 24px;
+  }
+
+  .studio-preview-shell {
+    width: min(300px, 44vw);
+    min-width: 220px;
+  }
+
+  .studio-preview-empty-copy {
+    max-width: 280px;
+  }
+}
+
+@media screen and (max-width: 782px) {
+  :root {
+    --wp-admin--admin-bar--height: 46px;
+    --wp-sidebar-width: 190px;
+  }
+
+  body {
+    min-width: 0;
+  }
+
+  .ab-brand-name {
+    font-size: 15px;
+  }
+
+  #adminmenuback,
+  #adminmenuwrap,
+  #adminmenu {
+    position: relative;
+    width: 100%;
+    height: auto;
+  }
+
+  #adminmenuback {
+    display: none;
+  }
+
+  #adminmenuwrap {
+    position: relative;
+    top: 0;
+  }
+
+  #wpcontent {
+    margin-left: 0;
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+
+  body[data-active-view="studio"] #wpcontent {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .studio-main,
+  .studio-root.has-files.has-secondary-sidebar .studio-main,
+  .studio-root.is-files-collapsed.has-secondary-sidebar .studio-main,
+  .studio-root.has-files.is-secondary-sidebar-collapsed .studio-main,
+  .studio-root.is-files-collapsed.is-secondary-sidebar-collapsed .studio-main {
+    position: relative;
+    grid-template-columns: 48px minmax(0, 1fr);
+  }
+
+  .studio-main > .studio-resizer-h {
+    display: none;
+  }
+
+  .studio-files,
+  .studio-ai {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    z-index: 12;
+    width: min(320px, calc(100vw - 72px));
+    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.42);
+  }
+
+  .studio-files {
+    left: 48px;
+  }
+
+  .studio-ai {
+    right: 0;
+  }
+
+  .studio-title-actions .studio-icon-button span:last-child,
+  .studio-title-actions .studio-action-button span:last-child,
+  .studio-title-actions .studio-play-tab-button span:last-child,
+  .studio-title-actions .studio-theme-switch-label {
+    display: none;
+  }
+
+  .studio-title-actions .studio-preview-state {
+    display: none;
+  }
+
+  .studio-title-actions .studio-theme-switch {
+    padding: 0 6px;
+  }
+
+  .ps-settings-row {
+    grid-template-columns: 1fr;
+  }
+
+  .inline-form {
+    display: flex;
+    margin-top: 8px;
+    width: 100%;
+  }
+
+  .inline-form input[type="text"] {
+    width: 100%;
+  }
+
+  .ps-welcome-panel .welcome-panel-header {
+    padding: 24px 20px 32px;
+  }
+
+  .ps-welcome-panel h2 {
+    font-size: 28px;
+  }
+
+  .ps-welcome-panel .welcome-panel-header p {
+    font-size: 14px;
+  }
+
+  .ps-welcome-panel .welcome-panel-column-container {
+    padding: 18px;
+  }
+
+  .ps-welcome-panel .welcome-panel-column {
+    grid-template-columns: 44px minmax(0, 1fr);
+    gap: 14px;
+  }
+
+  .ps-welcome-icon,
+  .ps-skeleton-welcome-icon {
+    width: 44px;
+    height: 44px;
+  }
+
+  .ps-welcome-icon .dashicons {
+    font-size: 20px;
+    width: 20px;
+    height: 20px;
+  }
+
+  .ps-dashboard-widgets-wrap {
+    margin: 0;
+  }
+
+  #dashboard-widgets .meta-box-sortables {
+    margin: 0 0 16px;
+  }
+
+  #dashboard-widgets .postbox-header {
+    align-items: center;
+  }
+
+  .ps-postbox-actions {
+    padding: 8px 10px 8px 0;
+  }
 
   .ps-plugin-row {
     grid-template-columns: 1fr;
     gap: 6px;
   }
 
-  .ps-plugin-meta {
-    justify-content: flex-start;
-  }
+  .ps-plugin-meta {
+    justify-content: flex-start;
+  }
+
+  .studio-empty-state {
+    grid-template-columns: 1fr;
+    align-content: start;
+    gap: 18px;
+    max-width: 100%;
+    padding: 28px 16px;
+  }
+
+  .studio-empty-copy h1 {
+    font-size: 26px;
+  }
+
+  .studio-empty-panel {
+    align-self: stretch;
+  }
+
+  .studio-empty-picker {
+    grid-template-columns: 1fr;
+    max-width: none;
+  }
+
+  .studio-empty-footer {
+    justify-self: start;
+    text-align: left;
+  }
+
+  .studio-preview-empty {
+    align-content: center;
+    display: grid;
+    gap: 18px;
+    justify-items: center;
+    text-align: center;
+  }
+
+  .studio-preview-shell {
+    width: min(360px, 100%);
+    min-width: 0;
+  }
+
+  .studio-preview-empty-copy {
+    justify-items: center;
+  }
+
+  .studio-title {
+    display: none;
+  }
+
+  .widefat thead {
+    display: none;
+  }
+
+  .widefat tbody tr {
+    display: block;
+    padding: 8px 0;
+    border-bottom: 1px solid var(--wp-border);
+  }
+
+  .widefat tbody td {
+    display: grid;
+    grid-template-columns: 112px minmax(0, 1fr);
+    gap: 10px;
+    border: 0;
+    padding: 6px 14px;
+  }
+
+  .widefat tbody td::before {
+    content: attr(data-colname);
+    color: var(--wp-text-soft);
+    font-weight: 600;
+  }
+
+  .widefat tbody td.column-primary {
+    display: block;
+  }
+
+  .widefat tbody td.column-primary::before {
+    content: none;
+  }
+
+  .row-actions {
+    opacity: 1;
+    visibility: visible;
+  }
+
+  #detail-panel {
+    width: 100%;
+  }
+}
+
+/* View transitions for modern browsers */
+@supports (view-transition-name: root) {
+  ::view-transition-old(root),
+  ::view-transition-new(root) {
+    animation-duration: 0.18s;
+  }
+}
+
+@keyframes ps-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+code {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 12px;
+  color: var(--wp-text);
+  background: var(--wp-surface-soft);
+  padding: 1px 6px;
+  border-radius: var(--wp-radius-s);
+  border: 1px solid var(--wp-border-soft);
+}
+
+td code {
+  font-size: 12px;
+  background: transparent;
+  border: 0;
+  padding: 0;
+  color: var(--wp-text-soft);
+}
+
+.version-line {
+  margin-top: 4px;
+  font-size: 12px;
+  color: var(--wp-text);
+}
+
+.subsubsub .count {
+  color: inherit;
+  font-weight: 500;
+  margin-left: 2px;
+}
+
+.ul-disc {
+  margin: 6px 0 12px 18px;
+  padding: 0;
+  list-style: disc outside;
+}
+
+.ul-disc li {
+  margin: 2px 0;
+}
+
+/* ===================================================================
+ * Plugin card grid (WP 7.0 plugin-card pattern)
+ * =================================================================== */
+
+.ps-card-shell {
+  margin-top: 14px;
+}
+
+.ps-card-toolbar {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  margin: 0 0 14px;
+  color: var(--wp-text-soft);
+  font-size: 13px;
+}
+
+.ps-card-toolbar-count {
+  align-items: center;
+  display: inline-flex;
+  gap: 8px;
+  font-weight: 500;
+  color: var(--wp-heading);
+}
+
+.ps-card-toolbar-count .dashicons {
+  color: var(--wp-text-muted);
+}
+
+.ps-card-toolbar-hint {
+  color: var(--wp-text-muted);
+  font-size: 12px;
+}
+
+.ps-plugin-card-grid {
+  display: grid;
+  gap: 16px;
+  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
+  align-items: stretch;
+}
+
+.ps-plugin-card {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 18px 18px 16px;
+  border: 1px solid var(--wp-border);
+  border-radius: var(--wp-radius-m);
+  background: var(--wp-surface);
+  box-shadow: var(--wp-shadow-sm);
+  transition: box-shadow 0.16s ease, transform 0.16s ease, border-color 0.16s ease;
+  position: relative;
+}
+
+.ps-plugin-card:hover {
+  box-shadow: var(--wp-shadow-md);
+  transform: translateY(-1px);
+  border-color: var(--wp-border-strong);
+}
+
+.ps-plugin-card.is-missing {
+  opacity: 0.72;
+  border-style: dashed;
+}
+
+.ps-plugin-card-header {
+  display: flex;
+  gap: 12px;
+  align-items: flex-start;
+}
+
+.ps-plugin-card-icon {
+  flex: 0 0 auto;
+  width: 44px;
+  height: 44px;
+  border-radius: var(--wp-radius-m);
+  background: linear-gradient(135deg, var(--wp-admin-theme-color), var(--wp-admin-theme-color-darker-20));
+  color: #ffffff;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 600;
+  font-size: 14px;
+  letter-spacing: 0.02em;
+}
+
+.ps-plugin-card-title {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+.ps-plugin-card-title h2 {
+  font-size: 15px;
+  font-weight: 600;
+  margin: 0;
+  color: var(--wp-heading);
+  word-break: break-word;
+}
+
+.ps-plugin-card-link {
+  background: none;
+  border: 0;
+  padding: 0;
+  color: var(--wp-admin-theme-color);
+  cursor: pointer;
+  font: inherit;
+  text-align: left;
+}
+
+.ps-plugin-card-link:hover,
+.ps-plugin-card-link:focus-visible {
+  color: var(--wp-admin-theme-color-darker-10);
+  text-decoration: underline;
+  outline: none;
+}
+
+.ps-plugin-card-byline {
+  margin: 2px 0 0;
+  font-size: 12px;
+  color: var(--wp-text-muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.ps-plugin-card-status {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 5px;
+}
+
+.ps-plugin-card-meta {
+  display: grid;
+  gap: 8px 16px;
+  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
+  margin: 0;
+  font-size: 12px;
+}
+
+.ps-plugin-card-meta dt {
+  color: var(--wp-text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  font-size: 11px;
+  margin: 0;
+}
+
+.ps-plugin-card-meta dd {
+  margin: 1px 0 0;
+  color: var(--wp-heading);
+  font-weight: 500;
+  font-size: 13px;
+}
+
+.ps-plugin-card-path {
+  display: block;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  background: var(--wp-surface-soft);
+  border: 1px solid var(--wp-border-soft);
+  border-radius: var(--wp-radius-s);
+  color: var(--wp-text-soft);
+  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
+  font-size: 11px;
+  padding: 4px 8px;
+}
+
+.ps-plugin-card-footer {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  margin-top: auto;
+}
+
+.ps-plugin-card-primary {
+  align-items: center;
+  display: inline-flex;
+  gap: 6px;
+}
+
+.ps-plugin-card-secondary {
+  background: transparent;
+  border: 0;
+  padding: 0;
+  color: var(--wp-admin-theme-color);
+  cursor: pointer;
+  font: inherit;
+  font-size: 12px;
+}
+
+.ps-plugin-card-secondary:hover,
+.ps-plugin-card-secondary:focus-visible {
+  color: var(--wp-admin-theme-color-darker-10);
+  text-decoration: underline;
+  outline: none;
+}
+
+.ps-plugin-card-secondary[disabled] {
+  opacity: 0.45;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.ps-plugin-card-muted {
+  color: var(--wp-text-muted);
+}
+
+/* Kebab menu */
+
+.ps-kebab-wrap {
+  position: relative;
+  margin-left: auto;
+}
+
+.ps-kebab-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border: 1px solid transparent;
+  border-radius: var(--wp-radius-m);
+  background: transparent;
+  color: var(--wp-text-soft);
+  cursor: pointer;
+}
+
+.ps-kebab-button:hover,
+.ps-kebab-button:focus-visible {
+  background: var(--wp-surface-soft);
+  border-color: var(--wp-border);
+  outline: none;
+}
+
+.ps-kebab-menu {
+  position: absolute;
+  right: 0;
+  top: calc(100% + 4px);
+  min-width: 200px;
+  background: var(--wp-surface);
+  border: 1px solid var(--wp-border-strong);
+  border-radius: var(--wp-radius-m);
+  box-shadow: var(--wp-shadow-lg);
+  padding: 4px;
+  z-index: 30;
+  display: flex;
+  flex-direction: column;
+}
+
+.ps-kebab-menu[hidden] {
+  display: none;
+}
+
+.ps-kebab-menu button {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 8px;
+  border: 0;
+  background: transparent;
+  border-radius: var(--wp-radius-s);
+  color: var(--wp-text);
+  cursor: pointer;
+  font: inherit;
+  text-align: left;
+}
+
+.ps-kebab-menu button:hover,
+.ps-kebab-menu button:focus-visible {
+  background: var(--wp-surface-soft);
+  outline: none;
+}
+
+.ps-kebab-menu-danger {
+  color: var(--wp-error);
+}
+
+.ps-kebab-menu-danger:hover,
+.ps-kebab-menu-danger:focus-visible {
+  background: var(--wp-error-bg);
+  color: var(--wp-error);
+}
+
+/* ===================================================================
+ * Release management board (top-level view)
+ * =================================================================== */
+
+.ps-release-board-shell {
+  margin-top: 14px;
+}
+
+.ps-release-board {
+  display: grid;
+  gap: 16px;
+  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
+}
+
+.ps-release-board-card {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  background: var(--wp-surface);
+  border: 1px solid var(--wp-border);
+  border-radius: var(--wp-radius-m);
+  box-shadow: var(--wp-shadow-sm);
+  padding: 18px;
+}
+
+.ps-release-board-card.is-blocked {
+  border-color: var(--wp-error);
+}
+
+.ps-release-board-card.is-missing {
+  border-style: dashed;
+  opacity: 0.72;
+}
+
+.ps-release-board-card-header {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.ps-release-board-title h2 {
+  font-size: 15px;
+  margin: 0;
+  color: var(--wp-heading);
+}
+
+.ps-release-board-status {
+  margin-left: auto;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+
+.ps-release-board-meta {
+  display: grid;
+  gap: 6px 16px;
+  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+  margin: 0;
+  padding: 8px 10px;
+  background: var(--wp-surface-soft);
+  border: 1px solid var(--wp-border-soft);
+  border-radius: var(--wp-radius-s);
+}
+
+.ps-release-board-meta-row {
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+.ps-release-board-meta-row dt {
+  font-size: 11px;
+  color: var(--wp-text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
+.ps-release-board-meta-row dd {
+  margin: 0;
+  font-size: 13px;
+  color: var(--wp-heading);
+  font-weight: 500;
+}
+
+.ps-release-board-messages {
+  margin: 0;
+  padding: 0 0 0 16px;
+  font-size: 12px;
+  color: var(--wp-text-soft);
+}
+
+.ps-release-board-card-footer {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-top: auto;
+}
+
+/* ===================================================================
+ * Studio sidebar segmented tabs (AI Helper ⟷ Release)
+ * =================================================================== */
+
+.studio-sidebar-tabs.ps-segmented {
+  display: inline-flex;
+  align-self: stretch;
+  margin: 0;
+  padding: 4px;
+  background: var(--studio-vscode-side-bg);
+  border: 0;
+  border-bottom: 1px solid var(--studio-vscode-border);
+  border-radius: 0;
+  gap: 2px;
+}
+
+.ps-segmented-option {
+  flex: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 6px 10px;
+  border: 0;
+  border-radius: 3px;
+  background: transparent;
+  color: var(--studio-vscode-muted);
+  cursor: pointer;
+  font: inherit;
+  font-size: 12px;
+  font-weight: 500;
+  transition: background 0.12s ease, color 0.12s ease;
+}
+
+.ps-segmented-option:hover,
+.ps-segmented-option:focus-visible {
+  background: var(--studio-vscode-hover);
+  color: var(--studio-vscode-active);
+  outline: none;
+}
+
+.ps-segmented-option.is-active {
+  background: var(--studio-vscode-segment-active);
+  color: var(--studio-vscode-active);
+  box-shadow: none;
+}
+
+.ps-segmented-option.is-active .dashicons {
+  color: inherit;
+}
+
+.studio-sidebar-pane {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-height: 0;
+}
+
+/* ===================================================================
+ * Release funnel (Studio right sidebar) — WP 7.0 Modern
+ *
+ * Visual rules:
+ * - Step card is always neutral surface (--wp-surface) with hairline
+ *   --wp-border. Status is communicated via inline pills only.
+ * - Hairline 1px connector along the left in --wp-border-soft.
+ * - Sticky step headers get a subtle 1px bottom border when scrolled
+ *   (no shadow). 12px rhythm between steps, 8px gutter inside steps.
+ * - All inline buttons use .button-small (28px). Dashicons sit left.
+ * =================================================================== */
+
+.studio-release-pane {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-height: 0;
+  padding: 8px 12px 12px;
+  gap: 8px;
+  overflow-y: auto;
+  scrollbar-gutter: stable;
+  font-size: 12px;
+  color: var(--wp-text-soft);
+}
+
+.studio-release-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  padding: 24px 14px;
+  color: var(--wp-text-soft);
+  gap: 6px;
+}
+
+.studio-release-empty .dashicons {
+  font-size: 24px;
+  width: 24px;
+  height: 24px;
+  color: var(--wp-text-muted);
+}
+
+.studio-release-empty strong {
+  color: var(--wp-heading);
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.studio-release-empty p {
+  margin: 0;
+  font-size: 12px;
+}
+
+.studio-release-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 4px 2px 2px;
+}
+
+.studio-release-title {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+}
+
+.studio-release-title strong {
+  display: block;
+  font-size: 12px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--wp-heading);
+}
+
+.studio-release-title small {
+  color: var(--wp-text-muted);
+  font-size: 11px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.ps-release-funnel {
+  margin: 0;
+  padding: 0 0 0 18px;
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  position: relative;
+}
+
+.ps-release-funnel::before {
+  content: "";
+  position: absolute;
+  top: 10px;
+  bottom: 10px;
+  left: 9px;
+  width: 1px;
+  background: var(--wp-border-soft);
+  z-index: 0;
+}
+
+.ps-release-step {
+  position: relative;
+  border: 1px solid var(--wp-border);
+  border-radius: var(--wp-radius-m);
+  background: var(--wp-surface);
+  box-shadow: var(--wp-shadow-sm);
+  overflow: hidden;
+}
+
+/* Hairline tick from the funnel rail into each step */
+.ps-release-step-connector {
+  position: absolute;
+  top: 14px;
+  left: -10px;
+  width: 9px;
+  height: 1px;
+  background: var(--wp-border-soft);
+  z-index: 0;
+}
+
+.ps-release-step-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 10px;
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  background: var(--wp-surface);
+  border-bottom: 1px solid transparent;
+  transition: border-color 0.12s ease;
+}
+
+.studio-release-pane:not(:hover) .ps-release-step-header {
+  /* Keep the rule definition stable for scroll-state detection. */
+}
+
+.ps-release-step:not(:first-of-type) .ps-release-step-header {
+  border-bottom-color: var(--wp-border-soft);
+}
+
+.ps-release-step.is-collapsed .ps-release-step-header {
+  border-bottom-color: transparent;
+}
+
+.ps-release-step-toggle {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  min-width: 0;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  padding: 0;
+  text-align: left;
+}
+
+.ps-release-step-toggle:focus-visible {
+  outline: 2px solid var(--wp-admin-theme-color);
+  outline-offset: 2px;
+  border-radius: var(--wp-radius-s);
+}
+
+.ps-release-step-toggle .ps-release-step-heading {
+  flex: 1 1 auto;
+}
+
+.ps-release-step-toggle-icon {
+  flex: 0 0 auto;
+  color: var(--wp-text-muted);
+  font-size: 14px;
+  width: 14px;
+  height: 14px;
+}
+
+.ps-release-step-marker {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: var(--wp-surface);
+  border: 1px solid var(--wp-border-strong);
+  color: var(--wp-text-soft);
+  font-weight: 600;
+  font-size: 11px;
+  flex: 0 0 auto;
+  font-feature-settings: "tnum" 1;
+}
+
+.ps-release-step-heading {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  gap: 1px;
+}
+
+.ps-release-step-heading strong {
+  font-size: 12px;
+  color: var(--wp-heading);
+  display: block;
+  font-weight: 600;
+  letter-spacing: 0.01em;
+}
+
+.ps-release-step-heading small {
+  font-size: 11px;
+  color: var(--wp-text-muted);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.ps-release-step-body {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 8px 10px 10px;
+  font-size: 12px;
+  color: var(--wp-text-soft);
+  border-top: 1px solid var(--wp-border-soft);
+}
+
+.ps-release-step-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 4px 10px;
+  margin: 0;
+}
 
-  .studio-main {
-    grid-template-columns: 1fr;
-    grid-template-rows: 170px minmax(0, 1fr) 320px;
-  }
+.ps-release-step-grid div {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
 
-  .studio-resizer-h {
-    display: none;
-  }
+.ps-release-step-grid dt {
+  font-size: 10px;
+  color: var(--wp-text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+}
 
-  .studio-empty-state {
-    grid-template-columns: 1fr;
-    align-content: start;
-    gap: 18px;
-    max-width: 100%;
-    padding: 28px 16px;
-  }
+.ps-release-step-grid dd {
+  margin: 0;
+  font-size: 12px;
+  color: var(--wp-heading);
+  font-weight: 500;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 
-  .studio-empty-copy h1 {
-    font-size: 26px;
-  }
+.ps-release-step-bumps {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+}
 
-  .studio-empty-panel {
-    align-self: stretch;
-  }
+.ps-release-step-bumps .button,
+.ps-release-step-newtag .button,
+.ps-release-step-custom .button,
+.ps-release-publish-options .button {
+  align-items: center;
+  display: inline-flex;
+  gap: 4px;
+  min-height: 26px;
+  padding: 0 8px;
+  font-size: 12px;
+  line-height: 1.2;
+}
 
-  .studio-empty-picker {
-    grid-template-columns: 1fr;
-    max-width: none;
-  }
+.ps-release-step-bumps .button .dashicons,
+.ps-release-step-newtag .button .dashicons,
+.ps-release-step-custom .button .dashicons,
+.ps-release-publish-options .button .dashicons,
+.ps-release-tag-actions .button .dashicons {
+  font-size: 14px;
+  width: 14px;
+  height: 14px;
+}
 
-  .studio-empty-footer {
-    justify-self: start;
-    text-align: left;
-  }
+.ps-release-bump-button.is-busy .dashicons-update {
+  animation: ps-spin 0.85s linear infinite;
+}
 
-  .studio-preview-empty {
-    align-content: center;
-    display: grid;
-    gap: 18px;
-    justify-items: center;
-    text-align: center;
-  }
+.ps-release-bump-button.is-success {
+  border-color: var(--wp-success);
+  color: var(--wp-success);
+}
 
-  .studio-preview-shell {
-    width: min(360px, 100%);
-    min-width: 0;
-  }
+.ps-release-step-custom,
+.ps-release-step-newtag {
+  display: flex;
+  align-items: flex-end;
+  gap: 6px;
+}
 
-  .studio-preview-empty-copy {
-    justify-items: center;
-  }
+.ps-release-step-custom label,
+.ps-release-step-newtag label {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  font-size: 10px;
+  color: var(--wp-text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+}
 
-  .studio-files {
-    border-right: 0;
-    border-bottom: 1px solid #dcdcde;
-  }
+.ps-release-step-custom input,
+.ps-release-step-newtag input {
+  padding: 4px 8px;
+  border: 1px solid var(--wp-border-strong);
+  border-radius: var(--wp-radius-s);
+  font-size: 12px;
+  color: var(--wp-heading);
+  background: var(--wp-surface);
+  height: 26px;
+  text-transform: none;
+  letter-spacing: 0;
+}
 
-  .studio-ai {
-    border-left: 0;
-    border-top: 1px solid #dcdcde;
-  }
+.ps-release-step-custom input:focus-visible,
+.ps-release-step-newtag input:focus-visible {
+  outline: none;
+  box-shadow: var(--wp-focus-ring);
+  border-color: var(--wp-admin-theme-color);
+}
 
-  .studio-title {
-    display: none;
-  }
+.ps-release-inline-error {
+  margin: 0;
+  font-size: 11px;
+  color: var(--wp-error);
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
 
-  .widefat thead {
-    display: none;
-  }
+.ps-release-inline-error .dashicons {
+  font-size: 14px;
+  width: 14px;
+  height: 14px;
+}
 
-  .widefat tbody tr {
-    display: block;
-    padding: 8px 0;
-    border-bottom: 1px solid var(--wp-border);
-  }
+.ps-release-tag-ready,
+.ps-release-tag-local-note {
+  align-items: center;
+  display: inline-flex;
+  gap: 5px;
+  margin: 0;
+  color: var(--wp-success);
+  font-size: 11px;
+  font-weight: 600;
+}
 
-  .widefat tbody td {
-    display: grid;
-    grid-template-columns: 112px minmax(0, 1fr);
-    gap: 10px;
-    border: 0;
-    padding: 6px 14px;
-  }
+.ps-release-tag-ready {
+  padding: 6px 8px;
+  border: 1px solid rgba(0, 112, 23, 0.22);
+  border-radius: var(--wp-radius-s);
+  background: var(--wp-success-bg);
+}
 
-  .widefat tbody td::before {
-    content: attr(data-colname);
-    color: var(--wp-text-soft);
-    font-weight: 600;
-  }
+.ps-release-tag-ready .dashicons {
+  font-size: 14px;
+  width: 14px;
+  height: 14px;
+}
 
-  .widefat tbody td.column-primary {
-    display: block;
-  }
+.ps-release-tag-ready.is-blocked {
+  border-color: rgba(178, 98, 0, 0.26);
+  background: var(--wp-warning-bg);
+  color: var(--wp-warning);
+}
 
-  .widefat tbody td.column-primary::before {
-    content: none;
-  }
+.ps-release-switch-conflict {
+  display: grid;
+  gap: 7px;
+  padding: 8px;
+  border: 1px solid var(--wp-warning);
+  border-radius: var(--wp-radius-s);
+  background: var(--wp-warning-bg);
+}
 
-  .row-actions {
-    opacity: 1;
-    visibility: visible;
-  }
+.ps-release-switch-conflict p,
+.ps-release-conflict-actions {
+  margin: 0;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  flex-wrap: wrap;
+}
 
-  #detail-panel {
-    width: 100%;
-  }
+.ps-release-switch-conflict p {
+  font-size: 11px;
+  color: var(--wp-warning);
 }
 
-/* View transitions for modern browsers */
-@supports (view-transition-name: root) {
-  ::view-transition-old(root),
-  ::view-transition-new(root) {
-    animation-duration: 0.18s;
-  }
+.ps-release-conflict-actions .dashicons {
+  font-size: 14px;
+  width: 14px;
+  height: 14px;
+}
+
+.ps-release-tag-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  border: 1px solid var(--wp-border-soft);
+  border-radius: var(--wp-radius-s);
+  background: var(--wp-surface);
+  overflow: hidden;
 }
 
-@keyframes ps-spin {
-  to {
-    transform: rotate(360deg);
-  }
+.ps-release-tag-row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 5px 8px;
+  border-bottom: 1px solid var(--wp-border-soft);
+  min-height: 30px;
 }
 
-code {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 12px;
-  color: var(--wp-text);
-  background: var(--wp-surface-soft);
-  padding: 1px 6px;
-  border-radius: var(--wp-radius-s);
-  border: 1px solid var(--wp-border-soft);
+.ps-release-tag-row:last-child {
+  border-bottom: 0;
 }
 
-td code {
-  font-size: 12px;
-  background: transparent;
-  border: 0;
-  padding: 0;
-  color: var(--wp-text-soft);
+.ps-release-tag-row.is-current {
+  background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
 }
 
-.version-line {
-  margin-top: 4px;
-  font-size: 12px;
-  color: var(--wp-text);
+.ps-release-tag-row.is-switching {
+  opacity: 0.7;
 }
 
-.subsubsub .count {
-  color: inherit;
+.ps-release-tag-name {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
   font-weight: 500;
-  margin-left: 2px;
+  color: var(--wp-heading);
+  flex: 1 1 auto;
+  min-width: 0;
+  font-size: 12px;
 }
 
-.ul-disc {
-  margin: 6px 0 12px 18px;
-  padding: 0;
-  list-style: disc outside;
+.ps-release-tag-name .dashicons {
+  color: var(--wp-text-muted);
+  font-size: 14px;
+  width: 14px;
+  height: 14px;
 }
 
-.ul-disc li {
-  margin: 2px 0;
+.ps-release-tag-current,
+.ps-release-tag-uncommitted {
+  font-size: 9px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  padding: 1px 6px;
+  border-radius: 9999px;
+  font-weight: 600;
 }
 
-/* ===================================================================
- * Plugin card grid (WP 7.0 plugin-card pattern)
- * =================================================================== */
+.ps-release-tag-current {
+  background: var(--wp-admin-theme-color);
+  color: #ffffff;
+}
 
-.ps-card-shell {
-  margin-top: 14px;
+.ps-release-tag-uncommitted {
+  background: var(--wp-warning-bg);
+  color: var(--wp-warning);
 }
 
-.ps-card-toolbar {
+.ps-release-tag-spinner {
+  display: inline-flex;
   align-items: center;
-  display: flex;
-  justify-content: space-between;
-  gap: 12px;
-  margin: 0 0 14px;
-  color: var(--wp-text-soft);
-  font-size: 13px;
+  gap: 4px;
+  font-size: 10px;
+  color: var(--wp-text-muted);
 }
 
-.ps-card-toolbar-count {
-  align-items: center;
+.ps-release-tag-spinner .dashicons {
+  animation: ps-spin 0.85s linear infinite;
+  font-size: 12px;
+  width: 12px;
+  height: 12px;
+}
+
+.ps-release-tag-actions {
   display: inline-flex;
-  gap: 8px;
-  font-weight: 500;
-  color: var(--wp-heading);
+  gap: 4px;
 }
 
-.ps-card-toolbar-count .dashicons {
-  color: var(--wp-text-muted);
+.ps-release-tag-actions .button.is-confirming,
+.ps-release-confirm-button.is-confirming {
+  background: var(--wp-warning);
+  border-color: var(--wp-warning);
+  color: #ffffff;
 }
 
-.ps-card-toolbar-hint {
+.ps-release-tag-empty {
+  padding: 10px;
+  text-align: center;
   color: var(--wp-text-muted);
   font-size: 12px;
 }
 
-.ps-plugin-card-grid {
-  display: grid;
-  gap: 16px;
-  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
-  align-items: stretch;
-}
-
-.ps-plugin-card {
+.ps-release-validate-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
   display: flex;
   flex-direction: column;
-  gap: 12px;
-  padding: 18px 18px 16px;
-  border: 1px solid var(--wp-border);
-  border-radius: var(--wp-radius-m);
+  gap: 4px;
+}
+
+.ps-release-validate-list li {
+  display: grid;
+  grid-template-columns: 1fr auto auto;
+  align-items: center;
+  gap: 8px;
+  padding: 5px 8px;
   background: var(--wp-surface);
-  box-shadow: var(--wp-shadow-sm);
-  transition: box-shadow 0.16s ease, transform 0.16s ease, border-color 0.16s ease;
-  position: relative;
+  border: 1px solid var(--wp-border-soft);
+  border-radius: var(--wp-radius-s);
+  font-size: 12px;
+  min-height: 30px;
 }
 
-.ps-plugin-card:hover {
-  box-shadow: var(--wp-shadow-md);
-  transform: translateY(-1px);
-  border-color: var(--wp-border-strong);
+.ps-release-validate-list .dashicons {
+  margin-right: 4px;
+  color: var(--wp-text-muted);
+  font-size: 14px;
+  width: 14px;
+  height: 14px;
 }
 
-.ps-plugin-card.is-missing {
-  opacity: 0.72;
-  border-style: dashed;
+.ps-release-validate-state {
+  font-size: 10px;
+  color: var(--wp-text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
 }
 
-.ps-plugin-card-header {
-  display: flex;
-  gap: 12px;
-  align-items: flex-start;
+.ps-release-ignore-patterns,
+.ps-release-ignored-files {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: grid;
+  gap: 3px;
 }
 
-.ps-plugin-card-icon {
-  flex: 0 0 auto;
-  width: 44px;
-  height: 44px;
-  border-radius: var(--wp-radius-m);
-  background: linear-gradient(135deg, var(--wp-admin-theme-color), var(--wp-admin-theme-color-darker-20));
-  color: #ffffff;
-  display: inline-flex;
+.ps-release-ignore-patterns li {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
   align-items: center;
-  justify-content: center;
-  font-weight: 600;
-  font-size: 14px;
-  letter-spacing: 0.02em;
+  gap: 5px;
+  padding: 3px 4px;
+  border: 1px solid var(--wp-border-soft);
+  border-radius: var(--wp-radius-s);
+  background: var(--wp-surface);
 }
 
-.ps-plugin-card-title {
-  flex: 1 1 auto;
+.ps-release-ignore-patterns code {
   min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: block;
+  padding: 2px 6px;
+  border: 1px solid var(--wp-border-soft);
+  border-radius: var(--wp-radius-s);
+  background: var(--wp-surface-soft);
+  color: var(--wp-heading);
+  font-size: 11px;
+  line-height: 18px;
 }
 
-.ps-plugin-card-title h2 {
-  font-size: 15px;
-  font-weight: 600;
-  margin: 0;
-  color: var(--wp-heading);
-  word-break: break-word;
+.ps-release-ignore-patterns .dashicons {
+  font-size: 13px;
+  width: 13px;
+  height: 13px;
 }
 
-.ps-plugin-card-link {
-  background: none;
-  border: 0;
+.ps-release-ignore-remove.button-small {
+  min-width: 24px;
+  min-height: 24px;
+  width: 24px;
   padding: 0;
-  color: var(--wp-admin-theme-color);
-  cursor: pointer;
-  font: inherit;
-  text-align: left;
 }
 
-.ps-plugin-card-link:hover,
-.ps-plugin-card-link:focus-visible {
-  color: var(--wp-admin-theme-color-darker-10);
-  text-decoration: underline;
-  outline: none;
+.ps-release-ignore-patterns button[aria-busy="true"] .dashicons {
+  animation: ps-spin 0.85s linear infinite;
 }
 
-.ps-plugin-card-byline {
-  margin: 2px 0 0;
-  font-size: 12px;
+.ps-release-ignored-files {
+  gap: 0;
+}
+
+.ps-release-ignored-files li {
+  display: grid;
+  grid-template-columns: 14px minmax(0, 1fr) minmax(72px, 0.45fr);
+  grid-template-areas: "icon path pattern";
+  align-items: center;
+  column-gap: 5px;
+  padding: 3px 0;
+  color: var(--wp-text-muted);
+  font-size: 11px;
+}
+
+.ps-release-ignored-files .dashicons {
+  grid-area: icon;
   color: var(--wp-text-muted);
+  font-size: 12px;
+  width: 12px;
+  height: 12px;
+}
+
+.ps-release-ignored-files span:not(.dashicons) {
+  grid-area: path;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
   white-space: nowrap;
+  color: var(--wp-text);
+  font-size: 11px;
+}
+
+.ps-release-ignored-files small {
+  grid-area: pattern;
+  min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--wp-text-muted);
+  font-size: 10px;
+  text-align: right;
 }
 
-.ps-plugin-card-status {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 5px;
+.ps-release-publish-guide {
+  display: grid;
+  gap: 3px;
+  padding: 7px 8px;
+  border: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.18);
+  border-radius: var(--wp-radius-s);
+  background: rgba(var(--wp-admin-theme-color--rgb), 0.05);
+  font-size: 11px;
 }
 
-.ps-plugin-card-meta {
-  display: grid;
-  gap: 8px 16px;
-  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
-  margin: 0;
+.ps-release-publish-guide strong {
+  color: var(--wp-heading);
   font-size: 12px;
 }
 
-.ps-plugin-card-meta dt {
+.ps-release-publish-guide span {
   color: var(--wp-text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  font-size: 11px;
-  margin: 0;
+  line-height: 1.35;
 }
 
-.ps-plugin-card-meta dd {
-  margin: 1px 0 0;
-  color: var(--wp-heading);
-  font-weight: 500;
-  font-size: 13px;
+.ps-release-publish-options {
+  display: grid;
+  gap: 6px;
 }
 
-.ps-plugin-card-path {
-  display: block;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  background: var(--wp-surface-soft);
+.ps-release-publish-option {
+  width: 100%;
+  min-height: 68px;
+  display: grid;
+  grid-template-columns: 24px minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 8px;
+  padding: 8px;
   border: 1px solid var(--wp-border-soft);
   border-radius: var(--wp-radius-s);
-  color: var(--wp-text-soft);
-  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
-  font-size: 11px;
-  padding: 4px 8px;
+  background: var(--wp-surface);
+  color: var(--wp-text);
+  text-align: left;
+  cursor: pointer;
 }
 
-.ps-plugin-card-footer {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 8px;
-  margin-top: auto;
+.ps-release-publish-option:hover,
+.ps-release-publish-option:focus-visible {
+  border-color: rgba(var(--wp-admin-theme-color--rgb), 0.45);
+  box-shadow: 0 0 0 1px rgba(var(--wp-admin-theme-color--rgb), 0.12);
+  outline: none;
 }
 
-.ps-plugin-card-primary {
-  align-items: center;
-  display: inline-flex;
-  gap: 6px;
+.ps-release-publish-option:disabled {
+  cursor: default;
+  opacity: 0.72;
 }
 
-.ps-plugin-card-secondary {
-  background: transparent;
-  border: 0;
-  padding: 0;
+.ps-release-publish-option.is-active,
+.ps-release-publish-option.is-selected {
+  border-color: var(--wp-admin-theme-color);
+  background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
+}
+
+.ps-release-option-icon {
+  width: 24px;
+  height: 24px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   color: var(--wp-admin-theme-color);
-  cursor: pointer;
-  font: inherit;
-  font-size: 12px;
+  background: rgba(var(--wp-admin-theme-color--rgb), 0.1);
+  border-radius: var(--wp-radius-s);
 }
 
-.ps-plugin-card-secondary:hover,
-.ps-plugin-card-secondary:focus-visible {
-  color: var(--wp-admin-theme-color-darker-10);
-  text-decoration: underline;
-  outline: none;
+.ps-release-option-icon.dashicons {
+  font-size: 15px;
+  line-height: 1;
 }
 
-.ps-plugin-card-secondary[disabled] {
-  opacity: 0.45;
-  cursor: not-allowed;
-  pointer-events: none;
+.ps-release-option-content {
+  min-width: 0;
+  display: grid;
+  gap: 3px;
 }
 
-.ps-plugin-card-muted {
-  color: var(--wp-text-muted);
+.ps-release-option-title {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex-wrap: wrap;
+  color: var(--wp-heading);
+  font-size: 12px;
+  line-height: 1.2;
 }
 
-/* Kebab menu */
+.ps-release-option-title strong {
+  font-weight: 600;
+}
 
-.ps-kebab-wrap {
-  position: relative;
-  margin-left: auto;
+.ps-release-option-title em {
+  font-style: normal;
+  font-size: 9px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--wp-admin-theme-color);
+  background: rgba(var(--wp-admin-theme-color--rgb), 0.1);
+  border-radius: 999px;
+  padding: 1px 5px;
 }
 
-.ps-kebab-button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  border: 1px solid transparent;
-  border-radius: var(--wp-radius-m);
-  background: transparent;
-  color: var(--wp-text-soft);
-  cursor: pointer;
+.ps-release-option-copy {
+  color: var(--wp-text-muted);
+  font-size: 11px;
+  line-height: 1.35;
 }
 
-.ps-kebab-button:hover,
-.ps-kebab-button:focus-visible {
-  background: var(--wp-surface-soft);
-  border-color: var(--wp-border);
-  outline: none;
+.ps-release-option-action {
+  justify-self: end;
+  color: var(--wp-admin-theme-color);
+  font-size: 10px;
+  font-weight: 600;
+  line-height: 1.2;
+  text-align: right;
+  max-width: 58px;
 }
 
-.ps-kebab-menu {
-  position: absolute;
-  right: 0;
-  top: calc(100% + 4px);
-  min-width: 200px;
-  background: var(--wp-surface);
-  border: 1px solid var(--wp-border-strong);
-  border-radius: var(--wp-radius-m);
-  box-shadow: var(--wp-shadow-lg);
-  padding: 4px;
-  z-index: 30;
+.ps-release-publish-summary {
+  padding: 8px;
+  border: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.16);
+  border-radius: var(--wp-radius-s);
+  background: linear-gradient(
+    180deg,
+    rgba(var(--wp-admin-theme-color--rgb), 0.06),
+    rgba(var(--wp-admin-theme-color--rgb), 0.025)
+  );
   display: flex;
   flex-direction: column;
+  gap: 8px;
 }
 
-.ps-kebab-menu[hidden] {
-  display: none;
+.ps-release-publish-summary.is-running {
+  display: grid;
+  grid-template-columns: 18px minmax(0, 1fr);
+  align-items: center;
 }
 
-.ps-kebab-menu button {
+.ps-release-publish-summary.is-running .dashicons {
+  animation: ps-spin 0.85s linear infinite;
+  color: var(--wp-admin-theme-color);
+}
+
+.ps-release-publish-result {
+  display: grid;
+  grid-template-columns: 22px minmax(0, 1fr);
+  align-items: start;
+  gap: 7px;
+}
+
+.ps-release-publish-result > .dashicons {
+  width: 22px;
+  height: 22px;
   display: inline-flex;
   align-items: center;
-  gap: 8px;
-  padding: 6px 8px;
-  border: 0;
-  background: transparent;
+  justify-content: center;
+  color: var(--wp-admin-theme-color);
+  background: rgba(var(--wp-admin-theme-color--rgb), 0.1);
   border-radius: var(--wp-radius-s);
-  color: var(--wp-text);
-  cursor: pointer;
-  font: inherit;
-  text-align: left;
+  font-size: 14px;
 }
 
-.ps-kebab-menu button:hover,
-.ps-kebab-menu button:focus-visible {
-  background: var(--wp-surface-soft);
-  outline: none;
+.ps-release-publish-summary p {
+  margin: 0;
+  font-size: 12px;
 }
 
-.ps-kebab-menu-danger {
-  color: var(--wp-error);
+.ps-release-publish-summary strong {
+  color: var(--wp-heading);
 }
 
-.ps-kebab-menu-danger:hover,
-.ps-kebab-menu-danger:focus-visible {
+.ps-release-publish-summary small {
+  display: block;
+  color: var(--wp-text-muted);
+  font-size: 11px;
+  line-height: 1.35;
+}
+
+.ps-release-step-error {
+  margin: 0;
+  padding: 6px 8px;
+  border-radius: var(--wp-radius-s);
   background: var(--wp-error-bg);
   color: var(--wp-error);
+  font-size: 11px;
+  border: 1px solid rgba(204, 24, 24, 0.18);
 }
 
-/* ===================================================================
- * Release management board (top-level view)
- * =================================================================== */
-
-.ps-release-board-shell {
-  margin-top: 14px;
+.ps-release-step-muted {
+  margin: 0;
+  color: var(--wp-text-muted);
+  font-style: italic;
+  font-size: 11px;
 }
 
-.ps-release-board {
-  display: grid;
-  gap: 16px;
-  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
+/* Keep Studio's workbench dark even when later release styles use admin surfaces. */
+.studio-root[data-theme="dark"]:not(.studio-empty-root) input,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) select,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) textarea,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) button {
+  color-scheme: dark;
 }
 
-.ps-release-board-card {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  background: var(--wp-surface);
-  border: 1px solid var(--wp-border);
-  border-radius: var(--wp-radius-m);
-  box-shadow: var(--wp-shadow-sm);
-  padding: 18px;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .button,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .button-secondary {
+  border-color: var(--studio-vscode-border-strong);
+  background: #252526;
+  color: var(--studio-vscode-text);
 }
 
-.ps-release-board-card.is-blocked {
-  border-color: var(--wp-error);
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .button:hover,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .button:focus-visible,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .button-secondary:hover,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .button-secondary:focus-visible {
+  border-color: #5a5a5a;
+  background: #2d2d2d;
+  color: var(--studio-vscode-active);
 }
 
-.ps-release-board-card.is-missing {
-  border-style: dashed;
-  opacity: 0.72;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .button-primary {
+  border-color: var(--studio-vscode-focus);
+  background: var(--studio-vscode-focus);
+  color: #ffffff;
 }
 
-.ps-release-board-card-header {
-  display: flex;
-  align-items: center;
-  gap: 12px;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .button-primary:hover,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .button-primary:focus-visible {
+  border-color: #106ebe;
+  background: #106ebe;
+  color: #ffffff;
 }
 
-.ps-release-board-title h2 {
-  font-size: 15px;
-  margin: 0;
-  color: var(--wp-heading);
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .button:disabled,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .button-secondary:disabled,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .button-primary:disabled {
+  border-color: #303030;
+  background: #222222;
+  color: #6f7378;
 }
 
-.ps-release-board-status {
-  margin-left: auto;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 4px;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .button-danger {
+  border-color: #f14c4c;
+  color: #ff8a80;
 }
 
-.ps-release-board-meta {
-  display: grid;
-  gap: 6px 16px;
-  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
-  margin: 0;
-  padding: 8px 10px;
-  background: var(--wp-surface-soft);
-  border: 1px solid var(--wp-border-soft);
-  border-radius: var(--wp-radius-s);
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .button-danger:hover,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .button-danger:focus-visible {
+  border-color: #f14c4c;
+  background: rgba(241, 76, 76, 0.16);
+  color: #ffb3ad;
 }
 
-.ps-release-board-meta-row {
-  margin: 0;
-  display: flex;
-  flex-direction: column;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-release-pane {
+  background: var(--studio-vscode-side-bg);
+  color: var(--studio-vscode-muted);
 }
 
-.ps-release-board-meta-row dt {
-  font-size: 11px;
-  color: var(--wp-text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-release-empty,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-release-empty p,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-release-title small,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step-heading small,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step-body,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step-grid dt,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step-muted,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-publish-guide span,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-option-copy,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignored-files,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignored-files small,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-tag-spinner,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-tag-empty,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-validate-state,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-publish-summary small {
+  color: var(--studio-vscode-muted);
 }
 
-.ps-release-board-meta-row dd {
-  margin: 0;
-  font-size: 13px;
-  color: var(--wp-heading);
-  font-weight: 500;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-release-empty .dashicons,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-tag-name .dashicons,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-validate-list .dashicons,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignored-files .dashicons {
+  color: #858585;
 }
 
-.ps-release-board-messages {
-  margin: 0;
-  padding: 0 0 0 16px;
-  font-size: 12px;
-  color: var(--wp-text-soft);
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-release-empty strong,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-release-title strong,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step-heading strong,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step-grid dd,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-publish-guide strong,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-option-title,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignore-patterns code,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignored-files span:not(.dashicons),
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-tag-name,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-publish-summary strong {
+  color: var(--studio-vscode-active);
 }
 
-.ps-release-board-card-footer {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  margin-top: auto;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-funnel::before,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step-connector {
+  background: var(--studio-vscode-border-strong);
 }
 
-/* ===================================================================
- * Studio sidebar segmented tabs (AI Helper ⟷ Release)
- * =================================================================== */
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-tag-list,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-validate-list li,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignore-patterns li,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-publish-option {
+  border-color: var(--studio-vscode-border-strong);
+  background: #1f1f1f;
+  box-shadow: none;
+}
 
-.studio-sidebar-tabs.ps-segmented {
-  display: inline-flex;
-  align-self: stretch;
-  margin: 12px 14px 6px;
-  padding: 2px;
-  background: var(--wp-surface-soft);
-  border: 1px solid var(--wp-border);
-  border-radius: var(--wp-radius-m);
-  gap: 2px;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-release-pane .empty-state {
+  border-color: var(--studio-vscode-border-strong);
+  background: #1f1f1f;
+  color: var(--studio-vscode-muted);
 }
 
-.ps-segmented-option {
-  flex: 1;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  padding: 6px 10px;
-  border: 0;
-  border-radius: calc(var(--wp-radius-m) - 1px);
-  background: transparent;
-  color: var(--wp-text-soft);
-  cursor: pointer;
-  font: inherit;
-  font-size: 12px;
-  font-weight: 500;
-  transition: background 0.12s ease, color 0.12s ease;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-release-pane .empty-state strong {
+  color: var(--studio-vscode-active);
 }
 
-.ps-segmented-option:hover {
-  color: var(--wp-text);
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-release-pane .empty-state .dashicons {
+  color: #8bdcff;
+  opacity: 0.85;
 }
 
-.ps-segmented-option.is-active {
-  background: var(--wp-admin-theme-color);
-  color: #ffffff;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-tree-ignored-badge,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-tree-deferred-badge {
+  border: 1px solid #3c3c3c;
+  background: #2d2d2d;
+  color: #c8c8c8;
 }
 
-.ps-segmented-option.is-active .dashicons {
-  color: inherit;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-tree-deferred-badge {
+  color: #f0b849;
 }
 
-.studio-sidebar-pane {
-  display: flex;
-  flex-direction: column;
-  flex: 1 1 auto;
-  min-height: 0;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-tree-action {
+  color: var(--studio-vscode-muted);
 }
 
-/* ===================================================================
- * Release funnel (Studio right sidebar) — WP 7.0 Modern
- *
- * Visual rules:
- * - Step card is always neutral surface (--wp-surface) with hairline
- *   --wp-border. Status is communicated via inline pills only.
- * - Hairline 1px connector along the left in --wp-border-soft.
- * - Sticky step headers get a subtle 1px bottom border when scrolled
- *   (no shadow). 12px rhythm between steps, 8px gutter inside steps.
- * - All inline buttons use .button-small (28px). Dashicons sit left.
- * =================================================================== */
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-tree-action:hover,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-tree-action:focus-visible {
+  background: #3c3c3c;
+  color: var(--studio-vscode-active);
+}
 
-.studio-release-pane {
-  display: flex;
-  flex-direction: column;
-  flex: 1 1 auto;
-  min-height: 0;
-  padding: 8px 12px 12px;
-  gap: 8px;
-  overflow-y: auto;
-  scrollbar-gutter: stable;
-  font-size: 12px;
-  color: var(--wp-text-soft);
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignored-files li {
+  padding: 3px 0;
+  border: 0;
+  border-radius: 0;
+  background: #252526;
 }
 
-.studio-release-empty {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  padding: 24px 14px;
-  color: var(--wp-text-soft);
-  gap: 6px;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignore-patterns code {
+  border-color: var(--studio-vscode-border);
+  background: #252526;
+  color: var(--studio-vscode-active);
 }
 
-.studio-release-empty .dashicons {
-  font-size: 24px;
-  width: 24px;
-  height: 24px;
-  color: var(--wp-text-muted);
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignore-patterns .button {
+  border-color: var(--studio-vscode-border-strong);
+  background: #2d2d2d;
+  color: var(--studio-vscode-text);
 }
 
-.studio-release-empty strong {
-  color: var(--wp-heading);
-  font-size: 13px;
-  font-weight: 600;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignore-patterns .button:hover,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignore-patterns .button:focus-visible {
+  border-color: var(--studio-vscode-focus);
+  background: #37373d;
+  color: var(--studio-vscode-active);
 }
 
-.studio-release-empty p {
-  margin: 0;
-  font-size: 12px;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-publish-guide,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-publish-option.is-active,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-publish-option.is-selected {
+  border-color: rgba(76, 194, 255, 0.32);
+  background: rgba(76, 194, 255, 0.08);
 }
 
-.studio-release-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 4px 2px 2px;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-publish-summary {
+  border-color: rgba(76, 194, 255, 0.22);
+  background: linear-gradient(180deg, rgba(76, 194, 255, 0.09), rgba(76, 194, 255, 0.035));
 }
 
-.studio-release-title {
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 1px;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-publish-option:hover,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-publish-option:focus-visible {
+  border-color: rgba(76, 194, 255, 0.56);
+  box-shadow: 0 0 0 1px rgba(76, 194, 255, 0.1);
 }
 
-.studio-release-title strong {
-  display: block;
-  font-size: 12px;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: var(--wp-heading);
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-option-icon,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-publish-result > .dashicons {
+  color: #8bdcff;
+  background: rgba(76, 194, 255, 0.12);
 }
 
-.studio-release-title small {
-  color: var(--wp-text-muted);
-  font-size: 11px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-option-action,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-option-title em {
+  color: #8bdcff;
 }
 
-.ps-release-funnel {
-  margin: 0;
-  padding: 0 0 0 18px;
-  list-style: none;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  position: relative;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-option-title em {
+  background: rgba(76, 194, 255, 0.12);
 }
 
-.ps-release-funnel::before {
-  content: "";
-  position: absolute;
-  top: 10px;
-  bottom: 10px;
-  left: 9px;
-  width: 1px;
-  background: var(--wp-border-soft);
-  z-index: 0;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step-header {
+  background: #252526;
+  border-bottom-color: transparent;
 }
 
-.ps-release-step {
-  position: relative;
-  border: 1px solid var(--wp-border);
-  border-radius: var(--wp-radius-m);
-  background: var(--wp-surface);
-  box-shadow: var(--wp-shadow-sm);
-  overflow: hidden;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step:not(:first-of-type) .ps-release-step-header,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step-body,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-tag-row {
+  border-color: var(--studio-vscode-border);
 }
 
-/* Hairline tick from the funnel rail into each step */
-.ps-release-step-connector {
-  position: absolute;
-  top: 14px;
-  left: -10px;
-  width: 9px;
-  height: 1px;
-  background: var(--wp-border-soft);
-  z-index: 0;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step-marker {
+  border-color: var(--studio-vscode-border-strong);
+  background: #2d2d2d;
+  color: var(--studio-vscode-text);
 }
 
-.ps-release-step-header {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 10px;
-  position: sticky;
-  top: 0;
-  z-index: 2;
-  background: var(--wp-surface);
-  border-bottom: 1px solid transparent;
-  transition: border-color 0.12s ease;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step-custom label,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step-newtag label {
+  color: var(--studio-vscode-muted);
 }
 
-.studio-release-pane:not(:hover) .ps-release-step-header {
-  /* Keep the rule definition stable for scroll-state detection. */
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step-custom input,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step-newtag input {
+  border-color: var(--studio-vscode-border-strong);
+  background: var(--studio-vscode-bg);
+  color: var(--studio-vscode-active);
 }
 
-.ps-release-step:not(:first-of-type) .ps-release-step-header {
-  border-bottom-color: var(--wp-border-soft);
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step-custom input:focus-visible,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step-newtag input:focus-visible {
+  border-color: var(--studio-vscode-focus);
+  box-shadow: 0 0 0 1px var(--studio-vscode-focus);
 }
 
-.ps-release-step-marker {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  background: var(--wp-surface);
-  border: 1px solid var(--wp-border-strong);
-  color: var(--wp-text-soft);
-  font-weight: 600;
-  font-size: 11px;
-  flex: 0 0 auto;
-  font-feature-settings: "tnum" 1;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-tag-row.is-current {
+  background: rgba(0, 120, 212, 0.16);
 }
 
-.ps-release-step-heading {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  gap: 1px;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-switch-conflict {
+  border-color: rgba(240, 184, 73, 0.56);
+  background: rgba(240, 184, 73, 0.12);
 }
 
-.ps-release-step-heading strong {
-  font-size: 12px;
-  color: var(--wp-heading);
-  display: block;
-  font-weight: 600;
-  letter-spacing: 0.01em;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-switch-conflict p,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-tag-uncommitted {
+  color: #f0b849;
 }
 
-.ps-release-step-heading small {
-  font-size: 11px;
-  color: var(--wp-text-muted);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-tag-ready,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-tag-local-note {
+  color: #86efac;
 }
 
-.ps-release-step-body {
-  position: relative;
-  z-index: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 8px 10px 10px;
-  font-size: 12px;
-  color: var(--wp-text-soft);
-  border-top: 1px solid var(--wp-border-soft);
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-tag-ready {
+  border-color: rgba(134, 239, 172, 0.26);
+  background: rgba(34, 197, 94, 0.12);
 }
 
-.ps-release-step-grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 4px 10px;
-  margin: 0;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-tag-ready.is-blocked {
+  border-color: rgba(240, 184, 73, 0.32);
+  background: rgba(240, 184, 73, 0.12);
+  color: #f0b849;
 }
 
-.ps-release-step-grid div {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-tag-uncommitted {
+  background: rgba(240, 184, 73, 0.16);
 }
 
-.ps-release-step-grid dt {
-  font-size: 10px;
-  color: var(--wp-text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-inline-error,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step-error {
+  color: #ff8a80;
 }
 
-.ps-release-step-grid dd {
-  margin: 0;
-  font-size: 12px;
-  color: var(--wp-heading);
-  font-weight: 500;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step-error {
+  border-color: rgba(241, 76, 76, 0.32);
+  background: rgba(241, 76, 76, 0.14);
 }
 
-.ps-release-step-bumps {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 4px;
+/* Light Studio theme */
+.studio-root[data-theme="light"]:not(.studio-empty-root) input,
+.studio-root[data-theme="light"]:not(.studio-empty-root) select,
+.studio-root[data-theme="light"]:not(.studio-empty-root) textarea,
+.studio-root[data-theme="light"]:not(.studio-empty-root) button {
+  color-scheme: light;
 }
 
-.ps-release-step-bumps .button,
-.ps-release-step-newtag .button,
-.ps-release-step-custom .button,
-.ps-release-publish-options .button {
-  align-items: center;
-  display: inline-flex;
-  gap: 4px;
-  min-height: 26px;
-  padding: 0 8px;
-  font-size: 12px;
-  line-height: 1.2;
+.studio-root[data-theme="light"] {
+  background: var(--studio-vscode-bg);
+  color: var(--studio-vscode-text);
 }
 
-.ps-release-step-bumps .button .dashicons,
-.ps-release-step-newtag .button .dashicons,
-.ps-release-step-custom .button .dashicons,
-.ps-release-publish-options .button .dashicons,
-.ps-release-tag-actions .button .dashicons {
-  font-size: 14px;
-  width: 14px;
-  height: 14px;
+.studio-root[data-theme="light"] .studio-title strong,
+.studio-root[data-theme="light"] .studio-pane-header strong,
+.studio-root[data-theme="light"] .studio-secondary-header strong,
+.studio-root[data-theme="light"] .studio-ai-agent strong,
+.studio-root[data-theme="light"] .studio-ai-reply header span,
+.studio-root[data-theme="light"] .studio-ai-bubble header span,
+.studio-root[data-theme="light"] .studio-ai-empty strong {
+  color: var(--studio-vscode-active);
 }
 
-.ps-release-bump-button.is-busy .dashicons-update {
-  animation: ps-spin 0.85s linear infinite;
+.studio-root[data-theme="light"] .studio-title span,
+.studio-root[data-theme="light"] .studio-layout-button,
+.studio-root[data-theme="light"] .studio-pane-action,
+.studio-root[data-theme="light"] .studio-preview-state,
+.studio-root[data-theme="light"] #studio-editor-status,
+.studio-root[data-theme="light"] .studio-ai-status,
+.studio-root[data-theme="light"] .studio-ai-empty,
+.studio-root[data-theme="light"] .studio-ai-empty small,
+.studio-root[data-theme="light"] .studio-ai-context-chip,
+.studio-root[data-theme="light"] .studio-file-tabs-empty {
+  color: var(--studio-vscode-muted);
 }
 
-.ps-release-bump-button.is-success {
-  border-color: var(--wp-success);
-  color: var(--wp-success);
+.studio-root[data-theme="light"] .studio-titlebar,
+.studio-root[data-theme="light"] .studio-activitybar,
+.studio-root[data-theme="light"] .studio-pane-header,
+.studio-root[data-theme="light"] .studio-secondary-header,
+.studio-root[data-theme="light"] .studio-files,
+.studio-root[data-theme="light"] .studio-ai,
+.studio-root[data-theme="light"] .studio-ai-header,
+.studio-root[data-theme="light"] .studio-ai-context,
+.studio-root[data-theme="light"] .studio-ai-composer {
+  border-color: var(--studio-vscode-border);
+  background: var(--studio-vscode-side-bg);
+  color: var(--studio-vscode-text);
 }
 
-.ps-release-step-custom,
-.ps-release-step-newtag {
-  display: flex;
-  align-items: flex-end;
-  gap: 6px;
+.studio-root[data-theme="light"] .studio-titlebar,
+.studio-root[data-theme="light"] .studio-activitybar {
+  background: var(--studio-vscode-title-bg);
 }
 
-.ps-release-step-custom label,
-.ps-release-step-newtag label {
-  flex: 1 1 auto;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  font-size: 10px;
-  color: var(--wp-text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
+.studio-root[data-theme="light"] .studio-action-button,
+.studio-root[data-theme="light"] .studio-icon-button,
+.studio-root[data-theme="light"] .studio-theme-switch {
+  border-color: var(--studio-vscode-border-strong);
+  background: #ffffff;
+  color: var(--studio-vscode-text);
 }
 
-.ps-release-step-custom input,
-.ps-release-step-newtag input {
-  padding: 4px 8px;
-  border: 1px solid var(--wp-border-strong);
-  border-radius: var(--wp-radius-s);
-  font-size: 12px;
-  color: var(--wp-heading);
-  background: var(--wp-surface);
-  height: 26px;
-  text-transform: none;
-  letter-spacing: 0;
+.studio-root[data-theme="light"] .studio-toolbar-group {
+  border-color: transparent;
+  background: transparent;
 }
 
-.ps-release-step-custom input:focus-visible,
-.ps-release-step-newtag input:focus-visible {
-  outline: none;
-  box-shadow: var(--wp-focus-ring);
-  border-color: var(--wp-admin-theme-color);
+.studio-root[data-theme="light"] .studio-toolbar-run {
+  border-color: transparent;
+  background: transparent;
 }
 
-.ps-release-inline-error {
-  margin: 0;
-  font-size: 11px;
-  color: var(--wp-error);
-  display: flex;
-  align-items: center;
-  gap: 4px;
+.studio-root[data-theme="light"] .studio-toolbar-layout,
+.studio-root[data-theme="light"] .studio-toolbar-actions,
+.studio-root[data-theme="light"] .studio-preview-state {
+  border-color: var(--studio-vscode-border);
+  background: #ffffff;
+  box-shadow: none;
 }
 
-.ps-release-inline-error .dashicons {
-  font-size: 14px;
-  width: 14px;
-  height: 14px;
+.studio-root[data-theme="light"] .studio-title-actions .studio-action-button,
+.studio-root[data-theme="light"] .studio-title-actions .studio-icon-button,
+.studio-root[data-theme="light"] .studio-title-actions .studio-theme-switch {
+  border-color: transparent;
+  background: transparent;
 }
 
-.ps-release-switch-conflict {
-  display: grid;
-  gap: 7px;
-  padding: 8px;
-  border: 1px solid var(--wp-warning);
-  border-radius: var(--wp-radius-s);
-  background: var(--wp-warning-bg);
+.studio-root[data-theme="light"] .studio-action-button:hover,
+.studio-root[data-theme="light"] .studio-icon-button:hover,
+.studio-root[data-theme="light"] .studio-icon-button[aria-pressed="true"],
+.studio-root[data-theme="light"] .studio-theme-switch:hover,
+.studio-root[data-theme="light"] .studio-theme-switch:focus-visible,
+.studio-root[data-theme="light"] .studio-layout-button:hover,
+.studio-root[data-theme="light"] .studio-layout-button:focus-visible,
+.studio-root[data-theme="light"] .studio-layout-button.is-active,
+.studio-root[data-theme="light"] .studio-pane-action:hover,
+.studio-root[data-theme="light"] .studio-pane-action:focus-visible,
+.studio-root[data-theme="light"] .studio-activity-button:hover,
+.studio-root[data-theme="light"] .studio-activity-button:focus-visible {
+  background: #eaeef2;
+  color: var(--studio-vscode-active);
+}
+
+.studio-root[data-theme="light"] .studio-play-tab-button {
+  border-color: #0969da;
+  background: #0969da;
+  color: #ffffff;
 }
 
-.ps-release-switch-conflict p,
-.ps-release-conflict-actions {
-  margin: 0;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  flex-wrap: wrap;
+.studio-root[data-theme="light"] .studio-play-tab-button:hover,
+.studio-root[data-theme="light"] .studio-play-tab-button:focus-visible {
+  border-color: #0757b8;
+  background: #0757b8;
+  color: #ffffff;
 }
 
-.ps-release-switch-conflict p {
-  font-size: 11px;
-  color: var(--wp-warning);
+.studio-root[data-theme="light"] .studio-title-actions .studio-package-size-button {
+  color: var(--studio-vscode-active);
 }
 
-.ps-release-conflict-actions .dashicons {
-  font-size: 14px;
-  width: 14px;
-  height: 14px;
+.studio-root[data-theme="light"] .studio-package-size-button.is-over-limit {
+  border-color: rgba(214, 54, 56, 0.36);
+  background: #fff0f0;
+  color: #b42318;
 }
 
-.ps-release-tag-list {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  display: flex;
-  flex-direction: column;
-  border: 1px solid var(--wp-border-soft);
-  border-radius: var(--wp-radius-s);
-  background: var(--wp-surface);
-  overflow: hidden;
+.studio-root[data-theme="light"] .studio-package-size-button.is-stale:not(.is-over-limit) {
+  color: #8a5a00;
 }
 
-.ps-release-tag-row {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 5px 8px;
-  border-bottom: 1px solid var(--wp-border-soft);
-  min-height: 30px;
+.studio-root[data-theme="light"] .studio-package-size-button.has-error {
+  color: #b42318;
 }
 
-.ps-release-tag-row:last-child {
-  border-bottom: 0;
+.studio-root[data-theme="light"] .studio-action-button:disabled,
+.studio-root[data-theme="light"] .studio-action-button[aria-disabled="true"],
+.studio-root[data-theme="light"] .studio-play-tab-button:disabled {
+  border-color: #d8dee4;
+  background: #f6f8fa;
+  color: #8c959f;
 }
 
-.ps-release-tag-row.is-current {
-  background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
+.studio-root[data-theme="light"] .studio-title-actions .studio-action-button:disabled,
+.studio-root[data-theme="light"] .studio-title-actions .studio-action-button[aria-disabled="true"] {
+  border-color: transparent;
+  background: transparent;
+  color: #8c959f;
 }
 
-.ps-release-tag-row.is-switching {
-  opacity: 0.7;
+.studio-root[data-theme="light"] .studio-theme-switch-track {
+  border-color: #afb8c1;
+  background: #d8dee4;
 }
 
-.ps-release-tag-name {
-  display: inline-flex;
-  align-items: center;
-  gap: 5px;
-  font-weight: 500;
-  color: var(--wp-heading);
-  flex: 1 1 auto;
-  min-width: 0;
-  font-size: 12px;
+.studio-root[data-theme="light"] .studio-theme-switch-track span {
+  background: #0969da;
 }
 
-.ps-release-tag-name .dashicons {
-  color: var(--wp-text-muted);
-  font-size: 14px;
-  width: 14px;
-  height: 14px;
+.studio-root[data-theme="light"] .studio-resizer-h,
+.studio-root[data-theme="light"] .studio-resizer-v {
+  border-color: var(--studio-vscode-border);
+  background: #f6f8fa;
 }
 
-.ps-release-tag-current,
-.ps-release-tag-uncommitted {
-  font-size: 9px;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  padding: 1px 6px;
-  border-radius: 9999px;
-  font-weight: 600;
+.studio-root[data-theme="light"] .studio-tree-row {
+  color: var(--studio-vscode-text);
 }
 
-.ps-release-tag-current {
-  background: var(--wp-admin-theme-color);
-  color: #ffffff;
+.studio-root[data-theme="light"] .studio-tree-arrow,
+.studio-root[data-theme="light"] .studio-tree-indent,
+.studio-root[data-theme="light"] .studio-tree-icon {
+  color: #57606a;
 }
 
-.ps-release-tag-uncommitted {
-  background: var(--wp-warning-bg);
-  color: var(--wp-warning);
+.studio-root[data-theme="light"] .studio-tree-row:hover,
+.studio-root[data-theme="light"] .studio-tree-row:focus-visible,
+.studio-root[data-theme="light"] .studio-tree-row:focus-within,
+.studio-root[data-theme="light"] .studio-tree-file-row.is-current,
+.studio-root[data-theme="light"] .studio-tree-folder.has-current > .studio-tree-folder-row,
+.studio-root[data-theme="light"] .studio-tab-button:hover,
+.studio-root[data-theme="light"] .studio-tab-button:focus-visible,
+.studio-root[data-theme="light"] .studio-tab-close:hover,
+.studio-root[data-theme="light"] .studio-tab-close:focus-visible {
+  background: #eaeef2;
+  color: var(--studio-vscode-active);
 }
 
-.ps-release-tag-spinner {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 10px;
-  color: var(--wp-text-muted);
+.studio-root[data-theme="light"] .studio-workbench,
+.studio-root[data-theme="light"] .studio-tabs,
+.studio-root[data-theme="light"] .studio-panel-body,
+.studio-root[data-theme="light"] .studio-editor-fallback {
+  background: var(--studio-vscode-bg);
+  color: var(--studio-vscode-text);
 }
 
-.ps-release-tag-spinner .dashicons {
-  animation: ps-spin 0.85s linear infinite;
-  font-size: 12px;
-  width: 12px;
-  height: 12px;
+.studio-root[data-theme="light"] .studio-tab-button {
+  border-color: var(--studio-vscode-border);
+  background: var(--studio-vscode-tab-bg);
+  color: var(--studio-vscode-muted);
 }
 
-.ps-release-tag-actions {
-  display: inline-flex;
-  gap: 4px;
+.studio-root[data-theme="light"] .studio-tab-button.is-active {
+  background: var(--studio-vscode-bg);
+  color: var(--studio-vscode-active);
 }
 
-.ps-release-tag-actions .button.is-confirming,
-.ps-release-confirm-button.is-confirming {
-  background: var(--wp-warning);
-  border-color: var(--wp-warning);
-  color: #ffffff;
+.studio-root[data-theme="light"] .studio-tab-close {
+  color: #57606a;
 }
 
-.ps-release-tag-empty {
-  padding: 10px;
-  text-align: center;
-  color: var(--wp-text-muted);
-  font-size: 12px;
+.studio-root[data-theme="light"] .studio-preview-empty {
+  color: #1a7f37;
 }
 
-.ps-release-validate-list {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
+.studio-root[data-theme="light"] .studio-ai-avatar.is-harness {
+  border-color: var(--studio-vscode-border);
+  box-shadow: 0 1px 2px rgba(27, 31, 36, 0.12);
 }
 
-.ps-release-validate-list li {
-  display: grid;
-  grid-template-columns: 1fr auto auto;
-  align-items: center;
-  gap: 8px;
-  padding: 5px 8px;
-  background: var(--wp-surface);
-  border: 1px solid var(--wp-border-soft);
-  border-radius: var(--wp-radius-s);
-  font-size: 12px;
-  min-height: 30px;
+.studio-root[data-theme="light"] .studio-ai-context-chip,
+.studio-root[data-theme="light"] .studio-ai-suggestion,
+.studio-root[data-theme="light"] .studio-ai-bubble,
+.studio-root[data-theme="light"] .studio-ai-change-card,
+.studio-root[data-theme="light"] .studio-ai-input-shell,
+.studio-root[data-theme="light"] .studio-ai-state,
+.studio-root[data-theme="light"] .studio-ai-message-system {
+  border-color: var(--studio-vscode-border);
+  background: #ffffff;
+  color: var(--studio-vscode-text);
 }
 
-.ps-release-validate-list .dashicons {
-  margin-right: 4px;
-  color: var(--wp-text-muted);
-  font-size: 14px;
-  width: 14px;
-  height: 14px;
+.studio-root[data-theme="light"] .studio-ai-messages {
+  background: #ffffff;
 }
 
-.ps-release-validate-state {
-  font-size: 10px;
-  color: var(--wp-text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
+.studio-root[data-theme="light"] .studio-ai-suggestion:hover,
+.studio-root[data-theme="light"] .studio-ai-suggestion:focus-visible,
+.studio-root[data-theme="light"] .studio-ai-change:hover,
+.studio-root[data-theme="light"] .studio-ai-change:focus-visible,
+.studio-root[data-theme="light"] .studio-ai-change-action:hover,
+.studio-root[data-theme="light"] .studio-ai-change-action:focus-visible {
+  background: #eaeef2;
+  color: var(--studio-vscode-active);
 }
 
-.ps-release-publish-options {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 4px;
+.studio-root[data-theme="light"] .studio-ai-changes,
+.studio-root[data-theme="light"] .studio-check-notes,
+.studio-root[data-theme="light"] .studio-terminal,
+.studio-root[data-theme="light"] .studio-terminal header {
+  border-color: var(--studio-vscode-border);
+  background: #f6f8fa;
+  color: var(--studio-vscode-text);
 }
 
-.ps-release-publish-summary {
-  border-top: 1px dashed var(--wp-border-soft);
-  padding-top: 8px;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
+.studio-root[data-theme="light"] .studio-terminal-output {
+  background: #ffffff;
 }
 
-.ps-release-publish-summary p {
-  margin: 0;
-  font-size: 12px;
+.studio-root[data-theme="light"] .terminal-muted,
+.studio-root[data-theme="light"] .studio-terminal header span,
+.studio-root[data-theme="light"] .studio-check-notes header span,
+.studio-root[data-theme="light"] .studio-check-note-line {
+  color: var(--studio-vscode-muted);
 }
 
-.ps-release-publish-summary strong {
-  color: var(--wp-heading);
-  text-transform: capitalize;
+.studio-root[data-theme="light"] .terminal-log,
+.studio-root[data-theme="light"] .studio-check-note,
+.studio-root[data-theme="light"] .studio-check-notes header,
+.studio-root[data-theme="light"] .studio-check-note-text strong {
+  color: var(--studio-vscode-text);
 }
 
-.ps-release-publish-summary small {
-  display: block;
-  color: var(--wp-text-muted);
-  font-size: 11px;
+.studio-root[data-theme="light"] .studio-check-note:hover,
+.studio-root[data-theme="light"] .studio-check-note:focus-visible {
+  background: #eaeef2;
 }
 
-.ps-release-step-error {
-  margin: 0;
-  padding: 6px 8px;
-  border-radius: var(--wp-radius-s);
-  background: var(--wp-error-bg);
-  color: var(--wp-error);
-  font-size: 11px;
-  border: 1px solid rgba(204, 24, 24, 0.18);
+.studio-root[data-theme="light"] .studio-release-pane {
+  background: var(--studio-vscode-side-bg);
+  color: var(--studio-vscode-muted);
 }
 
-.ps-release-step-muted {
-  margin: 0;
-  color: var(--wp-text-muted);
-  font-style: italic;
-  font-size: 11px;
+.studio-root[data-theme="light"] .ps-release-step,
+.studio-root[data-theme="light"] .ps-release-step-header,
+.studio-root[data-theme="light"] .ps-release-tag-list,
+.studio-root[data-theme="light"] .ps-release-validate-list li {
+  border-color: var(--studio-vscode-border);
+  background: #ffffff;
+  box-shadow: none;
 }