.xx-badge{display:inline-flex;align-items:center;justify-content:center;position:relative;min-width:26px;padding:3px 6px;border:1px solid #bd6f82;background:#351d28;color:#ffc0d0;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1.2;vertical-align:middle;cursor:help;flex-shrink:0}
.xx-badge[data-tooltip]:hover:after,.xx-badge[data-tooltip]:focus:after{content:attr(data-tooltip);position:absolute;z-index:20;bottom:calc(100% + 8px);right:0;padding:8px 10px;border:1px solid #51414b;background:#211b22;color:#fff;border-radius:5px;white-space:nowrap;font-size:12px;font-weight:400;letter-spacing:0}
.creative-admin-tabs,.creative-category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.creative-admin-tabs button,.creative-category-tabs button{padding:10px 16px;background:#242126;color:#c5bdc9;border:1px solid #3b353f;border-radius:6px;font:inherit;font-size:13px;cursor:pointer}.creative-admin-tabs button.active,.creative-category-tabs button.active{color:#ffc0d0;background:#38232e;border-color:#c68a9b}
.creative-admin-panel{padding:26px}.creative-admin-panel h2{font-size:21px;margin:0 0 18px}.creative-admin-panel h3{font-size:17px;margin-top:28px}.creative-admin-panel>p{color:#b8aebd;line-height:1.65}.creative-admin-panel label,.creative-choice-grid label{display:flex;flex-direction:column;gap:9px;font-size:13px;margin-bottom:18px}.creative-admin-panel .check-label{flex-direction:row;align-items:center}.creative-admin-panel textarea,.creative-admin-panel select,.creative-admin-panel input:not([type=checkbox]),.creative-choice-grid select{width:100%;min-width:0;background:#17151b;color:#eee5ef;border:1px solid #4a404e;border-radius:6px;padding:12px;font:inherit}.creative-admin-panel textarea{resize:vertical}.creative-admin-panel input[type=checkbox]{accent-color:#e99cb2;width:18px;height:18px}.creative-admin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.creative-admin-heading p{color:#b5a9b9;font-size:13px}.creative-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.creative-config-columns{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px}.creative-choice-list{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow:auto;margin-bottom:12px}.creative-choice-list button{border:1px solid #3e3542;background:#201c24;color:#c8bdce;padding:11px 13px;text-align:left;border-radius:5px;font:inherit;font-size:13px;cursor:pointer}.creative-choice-list button.active{color:#ffb8ca;border-color:#b8788c}.creative-category-tabs{margin-top:28px}.creative-services-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.85fr);gap:22px}.creative-services-grid aside{align-self:start}.creative-services-grid code{font-size:13px;overflow-wrap:anywhere;color:#ecb0c1}.service-key-state{display:flex;align-items:center;gap:9px}.creative-modal{max-width:680px!important}.creative-modal h2{margin:12px 0}.creative-modal>p{line-height:1.6;color:#b9aebf}.creative-provider-note{display:flex;align-items:flex-start;gap:10px;color:#a99cae;font-size:12px;line-height:1.6;margin:5px 0 22px}.creative-provider-note svg{flex-shrink:0;width:18px;margin-top:2px}.creative-source{display:flex;gap:18px;align-items:center;margin:20px 0 25px}.creative-source img{width:90px;height:115px;object-fit:cover;border-radius:6px}.creative-source p{font-size:13px;line-height:1.6;color:#b5aaba;margin-top:8px}.private-media{position:relative;min-width:0;border:1px solid #3f3542;border-radius:8px;overflow:visible;background:#17141b}.private-media>.xx-badge{position:absolute;top:10px;right:10px;z-index:2}.private-media .media-open{width:100%;padding:0;background:none;border:0;display:block;cursor:zoom-in}.private-media .media-open img{display:block;width:100%;height:auto;border-radius:7px 7px 0 0}.private-media video{display:block;width:100%;max-height:560px;background:#101014;border-radius:7px 7px 0 0;object-fit:contain}.private-media-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px}.private-media-actions .text-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px}.private-media-actions svg{width:15px;height:15px}.private-media-actions button:disabled{opacity:.4;cursor:default}.media-review-note{font-size:11px;color:#a799ae}.lightbox-photo{position:relative}.lightbox-photo>.xx-badge{position:absolute;top:14px;right:14px}.creative-character-actions{display:flex;gap:10px;flex-wrap:wrap}.creative-face-note{font-size:12px;color:#a99aaf;margin-top:10px}
@media(max-width:850px){.creative-services-grid{grid-template-columns:1fr}.creative-config-columns{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:540px){.creative-admin-panel{padding:18px}.creative-config-columns,.creative-choice-grid{grid-template-columns:1fr}.creative-admin-heading{align-items:flex-start;flex-direction:column}.creative-admin-tabs{gap:6px}.creative-admin-tabs button{font-size:12px;padding:9px 11px}.creative-config-columns{gap:20px}.creative-choice-list{max-height:170px}.creative-source{align-items:flex-start}.private-media-actions{gap:9px}}

.result-images .private-media .media-open img{aspect-ratio:auto}.result-images .private-media-actions button{padding:5px 0}.card-face{display:flex;align-items:center;gap:5px;font-size:11px;margin-top:8px}.card-face svg{width:14px;height:14px}.library-tabs{overflow-x:auto}.library-tabs button{white-space:nowrap;flex-shrink:0}

.result-images:has(>.private-media:only-child){grid-template-columns:1fr}

.preview-profile>.wizard-example-face{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .65s ease;pointer-events:none}.preview-profile>.wizard-example-face.is-active{opacity:1}.wizard-preview-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:#a5a0aa;font-size:11px}.wizard-preview-controls button{font-size:11px;color:#d9b5c1}.wizard-preview-controls button:focus-visible{outline:2px solid var(--rose);outline-offset:4px}@media(prefers-reduced-motion:reduce){.preview-profile>.wizard-example-face{transition:none}}

.skin-tone-group{grid-column:1/-1;min-width:0;padding:0;margin:20px 0 25px;border:0}.skin-tone-group legend{padding:0;margin-bottom:14px;color:#ded5e2;font-size:12px;font-weight:500}.skin-tone-options{display:flex;gap:10px;flex-wrap:wrap}.skin-tone-group .skin-tone-option{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:72px;padding:12px 10px;border:1px solid #4b444f;border-radius:7px;font-size:11px;cursor:pointer;position:relative;margin:0;color:#cfc5d3;background:#211e25}.skin-tone-option input{position:absolute;width:1px;height:1px;opacity:0;margin:0}.skin-tone-option .color-swatch{height:34px;width:34px;border-radius:50%;border:1px solid #ffffff38;overflow:visible}.skin-tone-option .swatch-fill{border-radius:50%;overflow:hidden}.skin-tone-option .color-swatch>.icon{opacity:0;width:20px;height:20px;color:#fff;background:#242027aa;border-radius:50%;padding:2px}.skin-tone-option:has(input:checked){border-color:var(--rose);background:#362630;color:#ffd3df}.skin-tone-option input:checked+.color-swatch{outline:2px solid var(--rose);outline-offset:3px}.skin-tone-option input:checked+.color-swatch>.icon{opacity:1}.skin-tone-option input:focus-visible+.color-swatch{outline:3px solid #fff;outline-offset:4px}.creative-choice-grid .skin-tone-group{margin:0 0 20px}.skin-tone-option:hover{border-color:#c799aa}@media(max-width:540px){.skin-tone-options{gap:8px}.skin-tone-group .skin-tone-option{min-width:66px;padding:10px 8px}}

.skin-tone-option input{padding:0;border:0;clip-path:inset(50%);overflow:hidden}

.job-top>.job-status{margin-left:auto;flex-shrink:0;text-align:right}.job-top .job-status>.status-badge{margin-left:0}.job-top .job-generation-time{margin-top:5px;color:#99939d;font-size:9px;font-weight:400;line-height:1.35;white-space:nowrap}

.job-top .job-provider{font-size:8px;color:#9a929d;margin-top:3px}

.media-delete-button{color:#dba5ad}.media-delete-confirm{background:#b33e51;color:#fff}.media-delete-pending{font-size:.85rem;color:var(--muted);padding:.75rem 0}.media-delete-pending .text-btn{text-decoration:underline}

.video-poster{position:relative;cursor:pointer!important;min-height:180px}.video-poster img{pointer-events:none}.video-play-icon{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;border:1px solid #ffffff80;border-radius:50%;background:#151317b8;color:#fff;font-size:21px;padding-left:4px}.video-play-label{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:#17141bc9;padding:6px 13px;border-radius:20px;color:#fff;font-size:12px}.video-poster-placeholder{display:grid;place-items:center;min-height:280px;background:#252027;color:#bcb0c0;font-size:13px}.video-modal{width:min(900px,95vw)}.video-viewer{position:relative;display:flex;justify-content:center}.video-viewer video{display:block;max-width:100%;max-height:80vh}.video-viewer>.xx-badge{position:absolute;top:10px;right:10px;z-index:2}.library-pagination{display:flex;gap:14px;justify-content:center;align-items:center;margin:20px 0 28px}.library-pagination>span{font-size:12px;color:#a99fab}.library-pagination .btn{min-height:38px;font-size:12px}.library-pagination [data-action="library-previous"] .icon{transform:rotate(180deg)}@media(max-width:540px){.library-pagination{gap:8px}.library-pagination .btn{padding:9px}.library-pagination>span{font-size:10px}}

.media-account-panel p{line-height:1.65}.media-cleanup-spinner{display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;flex-shrink:0;animation:media-cleanup-spin .85s linear infinite}.bulk-media-progress{margin:20px 0;padding:18px;border:1px solid #51424c;border-radius:8px;background:#211b22}.bulk-media-progress-heading{display:flex;gap:10px;align-items:center;font-size:14px}.bulk-media-progress-heading>span:last-child{margin-left:auto;color:#e9a6b9;font-variant-numeric:tabular-nums}.bulk-media-progress progress{display:block;width:100%;height:8px;margin:18px 0 12px;accent-color:#e99cb2;border:0;border-radius:8px;overflow:hidden;background:#433540}.bulk-media-progress progress::-webkit-progress-bar{background:#433540}.bulk-media-progress progress::-webkit-progress-value{background:#e99cb2;border-radius:8px}.bulk-media-progress p{font-size:13px;margin:8px 0 0}.bulk-media-progress .small{font-size:12px}#bulk-media-delete-form>.check-label{margin-top:18px;align-items:flex-start;line-height:1.6}#bulk-media-delete-form button[type=submit]{gap:10px}@keyframes media-cleanup-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.media-cleanup-spinner{animation-duration:2.5s}}

.card-delete-character{color:#c7909d;font-size:11px}.character-chat-delete-warning{display:flex;gap:12px;align-items:flex-start;margin:22px 0;padding:16px;border:1px solid #a86070;border-radius:7px;background:#38242b;color:#f2c4cf}.character-chat-delete-warning>.icon{flex-shrink:0;margin-top:2px}.character-chat-delete-warning strong{font-size:14px}.character-chat-delete-warning p{font-size:13px;line-height:1.6;margin:8px 0 12px}.character-chat-delete-warning .check-label{margin:0;line-height:1.6;align-items:flex-start;color:#f4d4dd;font-size:12px}.character-chat-delete-warning input[type=checkbox]{flex-shrink:0;accent-color:#e99cb2}#character-delete-form button[type=submit]{gap:10px}

/* Compact action rows in character and media overviews. */
.character-card{display:flex;flex-direction:column}.character-card .card-photo{flex-shrink:0;width:100%}.character-card .card-info{display:flex;flex-direction:column;align-items:stretch;flex:1;gap:10px;padding:12px}.character-card .card-traits{min-height:18px}.compact-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:6px}.card-actions{margin-top:auto}.compact-action-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;justify-self:center;min-width:0;width:36px;max-width:100%;height:36px;padding:0;border:1px solid #443d48;border-radius:7px;background:#252128;color:#c9c1cd;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.compact-action-btn .icon{width:17px;height:17px;pointer-events:none}.compact-action-btn:hover,.compact-action-btn:focus-visible{background:#3b2c35;border-color:#b57c8f;color:#ffe2ec}.compact-action-btn.is-primary{color:#f4afc3;background:#382730;border-color:#694454}.compact-action-btn.is-danger{grid-column:-2/-1;color:#dda2b0}.compact-action-btn.is-danger:hover,.compact-action-btn.is-danger:focus-visible{background:#49252f;border-color:#b96378;color:#ffd5df}.private-media-actions.compact-actions{display:grid;gap:6px;min-height:56px;padding:10px 12px}.private-media-actions.compact-actions .compact-action-btn{padding:0}.media-review-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:0 12px 12px}.media-review-actions .text-btn{font-size:11px}.compact-action-btn::after{content:attr(data-tooltip);position:absolute;z-index:15;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);padding:6px 8px;border:1px solid #68505f;border-radius:5px;background:#221b24;color:#fff;font-size:11px;font-weight:400;line-height:1.4;white-space:nowrap;pointer-events:none;opacity:0}.compact-action-btn:hover::after,.compact-action-btn:focus-visible::after{opacity:1}.compact-action-btn:first-child::after{left:0;transform:none}.compact-action-btn.is-danger::after{left:auto;right:0;transform:none}@media(max-width:680px){.character-card .card-info{padding:10px}.compact-actions{gap:4px}.compact-action-btn{height:36px}.private-media-actions.compact-actions{padding:9px 8px;gap:4px}.compact-action-btn .icon{width:16px;height:16px}}@media(max-width:380px){.compact-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-action-btn{width:100%;height:38px}.private-media-actions.compact-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}