/* BEGIN: KaratNavigation */
.sidebar { background: var(--white); border-color: var(--border); }
.sidebar .nav-item { position: relative; border-radius: var(--radius-sm); transition: background var(--transition), color var(--transition); }
.sidebar .nav-item:hover { background: var(--white); color: var(--ink); }
.sidebar__capture { border-radius: var(--radius-sm); }
/* END: KaratNavigation */

/* BEGIN: KaratHome */
.home { padding-top: var(--s48); }
.home__heading { text-align: left; gap: var(--s8); margin-bottom: var(--s32); }
.home__heading .eyebrow { color: var(--muted); }
.home__heading h1 { font-size: var(--title-size); line-height: var(--title-line); font-weight: var(--weight-bold); }
.home__heading p { font-size: var(--body-size); }
.home__tasks { grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--s20); }
.home .task { display: grid; grid-template-rows: auto minmax(0,1fr); height: var(--s380); transition: border-color var(--transition), box-shadow var(--transition); }
.home .task:hover { border-color: var(--orange); box-shadow: var(--shadow-soft); }
.home .task__copy { padding: var(--s24); gap: var(--s8); max-width: none; }
.home .task h2 { font-size: var(--section-small); line-height: var(--body-line); padding-right: var(--s24); letter-spacing: 0; }
.task__label { font-size: var(--tiny-size); line-height: var(--s20); font-weight: var(--weight-bold); text-transform: uppercase; letter-spacing: var(--s2); color: var(--muted); }
.home .task__copy p { font-size: var(--caption-size); line-height: var(--body-line); }
.task__visual { min-height: 0; margin: 0 var(--s12) var(--s12); padding: var(--s16); border-radius: var(--radius-control); background: var(--surface-photography); overflow: hidden; }
.home .task__hero { position: static; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.home .task__angles { position: static; display: flex; align-items: center; gap: var(--s8); }
.home .task__angles img { width: calc((100% - var(--s16)) / 3); height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.home .task__arrow { top: var(--s20); right: var(--s20); bottom: auto; left: auto; width: var(--s28); height: var(--s28); font-size: var(--section-small); background: transparent; color: var(--orange-hover); }
.home .task-stack { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--s20); }
.home .task--small { display: block; height: var(--home-secondary-task-height); }
.home .task--small .task__copy { width: 65%; padding: var(--s20); }
.home .task--small h2 { padding-right: 0; }
.home .task--small img { position: absolute; right: var(--s12); top: var(--s12); width: 30%; height: calc(100% - var(--s24)); border-radius: var(--radius-control); object-fit: cover; }
.home .task--small .task__arrow { top: auto; bottom: var(--s20); left: auto; right: var(--s20); background: var(--white); border-radius: var(--radius-round); }
.home__recent { margin-top: var(--s40); padding-top: var(--s24); border-top: 1px solid var(--border); }
@media (min-width: 1440px) {
  .home__tasks { grid-template-columns: 1fr 1fr 1fr; }
  .home .task-stack { grid-column: auto; grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .home { padding: var(--s28) var(--s20) var(--s40); }
  .home__tasks, .home .task-stack { grid-template-columns: 1fr; }
  .home .task-stack { grid-column: auto; }
  .home .task { height: var(--s338); }
  .home .task--small { height: var(--home-secondary-task-height); }
  .home .task__copy { padding: var(--s20); }
}
/* END: KaratHome */

/* BEGIN: KaratViewer */
body[data-page="media-viewer"], .viewer { background: var(--dark); }
.viewer { min-width: 0; }
.viewer__header { gap: var(--s12); grid-template-columns: var(--s44) minmax(0,1fr) var(--s44); }
.viewer__workspace { min-width: 0; }
.viewer__frame { width: min(var(--viewer-canvas-max),calc(100vh - 260px),100%); }
.viewer__identity { justify-self: start; display: grid; gap: var(--s2); min-width: 0; padding: 0; border-radius: 0; background: transparent; font-size: var(--body-size); letter-spacing: 0; }
.viewer__identity > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.viewer__identity small { font-size: var(--tiny-size); color: var(--viewer-muted); font-weight: var(--weight-normal); }
.viewer__stage { border-radius: var(--radius-card); }
.viewer__actions { min-width: 0; border: 0; padding: var(--s10) var(--s24) var(--s16); }
.viewer__tools { display: flex; align-items: center; gap: var(--s4); max-width: 100%; overflow-x: auto; padding: var(--s6); border: 1px solid var(--viewer-toolbar-border); border-radius: var(--radius-card); background: var(--viewer-toolbar-bg); }
.viewer__tools .viewer-action { display: flex; align-items: center; justify-content: center; gap: var(--s8); width: auto; min-width: 0; min-height: var(--s44); padding: var(--s10) var(--s14); white-space: nowrap; flex-shrink: 0; color: var(--viewer-muted); }
.viewer__tools .viewer-action:hover { background: var(--viewer-toolbar-hover); color: var(--white); }
.viewer__tools .viewer-action svg { width: var(--s18); height: var(--s18); flex-shrink: 0; }
.viewer__tools .viewer-action--danger { border-left: 1px solid var(--viewer-toolbar-border); border-radius: 0; }
@media (max-width: 767px) {
  .viewer__frame { width: min(calc(100vh - 238px),100%); }
  .viewer__header { padding-inline: var(--s12); gap: var(--s8); }
  .viewer__identity { font-size: var(--label-size); }
  .viewer__actions { justify-content: center; padding-inline: var(--s12); overflow: hidden; }
  .viewer__tools .viewer-action { padding-inline: var(--s12); }
}
/* END: KaratViewer */

/* BEGIN: KaratWorkspaceControls */
.editor-inspector { background: var(--surface-photography); box-shadow: none; }
.editor-panel__header { min-height: var(--s100); padding: var(--s20); background: var(--panel-heading-bg); border-bottom: 0; border-left: var(--s4) solid var(--orange); border-radius: var(--radius-card) var(--radius-card) 0 0; }
.editor-panel__header h2 { color: var(--white); font-size: var(--section-small); }
.editor-panel__header p { color: var(--panel-heading-muted); font-size: var(--caption-size); }
.editor-panel__header .editor-panel__reset { color: var(--white); padding: var(--s4) var(--s8); border: 1px solid var(--panel-heading-border); border-radius: var(--radius-sm); background: transparent; }
.editor-panel__section { margin: var(--s12) var(--s12) 0; padding: var(--s16); border: 1px solid var(--border); border-radius: var(--radius-control); background: var(--white); }
.editor-section-label { color: var(--ink); font-size: var(--tiny-size); letter-spacing: var(--s2); }
.editor-toolrail, .editor-quickbar, .editor-viewport-controls { background: var(--white); box-shadow: none; border-color: var(--border); }
.editor-toolrail button { position: relative; }
.editor-toolrail button.is-active { background: var(--surface-photography); color: var(--orange-hover); }
.editor-toolrail button.is-active::before { content: ''; position: absolute; left: 0; top: var(--s12); bottom: var(--s12); width: var(--s4); background: var(--orange); border-radius: var(--radius-round); }
.editor-ratio-grid .button.is-active, .editor-background-options .button.is-active, .capture-count-options button.is-active { color: var(--orange-hover); border-color: var(--orange); background: var(--white); box-shadow: inset 0 calc(-1 * var(--s2)) 0 var(--orange); }
.capture-panel { background: var(--surface-photography); }
.capture-card { padding: var(--s20); gap: var(--s20); }
.capture-card > h3 { margin: calc(-1 * var(--s20)) calc(-1 * var(--s20)) 0; padding: var(--s16) var(--s20); color: var(--white); background: var(--panel-heading-bg); border-left: var(--s4) solid var(--orange); border-radius: var(--radius-card) var(--radius-card) 0 0; }
.capture-segment { padding: 0; gap: var(--s8); border-radius: 0; background: transparent; }
.capture-segment button { border-color: var(--border); background: var(--white); border-radius: var(--radius-sm); }
.capture-segment button.is-active { color: var(--orange-hover); border-color: var(--orange); box-shadow: inset 0 calc(-1 * var(--s2)) 0 var(--orange); font-weight: var(--weight-bold); }
.capture-mode-settings, .capture-essentials { padding: var(--s14); border: 0; border-radius: var(--radius-control); background: var(--surface-photography); }
.capture-setting-heading { gap: var(--s8); flex-wrap: wrap; }
.capture-device { border-radius: var(--radius-control); }
.capture-device__icon { background: var(--surface-photography); color: var(--orange-hover); }
/* END: KaratWorkspaceControls */

/* BEGIN: KaratCardVariants */
.catalog-grid > .media-card { border: 1px solid var(--border); border-radius: var(--radius-card); overflow: hidden; background: var(--white); }
.catalog-grid .media-card__image { padding: var(--s12); border: 0; border-bottom: 1px solid var(--border); border-radius: 0; background: var(--surface-photography); }
.catalog-grid .media-card__image img { border-radius: var(--radius-sm); }
.catalog-grid .media-card__footer { padding: var(--s12) var(--s16); }
.catalog-grid .media-card__name { font-weight: var(--weight-bold); }
.catalog-grid .media-card__meta { margin-top: var(--s4); font-weight: var(--weight-normal); }
.studio-selection-card > header { padding: var(--s8) var(--s4) var(--s12); border-bottom: 1px solid var(--border); margin-bottom: var(--s12); }
.studio-selection-card > header h2 { font-size: var(--label-size); }
.studio-advanced { background: var(--surface-photography); }
.studio-launcher-card { border-radius: var(--radius-control); }
.studio-launcher-card:hover { box-shadow: var(--shadow-soft); }
/* END: KaratCardVariants */

/* BEGIN: KaratIconControls */
.icon, .editor-toolrail svg, .editor-quickbar svg, .editor-viewport-controls svg, .editor-header .button--icon svg, .viewer-action svg { stroke-width: var(--icon-stroke); }
.editor-toolrail svg, .editor-quickbar svg, .viewer__tools .viewer-action svg { width: var(--s20); height: var(--s20); }
.editor-workspace input[type="range"], .capture-workspace input[type="range"] { accent-color: var(--orange-hover); }
.editor-ratio-grid .button, .editor-background-options .button, .capture-count-options button { border-radius: var(--radius-sm); }
/* END: KaratIconControls */

/* BEGIN: ProductPicker */
.dialog--product-picker { width: min(94vw,760px); height: min(760px,90dvh); max-height: 90dvh; padding: var(--s24); overflow: hidden; }
.dialog--product-picker[open] { display: grid; grid-template-rows: auto minmax(0,1fr); }
.dialog--product-picker .dialog__header { margin-bottom: var(--s16); }
.dialog--product-picker .dialog__body { min-height: 0; grid-template-rows: auto auto minmax(0,1fr) auto; gap: var(--s12); }
.product-picker__controls { display: grid; gap: var(--s12); }
.product-picker__intro { font-size: var(--caption-size); }
.product-picker__search { gap: var(--s6); font-size: var(--caption-size); font-weight: var(--weight-medium); }
.product-picker__search input { font-size: var(--body-size); }
.product-picker__filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--s12); }
.product-picker__filters label { min-width: 0; gap: var(--s6); color: var(--muted); font-size: var(--tiny-size); }
.product-picker__filters select { width: 100%; min-width: 0; min-height: var(--s40); padding: var(--s8) var(--s12); font-size: var(--caption-size); background: var(--surface-photography); }
.product-picker__summary { display: flex; align-items: center; justify-content: space-between; min-height: var(--s28); gap: var(--s8); font-size: var(--caption-size); color: var(--muted); }
.product-picker__reset { padding: var(--s4) var(--s8); border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--orange-hover); font-size: var(--caption-size); }
.product-picker__reset:hover { background: var(--orange-soft); }
.product-picker__list { min-height: 0; display: flex; flex-direction: column; gap: var(--s8); overflow-y: auto; overscroll-behavior: contain; padding: var(--s4); border-top: 1px solid var(--border); scrollbar-gutter: stable; }
.product-picker__item { display: grid; grid-template-columns: var(--s64) minmax(0,1fr) auto; align-items: center; gap: var(--s16); flex-shrink: 0; width: 100%; padding: var(--s12); text-align: left; border: 1px solid var(--border); border-radius: var(--radius-control); background: var(--white); transition: border-color var(--transition), background var(--transition); }
.product-picker__item:hover { background: var(--surface-photography); border-color: var(--orange); }
.product-picker__item.is-current { border-color: var(--orange); background: var(--surface-photography); }
.product-picker__image { width: var(--s64); height: var(--s64); object-fit: contain; border-radius: var(--radius-sm); background: var(--surface-photography); }
.product-picker__info { display: grid; gap: var(--s4); min-width: 0; }
.product-picker__info strong { font-size: var(--label-size); line-height: var(--body-line); font-weight: var(--weight-bold); overflow-wrap: anywhere; }
.product-picker__meta { font-size: var(--caption-size); color: var(--ink); }
.product-picker__collection { color: var(--muted); font-size: var(--tiny-size); overflow-wrap: anywhere; }
.product-picker__trailing { display: grid; gap: var(--s8); justify-items: end; }
.product-picker__trailing small { font-size: var(--tiny-size); color: var(--muted); white-space: nowrap; }
.product-picker__select { color: var(--muted); font-size: var(--caption-size); }
.product-picker__item:hover .product-picker__select { color: var(--orange-hover); }
.product-picker__current { padding: var(--s2) var(--s8); border-radius: var(--radius-sm); background: var(--orange-soft); color: var(--orange-hover); font-weight: var(--weight-medium); font-size: var(--tiny-size); }
.product-picker__hint { padding-top: var(--s8); border-top: 1px solid var(--border); color: var(--muted); font-size: var(--tiny-size); }
.product-picker__empty { display: grid; justify-items: center; align-content: center; gap: var(--s12); flex: 1; padding: var(--s24); text-align: center; }
.product-picker__empty strong { font-size: var(--body-size); }
.product-picker__empty p { font-size: var(--caption-size); max-width: 340px; }
@media (max-width: 540px) {
  .capture-stage__header { grid-template-columns: var(--s40) minmax(0,1fr) auto; gap: var(--s8); }
  .capture-stage__header > .button { display: inline-flex; min-height: var(--s40); padding: var(--s8); font-size: var(--caption-size); }
  .capture-stage__header h1 { font-size: var(--body-size); }
  .capture-stage__header .eyebrow { font-size: var(--tiny-size); }
  .dialog--product-picker { padding: var(--s16); }
  .product-picker__item { grid-template-columns: var(--s52) minmax(0,1fr); gap: var(--s12); padding: var(--s10); }
  .product-picker__image { width: var(--s52); height: var(--s52); }
  .product-picker__trailing { grid-column: 2; display: flex; justify-content: space-between; align-items: center; }
  .product-picker__info strong { font-size: var(--caption-size); }
}
/* END: ProductPicker */

