.pose-page { color:var(--sc-color-ink); padding-bottom:0; }
.pose-page h1,.pose-page h2,.pose-page h3 { color:var(--sc-color-ink); font-family:var(--sc-font-display); text-wrap:balance; }
.pose-hero { text-align:center; padding-block:var(--sc-space-12) var(--sc-space-8); }
.pose-eyebrow { color:var(--sc-color-brand-700); font-family:var(--sc-font-mono); font-size:.75rem; letter-spacing:.12em; font-weight:600; margin:0 0 var(--sc-space-4); }
.pose-hero h1 { max-width:1200px; font-size:clamp(2rem,4vw,3.5rem); line-height:1.14; letter-spacing:-.045em; margin:0 auto; }
.pose-lead { max-width:920px; font-size:var(--sc-content-font-size); line-height:1.8; color:var(--sc-color-text); margin:var(--sc-space-5) auto var(--sc-space-4); }
.pose-capability { font-size:.875rem; color:var(--sc-color-muted); margin:0; }
.pose-workspace { padding:var(--sc-workspace-padding); border-radius:var(--sc-radius-xl); background:var(--sc-color-surface); }
.pose-workspace .model-workspace__heading { display:none; }
.pose-workspace .model-workspace__form { display:block; }
.pose-modes { display:flex; width:fit-content; gap:var(--sc-space-1); background:var(--sc-color-canvas); padding:var(--sc-space-1); border-radius:var(--sc-radius-pill); margin-bottom:var(--sc-space-6); }
.pose-modes .sc-button { border:0; min-width:100px; min-height:44px; padding:var(--sc-space-2) var(--sc-space-5); background:transparent; color:var(--sc-color-muted); box-shadow:none; }
.pose-modes .sc-button[aria-pressed=true] { background:var(--sc-color-ink); color:var(--sc-color-canvas); }
.pose-vip-badge { display:inline-flex; align-items:center; flex:0 0 auto; padding:2px var(--sc-space-2); border-radius:var(--sc-radius-pill); background:var(--sc-color-selected); color:var(--sc-color-brand-700); border:1px solid var(--sc-color-selected-border); font-size:.625rem; line-height:1.5; font-weight:700; letter-spacing:.03em; }
.pose-modes .sc-button[aria-pressed=true] .pose-vip-badge { color:var(--sc-color-canvas); }
.pose-layout { display:grid; grid-template-columns:260px minmax(0,1fr); gap:var(--sc-space-8); align-items:start; }
.pose-source { min-width:0; padding-inline-end:var(--sc-space-6); border-inline-end:1px solid var(--sc-color-border); }
.pose-workspace .pose-legacy-references { display:none; }
.pose-characters { display:grid; gap:var(--sc-space-4); }
.pose-character-slot { min-width:0; position:relative; }
.pose-character-slot[hidden] { display:none; }
.pose-character-label { display:block; font-size:1rem; font-weight:600; line-height:1.5; margin-bottom:var(--sc-space-3); }
.pose-character-upload { display:flex; width:100%; min-height:240px; flex-direction:column; gap:var(--sc-space-2); border-style:dashed; border-radius:var(--sc-radius-md); font-size:1rem; }
.pose-character-upload>span:first-child { font-size:2rem; color:var(--sc-color-brand-700); }
.pose-character-preview:empty { display:none; }
.pose-character-preview .model-workspace__reference { width:100%; height:240px; border-radius:var(--sc-radius-md); background:var(--sc-color-control); }
.pose-character-preview .model-workspace__reference img { width:100%; height:100%; object-fit:contain; }
.pose-character-preview:not(:empty)+.pose-character-upload { position:absolute; inset-inline-start:var(--sc-space-2); bottom:var(--sc-space-2); width:auto; min-height:44px; flex-direction:row; padding:var(--sc-space-2) var(--sc-space-3); background:var(--sc-color-canvas); border-style:solid; font-size:.8125rem; }
.pose-character-preview:not(:empty)+.pose-character-upload>span:first-child { font-size:1rem; }
.pose-source .model-workspace__reference-remove { color:var(--sc-color-ink); width:44px; height:44px; min-width:44px; min-height:44px; }
.pose-workspace[data-pose-mode=duo] .pose-characters { grid-template-columns:1fr 1fr; gap:var(--sc-space-3); }
.pose-workspace[data-pose-mode=duo] .pose-character-label { font-size:.8125rem; }
.pose-workspace[data-pose-mode=duo] .pose-character-upload,.pose-workspace[data-pose-mode=duo] .model-workspace__reference { min-height:180px; height:180px; }
.pose-workspace[data-pose-mode=duo] .pose-character-preview:not(:empty)+.pose-character-upload { min-height:44px; height:auto; }
.pose-sample { display:flex; align-items:center; gap:var(--sc-space-3); margin-top:var(--sc-space-4); min-width:0; }
.pose-sample img { flex:0 0 40px; width:40px; height:52px; object-fit:cover; border-radius:var(--sc-radius-sm); }
.pose-sample .sc-button { min-width:0; min-height:44px; font-size:.8125rem; padding:var(--sc-space-2); white-space:normal; text-align:start; line-height:1.5; }
.pose-sample__mobile { display:none; }
.pose-library { min-width:0; }
.pose-library__summary { display:none; }
.pose-filters { display:grid; grid-template-columns:1fr 1fr; gap:var(--sc-space-3); margin-bottom:var(--sc-space-4); }
.pose-filters .sc-field { min-width:0; }
.pose-filters select { width:100%; min-width:0; font-size:.9375rem; min-height:44px; }
.pose-filters .sc-label { display:block; font-size:.8125rem; margin-bottom:var(--sc-space-2); }
.pose-filters .model-picker__trigger { min-height:44px; font-size:.9375rem; }
.pose-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:var(--sc-space-3); max-height:420px; overflow-y:auto; padding:var(--sc-space-1); scrollbar-color:var(--sc-color-border-strong) transparent; }
.pose-card { position:relative; min-width:0; display:flex; flex-direction:column; padding:0; overflow:hidden; border:2px solid transparent; border-radius:var(--sc-radius-sm); background:var(--sc-color-control); color:var(--sc-color-text); cursor:pointer; text-align:start; transition:border-color var(--sc-motion-fast),transform var(--sc-motion-fast); }
.pose-card:hover { border-color:var(--sc-color-border-strong); transform:translateY(-2px); }
.pose-card[aria-pressed=true] { border-color:var(--sc-color-brand-600); background:var(--sc-color-selected); }
.pose-card[aria-pressed=true]::after { content:'✓'; position:absolute; inset-block-start:6px; inset-inline-end:6px; width:22px; height:22px; border-radius:var(--sc-radius-pill); background:var(--sc-color-brand-600); color:var(--sc-color-on-brand); display:grid; place-items:center; font-weight:800; }
.pose-card:focus-visible,.pose-selected:focus-visible { outline:2px solid var(--sc-color-focus); outline-offset:3px; }
.pose-card img { width:100%; aspect-ratio:3/4; object-fit:contain; background:var(--sc-color-ink); }
.pose-card__label { display:block; padding:var(--sc-space-2); font-size:.6875rem; line-height:1.5; overflow-wrap:anywhere; }
.pose-pagination { display:flex; align-items:center; justify-content:space-between; gap:var(--sc-space-2); margin-top:var(--sc-space-2); }
.pose-pagination .sc-button,.pose-pagination span { font-size:.8125rem; }
.pose-pagination .sc-button { width:auto; flex:0 0 auto; min-width:0; padding-inline:var(--sc-space-2); }
.pose-pagination span { text-align:center; white-space:nowrap; }
.pose-selection { padding-top:var(--sc-space-3); margin-top:var(--sc-space-3); border-top:1px solid var(--sc-color-border); }
.pose-selection__heading { display:flex; align-items:center; justify-content:space-between; gap:var(--sc-space-3); }
.pose-selection h3 { flex:1 1 auto; min-width:0; font-size:.875rem; margin:0; white-space:nowrap; }
.pose-selection .sc-button { padding:var(--sc-space-2); min-height:44px; font-size:.75rem; }
.pose-selection .pose-selection__reset { flex:0 0 44px; width:44px; height:44px; padding:0; }
.pose-tray { display:flex; gap:var(--sc-space-2); overflow:auto; padding:var(--sc-space-2) 0; }
.pose-selected { display:flex; flex-direction:column; align-items:center; flex:0 0 48px; position:relative; padding:0; color:var(--sc-color-text); background:var(--sc-color-control); border:1px solid var(--sc-color-border-strong); border-radius:var(--sc-radius-sm); overflow:hidden; cursor:pointer; min-height:64px; font-size:.625rem; }
.pose-selected img { width:48px; height:64px; object-fit:cover; }
.pose-selected span { display:none; }
.pose-selected::after { content:'×'; position:absolute; inset-block-start:0; inset-inline-end:0; background:var(--sc-color-canvas); color:var(--sc-color-ink); width:22px; height:22px; font-size:1rem; display:grid; place-items:center; }
.pose-workspace .model-workspace__toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:var(--sc-space-3); padding-top:var(--sc-space-6); margin-top:var(--sc-space-5); border-top:1px solid var(--sc-color-border); }
.pose-workspace .sc-parameter-row { flex:1 1 auto; min-width:0; }
.pose-price { display:flex; flex-direction:column; align-items:flex-end; gap:var(--sc-space-1); margin-inline-start:auto; }
.pose-price strong { color:var(--sc-color-ink); font-size:1.0625rem; }
.pose-price .sc-help { font-size:.75rem; }
.pose-workspace .model-workspace__submit { min-width:175px; }
.pose-workspace .model-workspace__results { margin-top:var(--sc-space-8); padding-top:var(--sc-space-6); border-top:1px solid var(--sc-color-border); }
.pose-concept,.pose-roles,.pose-how,.pose-guide,.pose-faq { margin-top:var(--sc-space-24); }
.pose-page section>h2,.pose-concept h2,.pose-guide h2 { font-size:var(--sc-content-title-size); line-height:1.2; letter-spacing:-.035em; margin:0 0 var(--sc-space-6); }
.pose-concept__copy { max-width:800px; margin-bottom:var(--sc-space-8); }
.pose-concept__copy>p:not(.pose-eyebrow),.pose-guide__copy>p,.pose-role-grid p,.pose-how p { font-size:var(--sc-content-font-size); color:var(--sc-color-text); line-height:1.85; }
.pose-concept figure { margin:0; }
.pose-concept img { width:100%; height:auto; display:block; border-radius:var(--sc-radius-xl); }
.pose-concept figcaption { color:var(--sc-color-muted); font-size:.8125rem; line-height:1.7; margin-top:var(--sc-space-3); }
.pose-role-grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--sc-space-8); }
.pose-role-grid article { display:grid; grid-template-columns:140px 1fr; gap:var(--sc-space-6); align-items:center; background:var(--sc-color-surface); border-radius:var(--sc-radius-lg); padding:var(--sc-space-6); }
.pose-role-grid h3 { font-size:1.375rem; margin:0 0 var(--sc-space-3); }
.pose-role-grid p { margin:0; }
.pose-role-image img { width:140px; height:186px; object-fit:contain; border-radius:var(--sc-radius-md); background:var(--sc-color-ink); }
.pose-step { color:var(--sc-color-brand-700); font-family:var(--sc-font-mono); font-size:.75rem; }
.pose-how ol { list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sc-space-8); padding:0; margin:var(--sc-space-8) 0 0; }
.pose-how li { border-top:1px solid var(--sc-color-border-strong); padding-top:var(--sc-space-6); }
.pose-how h3 { font-size:1.375rem; margin:var(--sc-space-4) 0 var(--sc-space-3); }
.pose-guide { display:grid; grid-template-columns:1fr 1fr; gap:var(--sc-space-12); padding-top:var(--sc-space-8); border-top:1px solid var(--sc-color-border); }
.pose-guide h2 { max-width:520px; font-size:clamp(1.75rem,2.5vw,2.4rem); }
.pose-guide__copy>p { margin:0; }
.pose-guide__copy .pose-limitation { color:var(--sc-color-muted); font-size:.9375rem; margin-top:var(--sc-space-4); }
.pose-faq { max-width:960px; }
.pose-closing { padding-bottom:var(--sc-space-6); }
.pose-closing .landing-sections { margin-inline:0; }
.pose-page+sugarcube-auth-modal+sugarcube-footer { margin-top:0; }
@media(min-width:1280px) { .pose-workspace[data-pose-mode=duo] .pose-layout { grid-template-columns:300px minmax(0,1fr); } }
@media(max-width:1100px) { .pose-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } .pose-layout { grid-template-columns:220px minmax(0,1fr); gap:var(--sc-space-5); } .pose-source { padding-inline-end:var(--sc-space-5); } .pose-role-grid article { grid-template-columns:100px 1fr; padding:var(--sc-space-5); gap:var(--sc-space-4); } .pose-role-image img { width:100px; height:134px; } }
@media(max-width:767px) {
 .pose-hero { padding-block:var(--sc-space-5) var(--sc-space-4); }
 .pose-hero h1 { font-size:1.75rem; }
 .pose-hero .pose-eyebrow,.pose-lead,.pose-capability { display:none; }
 .pose-workspace { padding:var(--sc-space-4); border-radius:var(--sc-radius-lg); }
 .pose-modes { width:100%; margin-bottom:var(--sc-space-4); }
 .pose-modes .sc-button { flex:1; min-width:0; padding:var(--sc-space-2); }
 .pose-layout { display:block; }
 .pose-source { border-inline-end:0; padding:0; margin-bottom:var(--sc-space-4); }
 .pose-character-label,.pose-workspace[data-pose-mode=duo] .pose-character-label { font-size:.875rem; margin-bottom:var(--sc-space-2); }
 .pose-character-upload,.pose-workspace[data-pose-mode=duo] .pose-character-upload { height:96px; min-height:96px; flex-direction:row; gap:var(--sc-space-2); padding:var(--sc-space-3); }
 .pose-character-preview .model-workspace__reference,.pose-workspace[data-pose-mode=duo] .model-workspace__reference { width:100%; height:112px; min-height:112px; }
 .pose-character-preview:not(:empty)+.pose-character-upload,.pose-workspace[data-pose-mode=duo] .pose-character-preview:not(:empty)+.pose-character-upload { min-height:44px; height:44px; font-size:.75rem; }
 .pose-characters { gap:var(--sc-space-2); }
 .pose-workspace[data-pose-mode=duo] .pose-characters { gap:var(--sc-space-3); }
 .pose-sample { margin-top:var(--sc-space-2); gap:var(--sc-space-2); }
 .pose-sample img,.pose-sample__desktop { display:none; }
 .pose-sample__mobile { display:inline; }
 .pose-sample .sc-button { font-size:.8125rem; padding:var(--sc-space-2); }
 .pose-library { border:1px solid var(--sc-color-border); border-radius:var(--sc-radius-md); background:var(--sc-color-control); }
 .pose-library__summary { display:flex; align-items:center; gap:var(--sc-space-3); min-height:128px; cursor:pointer; list-style:none; font-weight:600; font-size:.9375rem; padding:var(--sc-space-3); }
 .pose-library__summary::-webkit-details-marker { display:none; }
 .pose-library__summary::after { content:''; flex:0 0 16px; height:16px; color:var(--sc-color-muted); background:currentColor; mask:var(--sc-chevron-mask) center/contain no-repeat; -webkit-mask:var(--sc-chevron-mask) center/contain no-repeat; }
 .pose-miniatures { position:relative; display:block; flex:0 0 112px; height:104px; margin-inline-start:auto; }
 .pose-miniatures img { position:absolute; top:0; inset-inline-start:var(--sc-space-4); width:78px; height:104px; object-fit:contain; background:var(--sc-color-ink); border:1px solid var(--sc-color-border-strong); border-radius:var(--sc-radius-sm); box-shadow:var(--sc-shadow-control); }
 .pose-miniatures img:nth-child(1) { z-index:3; }
 .pose-miniatures img:nth-child(2) { z-index:2; transform:translateX(8px) rotate(7deg); }
 .pose-miniatures img:nth-child(3) { z-index:1; transform:translateX(-8px) rotate(-7deg); }
 :dir(rtl) .pose-miniatures img:nth-child(2) { transform:translateX(-8px) rotate(-7deg); }
 :dir(rtl) .pose-miniatures img:nth-child(3) { transform:translateX(8px) rotate(7deg); }
 .pose-library__body { padding-bottom:var(--sc-space-3); }
 .pose-filters { gap:var(--sc-space-2); }
 .pose-filters select { font-size:.875rem; }
 .pose-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--sc-space-2); max-height:320px; }
 .pose-card__label { font-size:.625rem; padding:var(--sc-space-1); }
 .pose-selection { padding-top:var(--sc-space-2); margin-top:var(--sc-space-2); }
 .pose-workspace .model-workspace__toolbar { display:grid; grid-template-columns:minmax(0,1fr) minmax(140px,1.15fr); gap:var(--sc-space-3); margin-top:0; padding-top:var(--sc-space-4); border:0; position:sticky; bottom:calc(90px + env(safe-area-inset-bottom)); z-index:20; background:var(--sc-color-surface); padding-bottom:var(--sc-space-3); }
 .pose-workspace .sc-parameter-row { grid-column:1/-1; width:100%; display:flex; flex-wrap:wrap; gap:var(--sc-space-2); }
 .pose-workspace .model-workspace__model-field { flex:1 1 0; min-width:0; }
 .pose-workspace .model-picker__trigger { width:100%; min-width:0; font-size:.8125rem; padding-inline:var(--sc-space-3); }
 .pose-workspace .model-picker__trigger>[data-model-picker-value] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 .pose-price { align-items:flex-start; margin:0; min-width:0; }
 .pose-price strong { font-size:.9375rem; }
 .pose-price .sc-help { font-size:.6875rem; }
 .pose-workspace .model-workspace__submit { min-width:0; width:100%; font-size:.875rem; min-height:48px; }
 .pose-workspace .model-workspace__results { margin-top:var(--sc-space-4); padding-top:var(--sc-space-4); }
 .pose-workspace .model-workspace__results h3 { font-size:1rem; }
 .pose-workspace .model-workspace__empty { font-size:.8125rem; line-height:1.6; }
 .pose-concept,.pose-roles,.pose-how,.pose-guide,.pose-faq { margin-top:var(--sc-space-16); }
 .pose-role-grid { grid-template-columns:1fr; gap:var(--sc-space-4); }
 .pose-how ol { grid-template-columns:1fr; gap:var(--sc-space-5); }
 .pose-guide { grid-template-columns:1fr; gap:var(--sc-space-4); padding-top:var(--sc-space-6); }
 .pose-guide h2 { margin:0; }
 .pose-closing { padding-bottom:var(--sc-space-3); }
}
@media(prefers-reduced-motion:reduce) { .pose-card { transition:none; } .pose-card:hover { transform:none; } }
/* Pose inputs and the shared action footer keep one set of interactive nodes. */
.pose-workspace [data-workspace-references] { display:none; }
.pose-workspace .pose-source .pose-character-upload { min-height:240px; border-radius:var(--sc-radius-md); }
.pose-workspace[data-pose-mode=duo] .pose-source .pose-character-upload { min-height:180px; }
.pose-workspace .pose-source .pose-character-preview:not(:empty)+.pose-character-upload { height:44px; min-height:44px; }
.pose-workspace .sc-workspace-action-slot { margin-top:var(--sc-space-4); }
.pose-workspace .sc-generation-action[data-generation-action][data-generation-kind] { display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,240px); align-items:center; gap:var(--sc-space-4); padding:0; }
.pose-workspace .sc-generation-action__meta .pose-price { margin:0; align-items:flex-start; }
.pose-workspace .sc-generation-action[data-generation-action][data-generation-kind]>.sc-generation-action__submit { min-height:48px; }
.pose-grid { max-height:320px; }
@media(max-width:767px) {
 .pose-workspace .pose-source .pose-character-upload,.pose-workspace[data-pose-mode=duo] .pose-source .pose-character-upload { height:96px; min-height:96px; }
 .pose-workspace .pose-source .pose-character-preview:not(:empty)+.pose-character-upload { height:44px; min-height:44px; }
 .pose-workspace .model-workspace__toolbar { display:block; position:static; padding-bottom:0; }
 .pose-workspace .sc-workspace-action-slot { position:sticky; bottom:calc(90px + env(safe-area-inset-bottom)); z-index:20; background:var(--sc-color-surface); padding-block:var(--sc-space-3); margin-top:var(--sc-space-2); }
 .pose-workspace .sc-generation-action[data-generation-action][data-generation-kind] { grid-template-columns:minmax(0,1fr) minmax(132px,1.2fr); gap:var(--sc-space-2); }
 .pose-workspace .sc-generation-action[data-generation-action][data-generation-kind]>.sc-generation-action__submit { width:100%; min-width:0; font-size:.8125rem; }
}
@media(max-width:767px) {
 .pose-workspace .model-workspace__toolbar>.sc-parameter-row[data-parameter-row] { flex-wrap:wrap; overflow:visible; mask-image:none; width:100%; padding:0; }
 .pose-workspace .model-workspace__toolbar>.sc-parameter-row[data-parameter-row]>.model-workspace__model-field { flex:1 1 140px; min-width:0; }
 .pose-workspace .model-workspace__toolbar .sc-parameter-row .model-picker,.pose-workspace .model-workspace__toolbar .sc-parameter-row .model-picker__trigger { width:100%; }
 .pose-workspace .sc-workspace-action-slot { position:static; padding-block:var(--sc-space-3); }
 .pose-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
/* Mobile pose selection uses the existing gallery in an accessible bottom sheet. */
.pose-drawer { position:fixed; inset:auto 0 0; width:100%; max-width:none; max-height:none; margin:0; padding:0; border:1px solid var(--sc-color-border-strong); border-bottom:0; border-radius:var(--sc-radius-xl) var(--sc-radius-xl) 0 0; background:var(--sc-color-surface); color:var(--sc-color-text); box-shadow:var(--sc-shadow-popover); overflow:visible; }
.pose-drawer::backdrop { background:var(--sc-color-overlay); }
.pose-drawer__panel { display:grid; grid-template-rows:auto minmax(0,1fr) auto; max-height:88vh; max-height:88dvh; overflow:hidden; border-radius:inherit; }
.pose-drawer[open]>.pose-drawer__panel { animation:pose-drawer-enter var(--sc-motion-base) var(--sc-ease); }
.pose-drawer__heading { display:flex; align-items:center; justify-content:space-between; gap:var(--sc-space-4); padding:var(--sc-space-3) var(--sc-space-4); border-bottom:1px solid var(--sc-color-border); }
.pose-drawer__heading h2 { margin:0; font-size:1.125rem; line-height:1.5; }
.pose-drawer__close.sc-button { width:44px; min-height:44px; padding:0; font-size:1.5rem; }
.pose-drawer__content { overflow-y:auto; overscroll-behavior:contain; padding:var(--sc-space-4); }
.pose-drawer__content .pose-library__body { padding:0; }
.pose-drawer .pose-grid { max-height:none; overflow:visible; grid-template-columns:repeat(3,minmax(0,1fr)); }
.pose-drawer .pose-filters { margin-bottom:var(--sc-space-3); }
.pose-drawer .pose-filters .model-picker__trigger { font-size:.875rem; }
.pose-drawer .pose-card__label { font-size:.6875rem; padding:var(--sc-space-2); }
.pose-drawer__footer { padding:var(--sc-space-3) var(--sc-space-4) max(var(--sc-space-4),env(safe-area-inset-bottom)); border-top:1px solid var(--sc-color-border); }
.pose-drawer__footer>.sc-button { width:100%; min-height:48px; }
@keyframes pose-drawer-enter { from { opacity:0; transform:translateY(var(--sc-space-8)); } to { opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) { .pose-drawer[open]>.pose-drawer__panel { animation:none; } }