/* 2026-08-14 · Codex · AI 音乐关键文字与操作整体放大，右侧补三步引导，大屏优先、手机单独降级。 · CHG-20260814-MUSIC-READABILITY-HIERARCHY-LOCAL */
/* 2026-08-14 · Codex · 模板市场与 AI 音乐本地高级视觉层：编辑型卡片、专业创作台、克制按钮与 3D 磨砂。 · CHG-20260814-WORKSPACE-TEMPLATES-MUSIC-PREMIUM-LOCAL */

body.site-surface--workspace {
  --workspace-deep: #2d2345;
  --workspace-deep-2: #5942a9;
  --workspace-violet: #6b52d7;
  --workspace-line: rgba(53, 41, 78, .12);
  --workspace-glass: rgba(255, 255, 255, .72);
  --workspace-glass-strong: rgba(255, 255, 255, .88);
}

body.site-surface--workspace .ws-btn-recharge {
  flex: 0 0 auto;
  white-space: nowrap;
  border: 1px solid rgba(56, 41, 94, .20);
  color: #fff;
  background: linear-gradient(135deg, #30254b 0%, #493670 54%, #6c50bb 100%);
  box-shadow: 0 9px 24px rgba(54, 39, 89, .20), 0 1px 0 rgba(255, 255, 255, .20) inset;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

body.site-surface--workspace .ws-btn-recharge:hover {
  transform: translateY(-2px);
  filter: saturate(1.06);
  box-shadow: 0 14px 30px rgba(54, 39, 89, .28), 0 1px 0 rgba(255, 255, 255, .24) inset;
}

body.site-surface--workspace .pb-view[data-view="templates"],
body.site-surface--workspace .pb-view[data-view="music"] {
  position: relative;
  isolation: isolate;
}

body.site-surface--workspace .pb-view[data-view="templates"]::before,
body.site-surface--workspace .pb-view[data-view="music"]::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: -36px -24px auto;
  height: 390px;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 12%, rgba(107, 82, 215, .12), transparent 38%),
    radial-gradient(circle at 84% 4%, rgba(239, 68, 68, .065), transparent 34%);
  filter: blur(20px);
}

body.site-surface--workspace .pb-view[data-view="templates"] > .ws-page-title {
  margin: 4px 0 7px;
  color: #201a2b;
  font-size: clamp(30px, 2.6vw, 40px);
  font-weight: 650;
  letter-spacing: -.035em;
}

body.site-surface--workspace .pb-view[data-view="templates"] > .ws-page-title::before {
  content: 'CURATED CREATIVE LIBRARY';
  display: block;
  margin-bottom: 10px;
  color: #6b52d7;
  font: 760 10px/1.2 var(--pb-sans);
  letter-spacing: .17em;
}

body.site-surface--workspace .pb-view[data-view="templates"] > .ws-page-sub {
  max-width: 640px;
  margin-bottom: 24px;
  color: #716b78;
  font-size: 14px;
  line-height: 1.7;
}

body.site-surface--workspace .pbtm-commandbar {
  margin: 0 0 24px;
  padding: 12px 12px 5px;
  border: 1px solid var(--workspace-line);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(248, 246, 252, .60));
  box-shadow: 0 18px 44px rgba(42, 31, 65, .075), 0 1px 0 rgba(255, 255, 255, .95) inset;
  backdrop-filter: blur(22px) saturate(155%);
  -webkit-backdrop-filter: blur(22px) saturate(155%);
}

body.site-surface--workspace .pbtm-toolbar {
  gap: 12px;
  margin: 0 0 11px;
}

body.site-surface--workspace .pbtm-search-wrap {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}

body.site-surface--workspace .pbtm-search-wrap svg {
  position: absolute;
  z-index: 1;
  left: 14px;
  top: 50%;
  width: 17px;
  height: 17px;
  color: #8d8794;
  transform: translateY(-50%);
  pointer-events: none;
}