/* BEGIN: StudioCredits */
.studio-wallet {
  display:flex; align-items:center; justify-content:space-between; gap:var(--s12);
  padding:var(--s12) 0; font-size:var(--caption-size); text-align:left;
}
.studio-wallet strong { display:block; color:var(--ink); font-size:var(--body-size); }
.studio-wallet a { color:var(--ink); font-weight:var(--weight-bold); text-decoration:underline; text-underline-offset:var(--s4); }
.studio-submit [data-generate] { display:flex; justify-content:space-between; gap:var(--s12); }
.studio-submit__cost { border-left:1px solid currentColor; padding-left:var(--s12); white-space:nowrap; font-size:var(--caption-size); }
.studio-submit [data-credit-note] { text-align:left; }
/* END: StudioCredits */

/* BEGIN: CreditShop */
.credit-shop.edit-form { max-width:none; }
.credit-shop__balance {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--s24);
  padding:var(--s24); background:var(--panel-heading-bg); color:var(--white); border-radius:var(--radius-card);
  border-left:var(--s4) solid var(--orange);
}
.credit-shop__balance h2 { font-size:var(--section-size); margin:var(--s8) 0; color:var(--white); }
.credit-shop__balance h2 span { font-size:var(--body-size); font-weight:var(--weight-normal); }
.credit-shop__balance small,.credit-shop__balance .eyebrow { color:var(--panel-heading-muted); }
.credit-shop__rates { display:grid; gap:var(--s12); font-size:var(--body-size); }
.credit-shop__intro { margin-top:var(--s16); }
.credit-shop__intro h2 { font-size:var(--task-size); margin-bottom:var(--s8); }
.credit-shop__intro p,.credit-shop__note { color:var(--muted); font-size:var(--caption-size); line-height:var(--body-line); }
.credit-shop__packages { display:grid; grid-template-columns:repeat(auto-fit,minmax(155px,1fr)); gap:var(--s16); }
.credit-package {
  display:flex; flex-direction:column; gap:var(--s16); min-width:0; padding:var(--s20);
  border:1px solid var(--border); border-radius:var(--radius-card); background:var(--white);
}
.credit-package h3 { font-size:var(--title-size); margin:0; }
.credit-package h3 small { display:block; font-size:var(--body-size); font-weight:var(--weight-normal); color:var(--muted); }
.credit-package p { font-size:var(--caption-size); line-height:var(--body-line); color:var(--muted); margin:0; flex:1; }
.credit-package__capacity { display:grid; gap:var(--s4); padding:var(--s12) 0; border-top:1px solid var(--border); font-size:var(--caption-size); }
.credit-package__price { display:grid; gap:var(--s8); }
.credit-package__price small { color:var(--muted); font-size:var(--tiny-size); }
.credit-package .button { font-size:var(--caption-size); width:100%; }
@media(max-width:540px) {
  .credit-shop__packages { grid-template-columns:1fr; }
  .credit-shop__balance { padding:var(--s20); }
  .studio-submit [data-generate] { font-size:var(--label-size); padding-inline:var(--s12); }
}
/* END: CreditShop */
/* BEGIN: CreditCheckout */
.credit-package__price strong { font-size:var(--task-size); }
.credit-checkout { display:flex; align-items:center; justify-content:space-between; gap:var(--s16); padding:var(--s16) 0; border-top:1px solid var(--border); }
.credit-checkout strong { font-size:var(--task-size); }
/* END: CreditCheckout */

