#media-root[hidden],#media-root [hidden]{display:none!important}
.media-panel{position:fixed;z-index:70;right:24px;top:88px;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;background:#151c19;border:1px solid #64705c;border-radius:10px;box-shadow:0 18px 80px #0009;padding:22px;scrollbar-width:thin}
.media-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.media-heading h2{font:1.75rem Georgia,serif;margin:7px 0 18px}.media-heading>button{padding:7px 11px;background:transparent}.media-channel{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:18px;color:#e3c3a4}.media-channel>span:first-child{font-weight:600}.media-status{font-size:.85rem;color:#bbc5b5;line-height:1.6;min-height:40px;margin:14px 0}.media-start,.media-controls{display:flex;gap:10px;flex-wrap:wrap}.media-start{margin-bottom:14px}.media-controls{margin:14px 0}.media-controls>button{flex:1;min-width:155px}.media-controls>button[aria-pressed=true]{color:#edc7ab;border-color:#a77a5c;background:#34271f}.media-resume{width:100%;background:#544d2b;color:#fff3bc;margin-bottom:14px}.media-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.media-card{border:1px solid #384636;border-radius:6px;overflow:hidden;background:#111713;min-width:0}.media-picture{position:relative;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#3a493a,#1c2820)}.media-picture video{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}.media-picture video.camera-off{opacity:0}.media-avatar{font:2.5rem Georgia,serif;color:#a9b6a0}.media-card-caption{padding:10px}.media-card-caption strong{font-size:.82rem;display:block;overflow-wrap:anywhere}.media-card-caption small{font-size:.7rem;line-height:1.45;display:block;margin-top:5px;color:#9dae98}.media-devices{border-top:1px solid var(--line);padding-top:16px;margin:15px 0}.media-devices summary{cursor:pointer;font-size:.9rem;margin-bottom:16px}.media-devices label{margin:12px 0;font-size:.8rem}.media-devices select{font-size:.8rem}.media-private{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.media-private h3{margin-bottom:8px}.media-private p{font-size:.82rem;color:var(--muted)}.media-choices{display:flex;gap:10px 16px;flex-wrap:wrap;margin:12px 0 16px;font-size:.8rem;color:#bbc5b5}.media-choices .check{margin:0}.media-private>button,.media-return{width:100%}.media-return{margin-top:12px;border-color:#9f785b;color:#edc7ab}.media-footnote{font-size:.73rem;color:#97a58f;line-height:1.6;margin:20px 0 0;padding-top:15px;border-top:1px solid var(--line)}.media-chip{position:fixed;bottom:20px;right:24px;display:flex;gap:6px;z-index:65;max-width:calc(100vw - 32px);padding:8px;background:#1b251e;border:1px solid #7a8c6e;border-radius:8px;box-shadow:0 5px 30px #0008;flex-wrap:wrap}.media-chip button{font-size:.8rem}.media-chip button:first-child{color:#e6c4a4;flex:1}.media-chip button:last-child{background:#30211d}
@media(max-width:650px){.media-panel{top:16px;right:16px;max-height:calc(100dvh - 32px);padding:18px}.media-chip{right:16px;bottom:12px}.media-channel{align-items:flex-start}.media-cards{gap:8px}.media-card-caption{padding:8px}.media-card-caption small{font-size:.65rem}}
.transcription-panel{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.transcription-panel h3{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.transcription-panel p{font-size:.8rem;line-height:1.5}.transcription-panel .check{align-items:flex-start;margin-top:16px;font-size:.85rem}.transcription-panel .check input{flex-shrink:0;margin-top:3px}.transcription-panel [data-speech="status"]{color:#dac6a7}.transcription-panel>button{margin:0 8px 8px 0}.log-item.transcript{border-left:2px solid #9d8268;padding-left:12px}.log-item.transcript .transcript-label{color:#c9b394;font-size:.72rem;display:block;margin-bottom:8px}
.media-appearance{border:1px solid var(--line);border-radius:6px;padding:12px 14px;margin:0 0 14px;background:#141917}.media-appearance label{margin:0 0 10px;font-size:.8rem}.media-appearance select{font-size:.85rem}.media-appearance .check{margin:6px 0 0;align-items:flex-start;gap:9px}.media-appearance .check small{display:block;font-size:.72rem;margin-top:2px}.media-appearance .check>span{display:block}.media-mask-status{margin:8px 0 0;font-size:.78rem;color:var(--muted);line-height:1.5}.media-mask-status[data-tracking=lost]{color:#efc58f}.media-mask-status[data-tracking=tracking]{color:#b9d3b0}.media-persona{position:absolute;right:8px;top:8px;font:normal 650 .6rem/1 system-ui;letter-spacing:.12em;color:#f1dcc4;background:#2f231ecc;border:1px solid #8a6a52;border-radius:3px;padding:5px 6px}.media-card.character{border-color:#6b5443}
.media-recenter{margin:8px 0 0;padding:6px 10px;font-size:.76rem}
.media-appearance [data-media=avatar-hint]{display:block;font-size:.72rem;line-height:1.5;margin-top:6px;color:var(--muted)}

.media-expand{width:100%;margin-top:10px;padding:7px 10px;font-size:.76rem}
.media-preview-dialog{box-sizing:border-box;width:min(960px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:20px;overflow:auto;border:1px solid #64705c;border-radius:10px;background:#151c19;color:#eee8dc;box-shadow:0 18px 80px #0009}
.media-preview-dialog::backdrop{background:#070a08d9}
.media-preview-dialog .media-heading h2{font-size:1.3rem;margin-bottom:16px;overflow-wrap:anywhere}
.media-preview-dialog video{display:block;width:100%;height:min(65dvh,600px);object-fit:contain;background:#080b09;border-radius:6px}
.media-preview-dialog p{font-size:.82rem;color:#bbc5b5;line-height:1.5;margin:14px 0 0}
@media(max-width:650px){.media-preview-dialog{padding:14px}.media-preview-dialog video{height:55dvh}.media-preview-dialog .media-heading{gap:10px}}

.metahuman-editor{width:min(1120px,calc(100vw - 32px));height:min(760px,calc(100dvh - 32px));overflow:hidden}
.metahuman-editor[open]{display:flex;flex-direction:column}
.metahuman-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;min-height:0;flex:1}
.metahuman-preview{min-height:0;display:flex;flex-direction:column}
.metahuman-editor .metahuman-preview video{height:auto;min-height:0;flex:1;width:100%;object-fit:contain}
.metahuman-editor form{display:flex;flex-direction:column;min-height:0}
.metahuman-editor-scroll{overflow-y:auto;min-height:0;flex:1;padding-right:8px}
.metahuman-fields{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px}
.metahuman-fields label{font-size:.85rem;display:block}.metahuman-fields output{float:right;color:#e3c3a4}.metahuman-fields input{width:100%;margin-top:10px}
.metahuman-editor [role=status]{min-height:2.5em;flex:none}.metahuman-editor .media-controls{flex:none}
@media(max-width:650px){.metahuman-workspace{grid-template-columns:1fr;grid-template-rows:minmax(145px,34%) minmax(0,1fr);gap:12px}.metahuman-preview p{font-size:.72rem;margin-top:5px}.metahuman-preview [data-edit=name]{display:none}.metahuman-editor .media-heading h2{margin-bottom:8px}}
.metahuman-section{border:0;border-top:1px solid #37463a;padding:16px 0;margin:16px 0}.metahuman-section legend{font-family:Georgia,serif;font-size:1.15rem;color:#e3c3a4;padding-right:10px}.metahuman-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metahuman-choices button{display:flex;align-items:center;flex-direction:column;gap:7px;padding:10px 4px;font-size:.78rem;min-width:0}.metahuman-choices button[aria-pressed=true]{outline:2px solid #c89570;outline-offset:-2px;background:#382b23}.metahuman-chip{display:block;width:30px;height:30px;border-radius:50%;border:1px solid #e8dcc344;box-shadow:inset -5px -5px 8px #0003}.metahuman-chip[data-chip=skin-dark]{background:#5f3b29}.metahuman-chip[data-chip=skin-original]{background:#80533b}.metahuman-chip[data-chip=skin-light]{background:#a77a5b}.metahuman-chip[data-chip=eye-dark]{background:radial-gradient(#090909 23%,#342a22 26%,#342a22 60%,#111 65%)}.metahuman-chip[data-chip=eye-medium]{background:radial-gradient(#090909 23%,#705e43 26%,#705e43 60%,#111 65%)}.metahuman-chip[data-chip=eye-light]{background:radial-gradient(#090909 23%,#aca18a 26%,#aca18a 60%,#111 65%)}.metahuman-chip[data-chip=teeth-natural]{background:#d9d1b5}.metahuman-chip[data-chip=teeth-light]{background:#f0edde}.metahuman-chip[data-chip=teeth-yellow]{background:#bda86d}

/* Calibrated palette guides; native materials provide the actual preview. */
.metahuman-fine{margin-top:12px}.metahuman-fine summary{cursor:pointer;color:#dfc2ad;font-size:.9rem;padding:8px 0}.metahuman-choices{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:600px){.metahuman-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}
.metahuman-chip[data-chip=skin-retinta]{background:#251710}
.metahuman-chip[data-chip=skin-deep]{background:#3d2419}
.metahuman-chip[data-chip=skin-dark]{background:#573623}
.metahuman-chip[data-chip=skin-original]{background:#785039}
.metahuman-chip[data-chip=skin-light]{background:#976b4e}
.metahuman-chip[data-chip=skin-medium]{background:#af8469}
.metahuman-chip[data-chip=skin-fair]{background:#c9a68e}
.metahuman-chip[data-chip=skin-very-fair]{background:#dfc2ad}
.metahuman-chip[data-chip=skin-porcelain]{background:#ead7c8}
.metahuman-chip[data-chip=skin-alabaster]{background:#f1e5dc}
.metahuman-chip[data-chip=eye-black]{background:radial-gradient(#090909 23%,#171410 26%,#171410 60%,#222 65%)}
.metahuman-chip[data-chip=eye-dark-brown]{background:radial-gradient(#090909 23%,#3d291c 26%,#3d291c 60%,#222 65%)}
.metahuman-chip[data-chip=eye-brown]{background:radial-gradient(#090909 23%,#745033 26%,#745033 60%,#222 65%)}
.metahuman-chip[data-chip=eye-light-brown]{background:radial-gradient(#090909 23%,#987445 26%,#987445 60%,#222 65%)}
.metahuman-chip[data-chip=eye-amber]{background:radial-gradient(#090909 23%,#b8903e 26%,#b8903e 60%,#222 65%)}
.metahuman-chip[data-chip=eye-hazel]{background:radial-gradient(#090909 23%,#8b8b4d 26%,#8b8b4d 60%,#222 65%)}
.metahuman-chip[data-chip=eye-green]{background:radial-gradient(#090909 23%,#568267 26%,#568267 60%,#222 65%)}
.metahuman-chip[data-chip=eye-blue]{background:radial-gradient(#090909 23%,#527daa 26%,#527daa 60%,#222 65%)}
.metahuman-chip[data-chip=eye-ice]{background:radial-gradient(#090909 23%,#9cbfcb 26%,#9cbfcb 60%,#222 65%)}
.metahuman-chip[data-chip=eye-gray]{background:radial-gradient(#090909 23%,#959f9f 26%,#959f9f 60%,#222 65%)}

/* Zoom affects only the editor's video element, not the outgoing stream. */
.metahuman-viewport{position:relative;overflow:hidden;min-height:100px;flex:1;background:#080b09;border-radius:6px;isolation:isolate;outline-offset:-3px}
.metahuman-editor .metahuman-preview .metahuman-viewport video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:none;transform-origin:center;pointer-events:none;border-radius:0}
.metahuman-viewport[data-zoomed=true]{cursor:grab;touch-action:none}.metahuman-viewport[data-zoomed=true]:active{cursor:grabbing}
.metahuman-viewport:focus-visible{outline:2px solid #c89570}
.metahuman-zoom{flex:none;padding-top:10px}.metahuman-zoom-presets{display:flex;gap:6px}.metahuman-zoom-presets button{flex:1;padding:6px 10px;font-size:.8rem}
.metahuman-zoom-presets button[aria-pressed=true]{border-color:#c89570;background:#382b23}
.metahuman-zoom label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:.8rem;margin-top:7px}.metahuman-zoom output{grid-column:3;grid-row:1}.metahuman-zoom input{grid-column:2;grid-row:1;min-width:0;width:100%;margin:0}
.metahuman-zoom>span{display:block;font-size:.72rem;color:#bbc5b5;margin-top:5px}
@media(max-width:650px){.metahuman-workspace{grid-template-rows:minmax(245px,46%) minmax(0,1fr)}.metahuman-zoom{padding-top:6px}.metahuman-zoom>span{font-size:.65rem}.metahuman-zoom-presets button{padding:5px 8px}}

.metahuman-editor .metahuman-section-help{margin:0 0 12px;font-size:.78rem;line-height:1.5}

.metahuman-chip[data-chip=hair-none]{background:#bd9474}.metahuman-chip[data-chip=hair-short]{background:linear-gradient(#3c2a20 0 48%,#bd9474 49%)}
.metahuman-chip[data-chip=hair-black]{background:#171513}
.metahuman-chip[data-chip=hair-brown]{background:#58402c}
.metahuman-chip[data-chip=hair-light-brown]{background:#90724f}
.metahuman-chip[data-chip=hair-blond]{background:#cdb780}
.metahuman-chip[data-chip=hair-red]{background:#a4512d}
.metahuman-chip[data-chip=hair-gray]{background:#9d9b98}
.metahuman-chip[data-chip=hair-white]{background:#e9e5df}

/* Real groom previews; selecting a style retains the chosen hair color. */
.metahuman-hair-thumb {display:block;width:100%;height:88px;object-fit:cover;object-position:center;border-radius:4px;background:#101115;}
.metahuman-section[data-section="hairstyles"] .metahuman-choices {grid-template-columns:repeat(auto-fit,minmax(90px,1fr));}
.metahuman-section[data-section="hairstyles"] [data-choice] {padding:6px;gap:7px;}

.metahuman-chip[data-chip=lip-rose]{background:#a04d57}
.metahuman-chip[data-chip=lip-nude]{background:#99715d}
.metahuman-chip[data-chip=lip-red]{background:#b82129}
.metahuman-chip[data-chip=lip-wine]{background:#651620}
.metahuman-chip[data-chip=lip-plum]{background:#762c61}
.metahuman-chip[data-chip=lip-brown]{background:#613a27}
.metahuman-chip[data-chip=lip-black]{background:#161618}

.metahuman-free-color{display:flex;align-items:center;gap:12px;margin:12px 0}.metahuman-free-color input[type=color]{width:64px;height:36px;padding:3px;cursor:pointer}

.metahuman-chip[data-chip=eye-makeup-black]{background:#161618}
.metahuman-chip[data-chip=eye-makeup-brown]{background:#624333}
.metahuman-chip[data-chip=eye-makeup-bronze]{background:#a37649}
.metahuman-chip[data-chip=eye-makeup-plum]{background:#754469}
.metahuman-chip[data-chip=eye-makeup-blue]{background:#315b85}
.metahuman-chip[data-chip=eye-makeup-green]{background:#446858}
.metahuman-chip[data-chip=eye-makeup-gray]{background:#78787c}
.metahuman-chip[data-chip=blush-rose]{background:#c57b84}
.metahuman-chip[data-chip=blush-peach]{background:#d79575}
.metahuman-chip[data-chip=blush-coral]{background:#d86b66}
.metahuman-chip[data-chip=blush-terracotta]{background:#ac6551}
.metahuman-chip[data-chip=blush-berry]{background:#a34268}

.media-diagnostics{margin:16px 0;border-top:1px solid #3b4239;padding-top:12px}.media-diagnostics summary{cursor:pointer}.media-diagnostics p,.media-diagnostics small{font-size:.8rem}.media-diagnostics pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.8rem;line-height:1.5}.media-diagnostics button{margin:8px 6px 8px 0}

/* Keep editing space and the live portrait visible with draft history controls. */
.metahuman-editor .metahuman-history{display:flex;gap:6px;margin:6px 0;flex-wrap:wrap}
.metahuman-history button{flex:1;padding:8px 6px;font-size:.78rem;min-height:38px}
.metahuman-editor [data-edit=dirty]{min-height:1.4em;margin:0;font-size:.75rem}
.metahuman-editor [data-edit=status]{margin:8px 0;min-height:2.5em;font-size:.8rem}
@media(max-width:650px){.metahuman-workspace{grid-template-rows:minmax(225px,36%) minmax(0,1fr)}.metahuman-editor form>.media-controls:last-child{margin-top:10px;margin-bottom:0}}