body.site-surface--workspace .pbtm-search {
  height: 48px;
  padding: 0 16px 0 42px;
  border-color: rgba(57, 45, 82, .11);
  border-radius: 14px;
  color: #28222f;
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .96) inset;
}

body.site-surface--workspace .pbtm-search:focus {
  border-color: rgba(107, 82, 215, .54);
  box-shadow: 0 0 0 4px rgba(107, 82, 215, .10), 0 1px 0 #fff inset;
}

body.site-surface--workspace .pbtm-count {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(57, 45, 82, .09);
  border-radius: 999px;
  color: #7c7584;
  background: rgba(255, 255, 255, .66);
}

body.site-surface--workspace .pbtm-count b {
  margin-right: 4px;
  color: #392d50;
  font-size: 13px;
}

body.site-surface--workspace .pbtm-chips {
  gap: 6px;
  padding: 0 1px 8px;
}

body.site-surface--workspace .pbtm-chip {
  min-height: 34px;
  padding: 0 13px;
  border-color: transparent;
  color: #6c6672;
  background: transparent;
  transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}

body.site-surface--workspace .pbtm-chip:hover {
  color: #30283b;
  background: rgba(69, 53, 102, .055);
}

body.site-surface--workspace .pbtm-chip.active {
  border-color: rgba(58, 43, 92, .16);
  color: #fff;
  background: linear-gradient(135deg, #30254b, #6048a2);
  box-shadow: 0 8px 18px rgba(50, 37, 78, .18), 0 1px 0 rgba(255, 255, 255, .18) inset;
}

body.site-surface--workspace .pbtm-grid {
  columns: 4 260px;
  column-gap: 20px;
}

body.site-surface--workspace .pbtm-card{
  transform-style:preserve-3d;
  margin-bottom: 20px;
  border: 1px solid rgba(55, 43, 79, .12);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(246, 243, 251, .68));
  box-shadow: 0 1px 0 rgba(255, 255, 255, .95) inset, 0 18px 42px rgba(42, 31, 65, .095), 0 4px 12px rgba(42, 31, 65, .05);
  backdrop-filter: blur(22px) saturate(155%);
  -webkit-backdrop-filter: blur(22px) saturate(155%);
  transition: transform .24s cubic-bezier(.2,.8,.2,1), box-shadow .24s ease, border-color .2s ease;
}

body.site-surface--workspace .pbtm-media {
  background: linear-gradient(135deg, #ece8f3, #f7f5f9);
  transform: translateZ(12px);
}

body.site-surface--workspace .pbtm-media::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(145deg, rgba(255, 255, 255, .22), transparent 34%, rgba(32, 25, 45, .05));
}

body.site-surface--workspace .pbtm-media img {
  background: #f0edf3;
  transition: transform .46s cubic-bezier(.2,.8,.2,1), filter .3s ease;
}

body.site-surface--workspace .pbtm-card:hover .pbtm-media img {
  transform: scale(1.025);
}

body.site-surface--workspace .pbtm-ratio {
  right: 10px;
  bottom: 10px;
  min-height: 24px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, .30);
  background: rgba(28, 22, 38, .54);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body.site-surface--workspace .pbtm-body {
  position: relative;
  z-index: 4;
  padding: 15px 15px 14px;
  transform: translateZ(18px);
}

body.site-surface--workspace .pbtm-category {
  margin-bottom: 6px;
  color: #745bd0;
  font-size: 10px;
  font-weight: 780;
  letter-spacing: .06em;
}

body.site-surface--workspace .pbtm-title {
  min-height: 42px;
  color: #211b29;
  font-size: 14px;
  font-weight: 720;
  line-height: 1.48;
}

body.site-surface--workspace .pbtm-meta {
  margin-top: 8px;
  color: #8b8491;
}