/* BEGIN: SelectedModel */
.studio-model-thumb { display:block; aspect-ratio:4/3; overflow:hidden; }
.studio-model-thumb img { width:100%; height:100%; object-fit:cover; object-position:center top; }
.studio-model-thumb--fashion.studio-model-thumb--1 img { transform:scale(1.25); transform-origin:50% 20%; }
.studio-model-thumb--detail.studio-model-thumb--1 img { transform:scale(1.15); }
.studio-model-thumb--male-detail img { transform:scale(2); transform-origin:50% 65%; }
.studio-model-thumb--male-detail.studio-model-thumb--1 img { transform:scale(2.25); transform-origin:50% 55%; }
.studio-selected-model { position:relative; width:min(100%,280px); border:1px solid var(--orange); border-radius:var(--radius-card); overflow:hidden; }
.studio-selected-model > div { display:grid; gap:var(--s6); padding:var(--s12); }
.studio-selected-model strong { font-size:var(--body-size); }
.studio-selected-model small { font-size:var(--caption-size); color:var(--muted); }
/* END: SelectedModel */

/* BEGIN: ModelPicker */
.dialog--model-picker { width:min(94vw,1120px); height:min(800px,90dvh); max-height:90dvh; padding:var(--s24); overflow:hidden; }
.dialog--model-picker[open] { display:grid; grid-template-rows:auto minmax(0,1fr); }
.dialog--model-picker .dialog__header { margin-bottom:var(--s16); }
.dialog--model-picker .dialog__body { display:grid; grid-template-rows:auto minmax(0,1fr) auto; gap:var(--s16); min-height:0; }
.model-picker__top { display:flex; gap:var(--s8); flex-wrap:wrap; }
.model-picker__top button,.model-picker__gender button { min-height:var(--s40); padding:var(--s8) var(--s16); border:1px solid var(--border); border-radius:var(--radius-control); background:var(--white); color:var(--ink); font-size:var(--label-size); }
.model-picker__top button[aria-pressed=true],.model-picker__gender button[aria-pressed=true] { background:var(--orange-soft); border-color:var(--orange); color:var(--ink); font-weight:var(--weight-bold); }
.model-picker__content { display:grid; grid-template-columns:140px minmax(0,1fr); gap:var(--s24); min-height:0; }
.model-picker__gender { display:flex; flex-direction:column; gap:var(--s8); align-items:stretch; padding-right:var(--s16); border-right:1px solid var(--border); }
.model-picker__gender > span { font-size:var(--caption-size); color:var(--muted); padding:var(--s8) 0; }
.model-picker__gender button { text-align:left; }
.model-picker__results { overflow-y:auto; min-height:0; overscroll-behavior:contain; padding:var(--s4); }
.model-picker__count { font-size:var(--caption-size); color:var(--muted); margin-bottom:var(--s12); }
.model-picker__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s16); }
.model-picker__card { position:relative; min-width:0; padding:0; text-align:left; border:1px solid var(--border); border-radius:var(--radius-card); background:var(--white); overflow:hidden; }
.model-picker__card[aria-pressed=true] { border-color:var(--orange); outline:1px solid var(--orange); }
.model-picker__card:hover { border-color:var(--orange); }
.model-picker__label { display:grid; gap:var(--s6); padding:var(--s12); }
.model-picker__label strong { font-size:var(--label-size); }
.model-picker__label small { color:var(--muted); font-size:var(--tiny-size); }
.model-picker__check { display:none; position:absolute; top:var(--s8); right:var(--s8); width:var(--s28); height:var(--s28); border-radius:var(--radius-round); background:var(--orange); color:var(--white); align-items:center; justify-content:center; }
.model-picker__card[aria-pressed=true] .model-picker__check,.studio-selected-model .model-picker__check { display:flex; }
.model-picker__footer { display:flex; justify-content:space-between; align-items:center; gap:var(--s16); padding-top:var(--s16); border-top:1px solid var(--border); }
.model-picker__footer > span { font-size:var(--caption-size); color:var(--muted); }
.model-picker__footer > div { display:flex; gap:var(--s8); }
@media(max-width:767px) {
  .dialog--model-picker { padding:var(--s16); }
  .model-picker__content { grid-template-columns:1fr; gap:var(--s12); grid-template-rows:auto minmax(0,1fr); }
  .model-picker__gender { flex-direction:row; border-right:0; padding-right:0; flex-wrap:wrap; }
  .model-picker__gender > span { align-self:center; padding:0; }
  .model-picker__gender button { padding:var(--s8) var(--s12); font-size:var(--caption-size); }
  .model-picker__top button { padding:var(--s8) var(--s12); font-size:var(--caption-size); }
  .model-picker__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s12); }
  .model-picker__footer { flex-direction:column; align-items:stretch; gap:var(--s8); padding-top:var(--s12); }
  .model-picker__footer > div { justify-content:flex-end; }
  .model-picker__footer .button { font-size:var(--caption-size); }
}
/* END: ModelPicker */

