/* Illustrated ready tools; future-tool voting retains its own layout. */
body.dashboard-page #create #studioChooser .creation-ready > .creation-section-heading { display: none; }
body.dashboard-page #create #studioChooser .studio-pin-notice {
  margin: 0 0 18px; color: var(--workspace-muted); font-size: 12px; line-height: 1.9;
}
body.dashboard-page #create #studioChooser .creation-hub-grid {
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px;
}
body.dashboard-page #create #studioChooser .studio-card-item {
  --studio-accent: #26d8c3; position: relative; min-width: 0;
}
body.dashboard-page #create #studioChooser .studio-card-item[data-service=source] { --studio-accent: #42baff; }
body.dashboard-page #create #studioChooser .studio-card-item[data-service=dialogue] { --studio-accent: #b17bf4; }
body.dashboard-page #create #studioChooser .studio-card-item[data-service=advertisement] { --studio-accent: #f4b349; }
body.dashboard-page #create #studioChooser .studio-card-item[data-service=manual] { --studio-accent: #9e7aff; }
body.dashboard-page #create #studioChooser .studio-card-item[data-service=children-story] { --studio-accent: #ce8beb; }
body.dashboard-page #create #studioChooser .studio-card-item[data-service=tts] { --studio-accent: #ff985d; }
body.dashboard-page #create #studioChooser .studio-card-item .creation-choice {
  --choice-glow: var(--studio-accent); width: 100%; max-width: none;
  height: 304px; min-height: 304px; border-radius: 18px; transform: none;
}
body.dashboard-page #create #studioChooser .studio-card-item .choice-flip { border-radius: 18px; }
body.dashboard-page #create #studioChooser .studio-card-item .choice-face-front {
  padding: 18px 20px; border-radius: 18px;
  border: 1px solid color-mix(in srgb,var(--studio-accent) 35%,#19202c)!important;
  background: radial-gradient(ellipse at 40% 0%,color-mix(in srgb,var(--studio-accent) 12%,transparent),transparent 72%),#0e111a!important;
  box-shadow: inset 0 1px 0 #ffffff06!important;
  transition: border-color .2s,box-shadow .2s;
}
body.dashboard-page #create #studioChooser .studio-card-item .choice-front-icon {
  display: grid; position: relative; width: 100%; height: 125px; flex: none;
  margin: 0 0 8px; border: 0!important; border-radius: 0;
  background: transparent!important; box-shadow: none; color: var(--studio-accent)!important;
}
body.dashboard-page #create #studioChooser .studio-card-item .choice-front-icon img {
  position: absolute; inset: -16px 0 auto; display: block; width: 172px; height: 156px;
  margin-inline: auto; object-fit: contain; mix-blend-mode: screen; pointer-events: none;
}
body.dashboard-page #create #studioChooser .studio-card-item .choice-front-icon svg {
  width: 76px; height: 76px; filter: drop-shadow(0 0 12px color-mix(in srgb,var(--studio-accent) 60%,transparent));
}
body.dashboard-page #create #studioChooser .studio-card-item .choice-front-icon.has-artwork svg { visibility: hidden; }
body.dashboard-page #create #studioChooser .studio-card-item .choice-front-title {
  color: #f8f6fc; font-size: 18px; line-height: 1.65; font-weight: 800;
}
body.dashboard-page #create #studioChooser .studio-card-item .choice-front-description {
  display: block; overflow: visible; margin: 7px 0 12px; color: #cbd0dc; font-size: 12px; line-height: 1.9;
}
body.dashboard-page #create #studioChooser .studio-card-item .choice-front-status {
  align-self: flex-end; margin-top: auto; padding: 4px 11px;
  border: 0; border-radius: 20px; font-size: 11px; line-height: 1.8;
  background: color-mix(in srgb,var(--studio-accent) 18%,transparent);
  color: color-mix(in srgb,var(--studio-accent) 75%,white)!important;
}
body.dashboard-page #create #studioChooser .studio-card-arrow {
  position: absolute; bottom: 18px; right: 20px; display: grid; place-items: center;
  width: 29px; height: 29px; border-radius: 50%; color: #fff;
  background: linear-gradient(135deg,color-mix(in srgb,var(--studio-accent) 75%,#111),color-mix(in srgb,var(--studio-accent) 32%,#111));
  box-shadow: inset 0 1px 1px #ffffff30;
}
body.dashboard-page #create #studioChooser .studio-card-arrow svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body.dashboard-page #create #studioChooser .studio-card-pin {
  position: absolute; top: 10px; left: 10px; z-index: 2; display: grid; place-items: center;
  width: 36px; height: 36px; min-height: 36px; padding: 8px; border-radius: 11px;
  border: 1px solid #ffffff10; color: #9fa8bb; background: #111722a8; cursor: pointer;
}
body.dashboard-page #create #studioChooser .studio-card-pin svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
body.dashboard-page #create #studioChooser .studio-card-pin[aria-pressed=true] {
  color: var(--studio-accent); border-color: color-mix(in srgb,var(--studio-accent) 50%,transparent);
  background: color-mix(in srgb,var(--studio-accent) 16%,#111722);
}
body.dashboard-page #create #studioChooser .studio-card-pin[aria-pressed=true] svg { fill: color-mix(in srgb,var(--studio-accent) 25%,transparent); }
body.dashboard-page #create #studioChooser .studio-card-pin:disabled { opacity: .4; cursor: wait; }
body.dashboard-page #create #studioChooser .studio-card-item :is(.creation-choice,.studio-card-pin):focus-visible { outline: 2px solid var(--studio-accent); outline-offset: 4px; }
@media (hover:hover) {
  body.dashboard-page #create #studioChooser .studio-card-item .creation-choice:not(:disabled):hover .choice-face-front {
    border-color: color-mix(in srgb,var(--studio-accent) 75%,#19202c)!important;
    box-shadow: 0 0 24px color-mix(in srgb,var(--studio-accent) 10%,transparent)!important;
  }
  body.dashboard-page #create #studioChooser .studio-card-pin:hover { color: var(--studio-accent); }
}
html[data-podly-theme=light] body.dashboard-page #create #studioChooser .studio-card-item .choice-face-front {
  background: radial-gradient(ellipse at top,color-mix(in srgb,var(--studio-accent) 12%,transparent),transparent 80%),#fff!important;
  border-color: color-mix(in srgb,var(--studio-accent) 40%,#d5dce2)!important;
}
html[data-podly-theme=light] body.dashboard-page #create #studioChooser .studio-card-item .choice-front-title { color: #24313a!important; }
html[data-podly-theme=light] body.dashboard-page #create #studioChooser .studio-card-item .choice-front-description { color: #52616d!important; }
html[data-podly-theme=light] body.dashboard-page #create #studioChooser .studio-card-item .choice-front-status { color: color-mix(in srgb,var(--studio-accent) 40%,#18202b)!important; }
html[data-podly-theme=light] body.dashboard-page #create #studioChooser .studio-card-item .choice-front-icon img { mix-blend-mode: normal; border-radius: 22px; }
html[data-podly-theme=light] body.dashboard-page #create #studioChooser .studio-card-pin { background: #fff; color: #576171; border-color: #d5dce2; }
html[data-podly-theme=light] body.dashboard-page #create #studioChooser .studio-card-pin[aria-pressed=true] { color: #24313a; background: color-mix(in srgb,var(--studio-accent) 30%,white); }
@media (max-width:1100px) {
  body.dashboard-page #create #studioChooser .creation-hub-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
}
@media (max-width:600px) {
  body.dashboard-page #create #studioChooser .creation-hub-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
  body.dashboard-page #create #studioChooser .studio-card-item .creation-choice { height: 300px; min-height: 300px; }
  body.dashboard-page #create #studioChooser .studio-card-pin { width: 44px; height: 44px; }
}
@media (prefers-reduced-motion:reduce) {
  body.dashboard-page #create #studioChooser .studio-card-item .choice-face-front { transition: none; }
}