body.site-surface--workspace .pbtm-use {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 40px;
  margin-top: 13px;
  padding: 0 11px 0 13px;
  border: 1px solid rgba(54, 42, 77, .12);
  border-radius: 11px;
  color: #3e3450;
  background: rgba(255, 255, 255, .66);
  box-shadow: 0 1px 0 #fff inset;
  font: 700 12.5px/1 var(--pb-sans);
  transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

body.site-surface--workspace .pbtm-use-arrow {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 8px;
  color: #6a50c1;
  background: rgba(107, 82, 215, .09);
  font-size: 13px;
  transition: transform .2s ease, color .2s ease, background .2s ease;
}

body.site-surface--workspace .pbtm-use:hover {
  border-color: rgba(54, 42, 77, .22);
  color: #fff;
  background: linear-gradient(135deg, #30254b, #5d45a0);
  box-shadow: 0 10px 22px rgba(49, 36, 76, .20), 0 1px 0 rgba(255, 255, 255, .18) inset;
  transform: translateY(-1px);
}

body.site-surface--workspace .pbtm-use:hover .pbtm-use-arrow {
  color: #fff;
  background: rgba(255, 255, 255, .14);
  transform: translate(2px, -2px);
}

body.site-surface--workspace .pbtm-dialog {
  border: 1px solid rgba(255, 255, 255, .54);
  background: rgba(250, 248, 252, .90);
  box-shadow: 0 34px 90px rgba(24, 17, 35, .30);
  backdrop-filter: blur(28px) saturate(150%);
  -webkit-backdrop-filter: blur(28px) saturate(150%);
}

body.site-surface--workspace .pbtm-dialog .pbtm-use {
  justify-content: center;
  gap: 12px;
  min-height: 48px;
  color: #fff;
  background: linear-gradient(135deg, #30254b, #6048a2);
}

body.site-surface--workspace .pb-view[data-view="music"] > .ws-page-title,
body.site-surface--workspace .pb-view[data-view="music"] > .ws-page-sub {
  display: none;
}

body.site-surface--workspace .pbm-studio-intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  margin: 2px 0 18px;
}

body.site-surface--workspace .pbm-studio-kicker {
  display: block;
  margin-bottom: 11px;
  color: #6b52d7;
  font-size: 10px;
  font-weight: 780;
  letter-spacing: .18em;
}

body.site-surface--workspace .pbm-studio-intro h2 {
  max-width: 780px;
  margin: 0;
  color: #201a2b;
  font-family: var(--pb-serif);
  font-size: clamp(38px, 3.2vw, 50px);
  font-weight: 650;
  line-height: 1.1;
  letter-spacing: -.04em;
}

body.site-surface--workspace .pbm-studio-intro p {
  margin: 6px 0 0;
  color: #706a76;
  font-size: 15.5px;
  line-height: 1.7;
}

body.site-surface--workspace .pbm-studio-facts {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

body.site-surface--workspace .pbm-studio-facts span {
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(56, 43, 85, .11);
  border-radius: 999px;
  color: #655e6b;
  background: rgba(255, 255, 255, .64);
  box-shadow: 0 8px 22px rgba(44, 33, 65, .05), 0 1px 0 #fff inset;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  font-size: 12.5px;
  font-weight: 650;
}

body.site-surface--workspace .pbm-wrap{
  grid-template-columns:minmax(460px,500px) minmax(0,1fr);
  gap: 28px;
  max-width: 1540px;
  margin: 0 auto;
  align-items: stretch;
}

body.site-surface--workspace .pbm-create,.pbm-workspace{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(55, 43, 79, .13);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(246, 243, 251, .64));
  box-shadow: 0 1px 0 rgba(255, 255, 255, .96) inset, 0 24px 58px rgba(42, 31, 65, .10), 0 5px 14px rgba(42, 31, 65, .045);
  backdrop-filter: blur(24px) saturate(160%);
  -webkit-backdrop-filter: blur(24px) saturate(160%);
  transform-style: preserve-3d;
}

body.site-surface--workspace .pbm-create {
  gap: 14px;
  padding: 18px;
}

body.site-surface--workspace .pbm-workspace {
  min-height: 680px;
  padding: 28px 30px;
}

body.site-surface--workspace .pbm-mode-tabs {
  gap: 8px;
  padding: 5px;
  border: 1px solid rgba(54, 42, 77, .08);
  border-radius: 13px;
  background: rgba(66, 50, 93, .055);
}

body.site-surface--workspace .pbm-mode-tab {
  min-height: 48px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #736c79;
}

body.site-surface--workspace .pbm-mode-tab.active {
  border-color: rgba(56, 43, 85, .11);
  color: #3e3158;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 7px 18px rgba(45, 34, 67, .075), 0 1px 0 #fff inset;
}

body.site-surface--workspace .pbm-mode-tab{
  font-size:15.5px;
  font-weight:720;
}

body.site-surface--workspace .pbm-mode-tab svg {
  width: 18px;
  height: 18px;
}

body.site-surface--workspace .pbm-panel {
  gap: 12px;
}

body.site-surface--workspace .pbm-field {
  gap: 7px;
}

body.site-surface--workspace .pbm-label {
  font-size:14px;
  color: #514a58;
  font-weight: 720;
}

body.site-surface--workspace .pbm-textarea,
body.site-surface--workspace .pbm-input {
  border: 1px solid rgba(54, 42, 77, .13);
  border-radius: 13px;
  color: #2c2532;
  background: rgba(255, 255, 255, .68);
  box-shadow: 0 1px 0 #fff inset;
  padding: 14px 15px;
  font-size: 15.5px;
  line-height: 1.65;
}

body.site-surface--workspace .pbm-textarea {
  min-height: 116px;
}

body.site-surface--workspace .pbm-hint {
  color: #7a7380;
  font-size: 12.5px;
  line-height: 1.65;
}

body.site-surface--workspace .pbm-tag-row {
  gap: 9px;
  margin-top: 6px;
}

body.site-surface--workspace .pbm-textarea:focus,
body.site-surface--workspace .pbm-input:focus {
  border-color: rgba(107, 82, 215, .52);
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 0 0 4px rgba(107, 82, 215, .09), 0 1px 0 #fff inset;
}

body.site-surface--workspace .pbm-tag-preset {
  min-height: 34px;
  padding: 0 11px;
  border-color: rgba(54, 42, 77, .10);
  color: #6d6673;
  background: rgba(255, 255, 255, .62);
  font-size:13.5px;
  font-weight: 620;
}

body.site-surface--workspace .pbm-toggle-row {
  min-height: 56px;
  padding: 8px 12px;
  border: 1px solid rgba(54, 42, 77, .10);
  border-radius: 14px;
  background: rgba(255, 255, 255, .54);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset;
}

body.site-surface--workspace .pbm-toggle-track {
  width: 46px;
  height: 26px;
}

body.site-surface--workspace .pbm-toggle-track::after {
  width: 22px;
  height: 22px;
}

body.site-surface--workspace .pbm-toggle-row input:checked + .pbm-toggle-track::after {
  transform: translateX(20px);
}

body.site-surface--workspace .pbm-toggle-info b {
  font-size: 15px;
}

body.site-surface--workspace .pbm-toggle-info small {
  margin-top: 2px;
  font-size: 12.5px;
  line-height: 1.5;
}

body.site-surface--workspace .pbm-tag-preset.selected {
  border-color: rgba(88, 65, 166, .22);
  color: #4e3a85;
  background: rgba(107, 82, 215, .10);
}

body.site-surface--workspace .pbm-create-foot {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
  padding-top: 3px;
}

body.site-surface--workspace .pbm-price-card {
  padding: 10px;
  border-color: rgba(55, 43, 79, .10);
  border-radius: 14px;
  background: rgba(56, 43, 80, .045);
}

body.site-surface--workspace .pbm-price-bal {
  min-height: 38px;
  padding-inline: 12px;
  color: #5e5665;
  background: rgba(255, 255, 255, .70);
  font-size: 14px;
}

body.site-surface--workspace .pbm-price-bal b {
  color: #4f3b8e;
}

body.site-surface--workspace .pbm-price-row {
  min-height: 38px;
  padding: 6px 10px;
  font-size: 14.5px;
}

body.site-surface--workspace .pbm-price-title {
  font-size: 13.5px;
}

body.site-surface--workspace .pbm-price-note {
  font-size: 12px;
  line-height: 1.45;
}

body.site-surface--workspace .pbm-btn-gen {
  min-height: 58px;
  border: 1px solid rgba(48, 37, 75, .22);
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(135deg, #30254b 0%, #493670 54%, #6c50bb 100%);
  box-shadow: 0 12px 28px rgba(54, 39, 89, .24), 0 1px 0 rgba(255, 255, 255, .20) inset;
  font-size:16px;
}

body.site-surface--workspace .pbm-btn-gen:hover {
  transform: translateY(-2px);
  box-shadow: 0 17px 34px rgba(54, 39, 89, .30), 0 1px 0 rgba(255, 255, 255, .24) inset;
}

body.site-surface--workspace .pbm-gen-price {
  background: rgba(255, 255, 255, .13);
}

body.site-surface--workspace .pbm-ws-head {
  position: relative;
  z-index: 4;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(56, 43, 85, .09);
}

body.site-surface--workspace .pbm-ws-title {
  color: #2c2532;
  font-size: 17px;
  font-weight: 720;
}

body.site-surface--workspace .pbm-status.idle {
  min-height: 30px;
  padding-inline: 12px;
  color: #716a77;
  background: rgba(58, 44, 84, .055);
  font-size: 12.5px;
}

body.site-surface--workspace .pbm-empty {
  position: relative;
  min-height: 390px;
  justify-content: center;
  padding: 54px 20px;
}

body.site-surface--workspace .pbm-empty::before {
  content: '';
  position: absolute;
  width: 230px;
  height: 230px;
  border: 1px solid rgba(107, 82, 215, .08);
  border-radius: 50%;
  box-shadow: 0 0 0 34px rgba(107, 82, 215, .026), 0 0 0 70px rgba(107, 82, 215, .018);
  pointer-events: none;
}

body.site-surface--workspace .pbm-empty > * {
  position: relative;
  z-index: 1;
}

body.site-surface--workspace .pbm-empty-ic {
  width: 72px;
  height: 72px;
  border: 1px solid rgba(107, 82, 215, .14);
  color: #654bc3;
  background: linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(107, 82, 215, .10));
  box-shadow: 0 16px 34px rgba(79, 58, 134, .13), 0 1px 0 #fff inset;
}

body.site-surface--workspace .pbm-empty-ic svg {
  width: 36px;
  height: 36px;
}

body.site-surface--workspace .pbm-empty-t {
  color: #2a2331;
  font-size:22px;
  font-weight: 680;
}

body.site-surface--workspace .pbm-empty-d {
  max-width: 520px;
  color: #6f6876;
  font-size: 14.5px;
  line-height: 1.75;
}

body.site-surface--workspace .pbm-empty-steps {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  width: min(720px, 100%);
  margin-top: 30px;
}

body.site-surface--workspace .pbm-empty-steps > div {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid rgba(63, 48, 94, .10);
  border-radius: 14px;
  text-align: left;
  background: rgba(255, 255, 255, .62);
  box-shadow: 0 9px 24px rgba(44, 33, 65, .055), 0 1px 0 #fff inset;
}

body.site-surface--workspace .pbm-empty-steps strong {
  flex: 0 0 auto;
  color: #6b52d7;
  font-size: 12px;
  letter-spacing: .06em;
}

body.site-surface--workspace .pbm-empty-steps span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}

body.site-surface--workspace .pbm-empty-steps b {
  color: #332a3f;
  font-size: 14px;
}

body.site-surface--workspace .pbm-empty-steps small {
  color: #817a87;
  font-size: 11.5px;
  line-height: 1.45;
}

body.site-surface--workspace .pbm-history {
  position: relative;
  z-index: 4;
  margin-top: 0;
  padding: 18px;
  border: 1px solid rgba(55, 43, 79, .09);
  border-radius: 17px;
  background: rgba(255, 255, 255, .45);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .72) inset;
}