/* BEGIN: ModelStylePicker */
.dialog--model-style { width:min(94vw,980px); height:min(760px,90dvh); max-height:90dvh; padding:var(--s24); overflow:hidden; }
.dialog--model-style[open] { display:grid; grid-template-rows:auto minmax(0,1fr); }
.dialog--model-style .dialog__header { margin-bottom:var(--s16); }
.dialog--model-style .dialog__body { display:grid; grid-template-rows:minmax(0,1fr) auto; gap:var(--s16); min-height:0; }
.model-style-picker { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:var(--s24); min-height:0; }
.model-style-picker__preview { display:grid; grid-template-rows:minmax(0,1fr) auto; gap:var(--s12); margin:0; min-height:0; }
.model-style-picker__preview img { width:100%; height:100%; min-height:0; object-fit:contain; background:var(--surface-photography); border-radius:var(--radius-card); }
.model-style-picker__preview figcaption { display:grid; gap:var(--s4); }
.model-style-picker__preview strong { font-size:var(--body-size); }
.model-style-picker__preview figcaption span { color:var(--muted); font-size:var(--caption-size); }
.model-style-picker__list { display:flex; flex-direction:column; gap:var(--s8); overflow-y:auto; overscroll-behavior:contain; min-height:0; padding:var(--s4); }
.model-style-picker__list button { display:flex; align-items:center; gap:var(--s12); padding:var(--s12); border:1px solid var(--border); border-radius:var(--radius-control); background:var(--white); text-align:left; }
.model-style-picker__list button[aria-pressed=true] { background:var(--orange-soft); border-color:var(--orange); }
.model-style-picker__list button > span:last-child { display:grid; gap:var(--s4); }
.model-style-picker__list strong { font-size:var(--label-size); }
.model-style-picker__list small { color:var(--muted); font-size:var(--caption-size); line-height:var(--body-line); }
.model-style-picker__dot { display:block; width:var(--s20); height:var(--s20); flex-shrink:0; border:1px solid var(--muted); border-radius:var(--radius-round); }
.model-style-picker__list button[aria-pressed=true] .model-style-picker__dot { border:var(--s6) solid var(--orange); background:var(--white); }
.model-style-picker__footer { display:flex; align-items:center; justify-content:space-between; gap:var(--s12); border-top:1px solid var(--border); padding-top:var(--s16); }
.model-style-picker__footer > span { color:var(--muted); font-size:var(--caption-size); }
.studio-visual-style { display:grid; gap:var(--s6); }
.studio-visual-style small,.model-picker__context { color:var(--muted); font-size:var(--caption-size); }
@media(max-width:767px) {
  .dialog--model-style { padding:var(--s16); }
  .model-style-picker { grid-template-columns:1fr; grid-template-rows:var(--s160) minmax(0,1fr); gap:var(--s12); }
  .model-style-picker__preview { grid-template-rows:1fr; }
  .model-style-picker__preview figcaption { display:none; }
  .model-style-picker__list button { padding:var(--s10); }
  .model-style-picker__list small { font-size:var(--tiny-size); line-height:var(--body-line); }
  .model-style-picker__footer .button { font-size:var(--caption-size); }
}
/* END: ModelStylePicker */

