.cw-page{max-width:1040px;margin:auto;padding:32px 24px 56px;color:var(--s-text,#f6f7f5)}
.cw-page button,.cw-page input,.cw-page textarea,.cw-page select{font:inherit}.cw-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.cw-top a{color:inherit;text-decoration:none}.cw-page button{cursor:pointer}.cw-top button,.cw-use{background:transparent;border:0;color:var(--s-soft,#bbc1bb);min-height:44px}.cw-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:640px;margin:32px auto 48px}.cw-progress button{border:0;background:transparent;color:#929a95;font-size:13px;padding:0;min-height:44px}.cw-progress span{display:block;height:3px;background:#353b36;border-radius:4px;margin-bottom:12px}.cw-progress .is-active{color:#f5f7f3}.cw-progress .is-active span{background:#d8fa82}.cw-heading{text-align:center;margin:0 0 32px}.cw-heading>span{font-size:13px;letter-spacing:.08em;color:#adb7aa}.cw-heading h1{font-size:clamp(27px,4vw,40px);margin:12px 0;line-height:1.3}.cw-content{min-height:310px}.cw-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.cw-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;min-height:210px;padding:24px 20px;background:#1b201d;border:1px solid #394039;border-radius:20px;color:#f3f5ef;transition:border-color .15s,transform .15s}.cw-option:hover{border-color:#a4b28f;transform:translateY(-2px)}.cw-option.is-selected{border:2px solid #d8fa82;background:#242c21;padding:23px 19px}.cw-index{font-size:40px;font-weight:300;color:#66745e;line-height:1.3;margin-bottom:auto}.cw-option strong{font-size:21px;font-weight:600}.cw-option small{font-size:13px;color:#b5beb2}.cw-tick{position:absolute;right:14px;top:14px;border-radius:50%;background:#d8fa82;color:#152014;width:24px;height:24px;text-align:center;line-height:24px;opacity:0}.is-selected .cw-tick{opacity:1}.cw-compact .cw-option{min-height:126px;padding:18px}.cw-compact .cw-option.is-selected{padding:17px}.cw-compact .cw-index{font-size:22px}.cw-compact strong{font-size:17px}.cw-content h2{font-size:17px;margin:26px 0 14px}.cw-swatch{height:32px;width:32px;border-radius:50%;background:var(--swatch);border:1px solid #8a9188;margin-bottom:8px}.cw-age{display:block;max-width:500px;margin:32px auto 0;text-align:center}.cw-age output{display:inline-block;color:#d8fa82;margin-left:12px}.cw-age input{display:block;width:100%;accent-color:#d8fa82;margin:24px 0 8px}.cw-age>span{display:flex;justify-content:space-between;color:#adb7aa}.cw-bottom{margin:36px auto 0;max-width:640px;position:relative;background:var(--s-bg,#111412);padding:12px 0}.cw-bottom>div{display:flex;align-items:center;justify-content:space-between;gap:20px}.cw-bottom>div>span{color:#a8b0a4;font-size:13px}.cw-bottom button{min-height:48px;border-radius:12px;padding:12px 24px;border:1px solid #41483c;background:#20251f;color:#f3f5ef}.cw-bottom button.cw-primary{background:#d8fa82;color:#182010;border-color:#d8fa82;min-width:180px;font-weight:600}.cw-bottom button:disabled{opacity:.4;cursor:default}.cw-bottom p{color:#f4b8a4;font-size:14px}.cw-bottom p:empty{display:none}.cw-label{display:block;margin:24px 0;color:#dce3d7}.cw-label input:not([type=file]),.cw-label textarea,.cw-location select{display:block;width:100%;box-sizing:border-box;margin-top:10px;background:#20251f;border:1px solid #41483c;color:#f3f5ef;padding:14px;border-radius:12px}.cw-label input[type=file]{display:block;margin:14px 0;max-width:100%}.cw-label small{color:#adb7aa}.cw-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cw-summary button{position:relative;text-align:left;border:1px solid #353d31;border-radius:14px;padding:16px;background:#1b201d;color:#f3f5ef}.cw-summary small{display:block;color:#adb7aa;margin-bottom:7px}.cw-summary strong{font-size:17px}.cw-summary span{position:absolute;right:14px;top:14px;color:#d8fa82}.cw-location{display:flex;align-items:center;gap:20px;margin-bottom:24px}.cw-location h2{margin:0;white-space:nowrap}.cw-location select{max-width:320px;margin:0}.cw-story{border-top:1px solid #394039;margin-top:28px;padding-top:22px}.cw-story small{color:#adb7aa}.cw-story p{font-size:18px}.cw-refs{display:flex;gap:8px;flex-wrap:wrap}.cw-refs>span{background:#242c21;padding:8px 12px;border-radius:10px}.cw-refs button{background:none;border:0;color:#d8fa82;margin-left:10px;min-width:32px;min-height:32px}.cw-page :focus-visible{outline:2px solid #d8fa82;outline-offset:4px}.cw-heading h1:focus{outline:none}@media(max-width:600px){.cw-page{padding:20px 16px 90px}.cw-progress{margin:24px 0 28px;gap:6px}.cw-progress button{font-size:11px}.cw-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cw-option{min-height:150px;padding:18px}.cw-option.is-selected{padding:17px}.cw-index{font-size:28px}.cw-option strong{font-size:19px}.cw-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-bottom{bottom:auto}.cw-bottom>div{gap:10px}.cw-bottom button{padding:12px 16px}.cw-bottom button.cw-primary{min-width:140px}.cw-compact .cw-option{min-height:114px}}@media(prefers-reduced-motion:reduce){.cw-option{transition:none}}

@media(max-width:600px){.cw-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.cw-compact .cw-option{padding:12px;min-height:110px}.cw-compact .cw-option.is-selected{padding:11px}.cw-compact strong{font-size:16px}.cw-compact small{font-size:11px}.cw-compact .cw-tick{width:18px;height:18px;line-height:18px;right:8px;top:8px}}
/* Photographic choice cards: reference-first composition. */
.cw-visual-options{gap:16px}.cw-visual-options.cw-kind-style{max-width:690px;margin:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.cw-image-option,.cw-compact .cw-image-option{padding:0!important;overflow:hidden;min-height:0;aspect-ratio:3/4;border:2px solid transparent;background:#252625;isolation:isolate;justify-content:flex-end;transition:transform .2s,border-color .2s,box-shadow .2s}.cw-image-option:hover{transform:translateY(-4px);border-color:#879a70}.cw-image-option.is-selected{border-color:#d8fa82;box-shadow:0 0 0 3px #d8fa8217;transform:translateY(-4px)}.cw-reference{display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}.cw-image-option>.cw-reference{position:absolute;inset:0;z-index:-2}.cw-image-option::after{content:'';position:absolute;inset:35% 0 0;z-index:-1;background:linear-gradient(transparent,rgba(7,10,8,.25) 35%,rgba(7,10,8,.93))}.cw-caption{display:flex;flex-direction:column;gap:5px;width:100%;box-sizing:border-box;padding:32px 16px 18px}.cw-caption strong{font-size:20px;color:#fff;line-height:1.3;text-shadow:0 2px 10px #0008}.cw-caption small{font-size:12px;color:#ddd}.cw-kind-style .cw-image-option{aspect-ratio:4/5}.cw-kind-style .cw-caption{padding:36px 24px 24px}.cw-kind-style strong{font-size:28px}.cw-kind-body .cw-image-option,.cw-kind-hips .cw-image-option{aspect-ratio:2/3}.cw-kind-hair{grid-template-columns:repeat(4,minmax(0,1fr))}.cw-kind-personality{grid-template-columns:repeat(4,minmax(0,1fr))}.cw-kind-occupation{grid-template-columns:repeat(4,minmax(0,1fr))}.cw-kind-eyes{grid-template-columns:repeat(6,minmax(0,1fr))}.cw-kind-hairColor{grid-template-columns:repeat(8,minmax(0,1fr))}.cw-kind-eyes .cw-image-option,.cw-kind-hairColor .cw-image-option{aspect-ratio:4/5;min-height:0}.cw-kind-eyes .cw-caption,.cw-kind-hairColor .cw-caption{padding:22px 10px 10px}.cw-kind-eyes strong,.cw-kind-hairColor strong{font-size:16px}.cw-kind-eyes small,.cw-kind-hairColor small{font-size:10px}.cw-kind-location,.cw-kind-scenario{grid-template-columns:repeat(4,minmax(0,1fr))}.cw-kind-location .cw-image-option,.cw-kind-scenario .cw-image-option{aspect-ratio:4/3}.cw-kind-location .cw-caption,.cw-kind-scenario .cw-caption{padding:24px 12px 12px}.cw-kind-location strong,.cw-kind-scenario strong{font-size:18px}.cw-summary button:has(.cw-reference){padding-left:83px;min-height:88px;overflow:hidden}.cw-summary .cw-reference{position:absolute;left:0;top:0;width:68px;height:100%;border-radius:12px 0 0 12px}.cw-image-option .cw-tick{z-index:2;box-shadow:0 2px 8px #0005}.cw-content{padding-top:4px}
@media(max-width:760px){.cw-visual-options{gap:12px}.cw-kind-ethnicity,.cw-kind-body,.cw-kind-bust,.cw-kind-hips{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 3px 16px;margin:0 -3px}.cw-kind-ethnicity .cw-image-option,.cw-kind-body .cw-image-option,.cw-kind-bust .cw-image-option,.cw-kind-hips .cw-image-option{flex:0 0 65%;scroll-snap-align:center;aspect-ratio:3/4}.cw-kind-body .cw-image-option,.cw-kind-hips .cw-image-option{aspect-ratio:2/3}.cw-kind-hair,.cw-kind-personality,.cw-kind-occupation{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-kind-eyes,.cw-kind-hairColor{grid-template-columns:repeat(3,minmax(0,1fr))}.cw-kind-location,.cw-kind-scenario{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-kind-style .cw-caption{padding:30px 14px 16px}.cw-kind-style strong{font-size:22px}.cw-summary button:has(.cw-reference){padding:78px 12px 14px}.cw-summary .cw-reference{width:100%;height:66px;border-radius:12px 12px 0 0}.cw-summary span{z-index:1;background:#172012b0;border-radius:50%;padding:2px 5px}.cw-caption{padding:26px 12px 14px}.cw-caption strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.cw-image-option{transition:none}.cw-image-option:hover,.cw-image-option.is-selected{transform:none}}

/* Keep the final actions together, aligned with the form. */
.cw-bottom{max-width:none;margin-top:28px;padding:24px 0 0;background:transparent;border-top:1px solid #30372d}
.cw-bottom>.cw-footer-row{display:grid;grid-template-columns:auto minmax(48px,1fr) auto;gap:20px;align-items:center}
.cw-step-count{text-align:center;white-space:nowrap}.cw-footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.cw-footer-actions button{white-space:nowrap;min-height:48px}.cw-footer-actions .cw-use{margin:0}
@media(max-width:700px){.cw-bottom>.cw-footer-row{grid-template-columns:auto 1fr;gap:16px}.cw-step-count{text-align:right}.cw-footer-actions{grid-column:1/-1;display:flex;flex-direction:column-reverse;align-items:stretch;gap:12px}.cw-footer-actions button{width:100%;min-width:0!important}.cw-bottom{padding-top:20px}}
.cg-dialog{width:min(620px,calc(100vw - 32px));max-height:90vh;overflow:auto;background:#191b1b;color:#f5f5f3;border:1px solid #40443a;border-radius:24px;padding:24px}.cg-dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.cg-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.cg-head h2{font-size:24px;margin:0}.cg-head button{background:transparent;color:#fff;border:0;font-size:30px;cursor:pointer}.cg-placeholder{padding:60px 20px;text-align:center;background:#242924;border-radius:16px;margin-top:20px;font-size:40px;color:#d8ff80}.cg-placeholder p{font-size:16px;color:#eee}.cg-result{display:block;max-height:56vh;max-width:100%;margin:20px auto;object-fit:contain;border-radius:16px}.cg-controls{display:flex;gap:12px;flex-wrap:wrap}.cg-controls button,.cg-controls a{border:0;border-radius:12px;padding:14px 24px;background:#d8ff80;color:#10120c;font:600 16px inherit;cursor:pointer}.cg-controls button:disabled{opacity:.5;cursor:wait}.cg-link{color:#d8ff80}.cg-dialog p{line-height:1.6}

.s-record-card:has(.s-record-icon img) .s-record-icon{display:block;width:100%;height:auto;background:none;padding:0}