body.site-surface--workspace .pbm-history-title {
  color: #4a4251;
  font-size: 15px;
}

body.site-surface--workspace .pbm-hist-state {
  min-height: 130px;
  justify-content: center;
  padding: 18px;
}

body.site-surface--workspace .pbm-hist-state-t {
  font-size: 15px;
}

body.site-surface--workspace .pbm-hist-state-d {
  max-width: 360px;
  font-size: 13px;
}

body.site-surface--workspace .pbm-hist-state-ic {
  width: 42px;
  height: 42px;
  color: #6850bf;
  background: rgba(107, 82, 215, .08);
}

@media(max-width:1100px) {
  body.site-surface--workspace .pbtm-grid { columns: 3 240px; }
  body.site-surface--workspace .pbm-wrap { grid-template-columns: minmax(360px, 400px) minmax(0, 1fr); }
}

@media(max-width:900px){
  body.site-surface--workspace .pbm-studio-intro { align-items: flex-start; flex-direction: column; gap: 16px; }
  body.site-surface--workspace .pbm-studio-facts { justify-content: flex-start; }
  body.site-surface--workspace .pbm-wrap{grid-template-columns:1fr;}
  body.site-surface--workspace .pbm-workspace { min-height: 520px; }
}

@media(max-width:680px) {
  body.site-surface--workspace .ws-btn-recharge { padding-inline: 11px; font-size: 12.5px; }
  body.site-surface--workspace .pb-view[data-view="templates"] > .ws-page-title { font-size: 30px; }
  body.site-surface--workspace .pbtm-commandbar { margin-inline: -2px; padding: 9px 9px 3px; border-radius: 17px; }
  body.site-surface--workspace .pbtm-toolbar { align-items: stretch; gap: 9px; }
  body.site-surface--workspace .pbtm-count { align-self: flex-start; min-height: 30px; }
  body.site-surface--workspace .pbtm-grid { columns: 2; column-gap: 10px; }
  body.site-surface--workspace .pbtm-card { margin-bottom: 10px; border-radius: 15px; backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px); }
  body.site-surface--workspace .pbtm-body { padding: 10px; transform: none; }
  body.site-surface--workspace .pbtm-title { min-height: 35px; font-size: 12px; }
  body.site-surface--workspace .pbtm-use { min-height: 42px; padding: 0 7px 0 10px; }
  body.site-surface--workspace .pbtm-use-arrow { width: 24px; height: 24px; }
  body.site-surface--workspace .pbm-studio-intro { margin-top: 0; margin-bottom: 18px; }
  body.site-surface--workspace .pbm-studio-intro h2 { font-size: 30px; }
  body.site-surface--workspace .pbm-studio-intro p { font-size: 13px; line-height: 1.65; }
  body.site-surface--workspace .pbm-studio-facts span { font-size: 10.5px; }
  body.site-surface--workspace .pbm-create,
  body.site-surface--workspace .pbm-workspace { padding: 14px; border-radius: 18px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
  body.site-surface--workspace .pbm-workspace { min-height: 460px; }
  body.site-surface--workspace .pbm-empty { min-height: 230px; }
  body.site-surface--workspace .pbm-empty-steps { grid-template-columns: 1fr; margin-top: 22px; }
  body.site-surface--workspace .pbm-empty-steps > div { padding: 11px 12px; }
  body.site-surface--workspace .pbm-history { padding: 14px; }
}

@media(prefers-reduced-motion:reduce) {
  body.site-surface--workspace .pbtm-card,
  body.site-surface--workspace .pbtm-media img,
  body.site-surface--workspace .pbtm-use,
  body.site-surface--workspace .pbm-btn-gen { transition: none !important; }
}