/* BEGIN: CompactStudioWorkspace */
.studio--selection .studio-selection-card { padding:var(--s12); }
.studio--selection .studio-selection-card > header { padding:0 var(--s4) var(--s8); margin-bottom:var(--s10); gap:var(--s12); align-items:center; }
.studio--selection .studio-source { grid-template-columns:var(--s96) minmax(0,1fr); gap:var(--s12); }
.studio--selection .studio-source > img { width:var(--s96); height:var(--s96); object-fit:contain; }
.studio--selection .studio-source > div { gap:var(--s4); }
.studio--selection .studio-source span { font-size:var(--label-size); }
.studio-model-style-select { display:grid; gap:var(--s4); width:min(52%,220px); min-width:0; }
.studio-model-style-select > span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.studio-model-style-select select { min-height:var(--s36); height:var(--s36); padding:var(--s4) var(--s10); font-size:var(--caption-size); }
.studio--selection .studio-selected-model { display:grid; grid-template-columns:var(--s128) minmax(0,1fr); align-items:center; gap:var(--s14); width:100%; border:0; border-radius:0; overflow:visible; }
.studio--selection .studio-selected-model .studio-model-thumb { width:var(--s128); height:var(--s128); aspect-ratio:1; border:1px solid var(--orange); border-radius:var(--radius-control); }
.studio--selection .studio-selected-model > div { padding:0; gap:var(--s6); min-width:0; }
.studio--selection .studio-selected-model .button { justify-self:start; min-height:var(--s32); padding:var(--s4) var(--s10); font-size:var(--caption-size); }
.studio--selection .studio-advanced summary { padding:var(--s12); }
.studio--selection .studio-advanced summary small { display:none; }
.studio--selection .studio-submit { position:sticky; bottom:var(--s12); z-index:var(--z-nav); padding:var(--s12); gap:var(--s8); box-shadow:var(--shadow-soft); }
.studio--selection .studio-wallet { padding:0 0 var(--s4); }
.studio--selection [data-credit-note] { font-size:var(--tiny-size); }
@media(max-width:540px) {
  .studio-model-style-select { width:55%; }
  .studio--selection .studio-selection-card--model > header h2 { font-size:var(--label-size); }

}

.studio--selection .studio-selected-tile { grid-template-columns:var(--s128) minmax(0,1fr); align-items:center; gap:var(--s14); width:100%; border:0; border-radius:0; overflow:visible; }
.studio--selection .studio-selected-tile > img { width:var(--s128); height:var(--s128); border:1px solid var(--orange); border-radius:var(--radius-control); }
.studio--selection .studio-selected-tile > div { padding:0; min-width:0; }
.studio--selection .studio-selected-tile .studio-selected-check { display:none; }
.studio--selection .studio-selected-tile .button { justify-self:start; min-height:var(--s32); padding:var(--s4) var(--s10); font-size:var(--caption-size); }
.studio--selection .studio-selected-tile span { font-size:var(--caption-size); }
/* END: CompactStudioWorkspace */

/* BEGIN: AccountWorkspace */
.account-workspace { min-width:0; grid-template-columns:minmax(0,1fr); max-width:none; margin-top:var(--s24); gap:var(--s24); }
.account-panel { min-width:0; width:100%; padding:var(--s24); background:var(--white); border:1px solid var(--border); border-radius:var(--radius-card); }
.account-panel > header { margin-bottom:var(--s20); }
.account-panel h2,.account-credit-callout h2 { font-size:var(--section-small); margin:0; }
.account-panel p,.account-current-plan p,.account-credit-callout p { color:var(--muted); margin:var(--s8) 0; }
.account-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s20); }
.account-form-grid label { min-width:0; }
.account-span-all { grid-column:1 / -1; }
.account-field-note { align-self:center; color:var(--muted); font-size:var(--caption-size); }
.account-form-actions { display:flex; justify-content:flex-end; gap:var(--s12); margin-top:var(--s16); }
.account-photo { display:flex; align-items:center; gap:var(--s16); margin-bottom:var(--s24); }
.account-photo > div:last-child { display:grid; justify-items:start; gap:var(--s8); }
.account-photo small { color:var(--muted); }
.account-photo__avatar { width:var(--s80); height:var(--s80); display:grid; place-items:center; overflow:hidden; border-radius:var(--radius-card); background:var(--orange-soft); border:1px solid var(--border); font-size:var(--title-size); color:var(--orange); }
.account-photo__avatar img { width:100%; height:100%; object-fit:cover; }
.account-photo__upload { position:relative; overflow:hidden; cursor:pointer; }
.account-photo__upload input { position:absolute; inset:0; opacity:0; cursor:pointer; width:100%; }
.account-photo__upload:focus-within { outline:2px solid var(--orange); outline-offset:2px; }
.account-storage { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); gap:var(--s32); padding:var(--s24); background:var(--surface-photography); border:1px solid var(--border); border-radius:var(--radius-card); }
.account-storage h2 { font-size:var(--section-small); margin:var(--s8) 0 var(--s12); }
.account-storage h2 small { color:var(--muted); font-weight:var(--weight-normal); font-size:var(--body-size); }
.account-storage progress { width:100%; height:var(--s10); display:block; margin-bottom:var(--s10); accent-color:var(--orange); }
.account-storage > div > small { color:var(--muted); display:flex; justify-content:space-between; gap:var(--s12); font-size:var(--tiny-size); }
.account-storage progress::-webkit-progress-bar { background:var(--border); border-radius:var(--radius-round); }
.account-storage progress::-webkit-progress-value { background:var(--orange); border-radius:var(--radius-round); }
.account-storage progress::-moz-progress-bar { background:var(--orange); border-radius:var(--radius-round); }
.account-storage dl { display:flex; justify-content:space-around; align-items:center; gap:var(--s16); margin:0; border-left:1px solid var(--border); padding-left:var(--s20); }
.account-storage dt { color:var(--muted); font-size:var(--caption-size); }
.account-storage dd { margin:var(--s8) 0 0; font-size:var(--section-small); font-weight:var(--weight-bold); }
.account-inline,.account-payment-method,.account-current-plan,.account-credit-callout { display:flex; align-items:center; justify-content:space-between; gap:var(--s24); }
.account-inline .button,.account-payment-method .button { flex-shrink:0; }
.account-danger { color:var(--error); }
.account-payment-method { padding:var(--s20); border:1px dashed var(--border-navigation); border-radius:var(--radius-control); background:var(--surface); }
.account-payment-method h3 { margin:var(--s12) 0 var(--s8); }
.account-payment-method small { color:var(--muted); }
.account-table-wrap { width:100%; min-width:0; overflow-x:auto; contain:inline-size; }
.account-table { width:100%; border-collapse:collapse; text-align:left; font-size:var(--label-size); }
.account-table th { font-weight:var(--weight-medium); }
.account-table thead { color:var(--muted); background:var(--surface); }
.account-table th,.account-table td { padding:var(--s16) var(--s12); border-bottom:1px solid var(--border); }
.account-table td small { display:block; color:var(--muted); margin-top:var(--s4); }
.account-table td:last-child { text-align:right; }
.account-plan-table td:last-child { text-align:left; }
.account-plan-table th,.account-plan-table td { width:33.33%; }
.account-status { display:inline-flex; padding:var(--s4) var(--s10); border-radius:var(--radius-round); background:var(--orange-soft); color:var(--orange); font-size:var(--tiny-size); white-space:nowrap; font-weight:var(--weight-medium); }
.account-current-plan { padding:var(--s24); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--surface-photography); }
.account-current-plan h2 { display:flex; align-items:center; gap:var(--s12); font-size:var(--section-small); margin:var(--s8) 0; }
.account-current-plan > strong { font-size:var(--title-size); white-space:nowrap; }
.account-current-plan > strong small,.account-plans h3 small { font-size:var(--body-size); color:var(--muted); font-weight:var(--weight-normal); }
.account-plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s24); }
.account-plans .account-panel { display:flex; flex-direction:column; align-items:flex-start; }
.account-plans .account-panel:last-child { border-color:var(--orange); }
.account-plans h3 { font-size:var(--task-size); margin:var(--s16) 0 var(--s8); }
.account-plans .button { margin-top:var(--s16); }
.account-demo-note { font-size:var(--caption-size); margin-bottom:var(--s16) !important; }
.account-credit-callout { padding:var(--s24); border:1px solid var(--border); border-radius:var(--radius-card); }
.account-credit-callout .button { flex-shrink:0; }
.account-demo-card { padding:var(--s24); border-radius:var(--radius-card); background:var(--ink); color:var(--white); display:grid; gap:var(--s20); }
.account-demo-card strong { font-size:var(--task-size); }
@media(max-width:900px) {
  .account-storage { grid-template-columns:1fr; gap:var(--s20); }
  .account-storage dl { border-left:0; border-top:1px solid var(--border); padding:var(--s16) 0 0; justify-content:flex-start; gap:var(--s32); }
}
@media(max-width:540px) {
  .account-panel,.account-storage,.account-current-plan,.account-credit-callout { padding:var(--s16); }
  .account-form-grid,.account-plans { grid-template-columns:1fr; }
  .account-inline,.account-payment-method,.account-credit-callout { flex-direction:column; align-items:flex-start; gap:var(--s12); }
  .account-current-plan { gap:var(--s12); }
  .account-current-plan > strong { font-size:var(--section-small); }
  .account-current-plan h2 { flex-wrap:wrap; }
  .account-storage > div > small { flex-direction:column; gap:var(--s4); }
  .account-table { min-width:600px; }
  .account-plan-table { min-width:420px; }
  .account-form-actions .button { font-size:var(--caption-size); }
}
/* END: AccountWorkspace */