/* 房间内部使用当前客户端原始 DOM/CSS；这里只控制外部等比缩放和预览面板。 */
:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#fff;background:#101019;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #dbb6ff;outline-offset:3px}[hidden]{display:none!important}
.viewport{width:100%;height:100dvh;display:flex;align-items:stretch;justify-content:center;overflow:hidden}
.stage-shell{position:relative;flex:none;overflow:hidden}.client-stage{position:absolute;left:0;top:0;width:425px;transform-origin:0 0;overflow:hidden;background:#241d38}
#native-frame{display:block;width:425px;height:100%;border:0}
.preview-panel{position:fixed;right:16px;top:16px;bottom:16px;width:310px;overflow-y:auto;z-index:300;background:#211d2d;border:1px solid #4b425d;border-radius:18px;padding:20px;box-shadow:0 16px 70px #0009;font-size:14px}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h1{margin:0;font-size:20px}.panel-title button{background:transparent;border:0;color:#cfc7db;font-size:26px}.data-source{font-size:12px;color:#b8adca;margin:8px 0 18px}.seat-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:20px}.seat-picker button{padding:7px 0;background:#302a40;color:#cfc7db;border:1px solid #4c415e;border-radius:8px;font-size:13px}.seat-picker button:first-child{grid-column:1/-1}.seat-picker button.selected{color:#fff;background:#7652a0;border-color:#c5a2f3}.preview-panel label{display:block;margin:12px 0;color:#dfd6ed;font-size:13px}.preview-panel input:not([type=checkbox]),.preview-panel select{display:block;width:100%;margin-top:7px;background:#15121f;border:1px solid #50445f;border-radius:8px;padding:10px;color:#fff;font-size:14px}.preview-panel input[type=file]{font-size:12px;padding:8px}.preview-panel .checkbox-label{display:flex;align-items:center;gap:7px}.checkbox-label input{accent-color:#b087df}.primary-button,.panel-actions button{border-radius:8px;padding:10px 12px;color:#fff;border:1px solid #665378;background:#342a44}.primary-button:disabled{opacity:.5;cursor:wait}.primary-button{background:#8660b0;border-color:#b28cda;width:100%;margin-top:3px}.panel-actions{display:flex;gap:8px;margin:18px 0}.panel-actions button{flex:1;font-size:12px;padding:9px 5px}.preview-panel details{border-top:1px solid #42374e;padding-top:14px}.preview-panel summary{cursor:pointer;font-size:13px;color:#c9bbdc}.panel-note,.scale-info{font-size:12px;color:#b0a1c2;line-height:1.8}.noscript{position:absolute;inset:40% 0;text-align:center}
.background-settings{border-bottom:1px solid #42374e;padding-bottom:12px;margin-bottom:18px}
.global-settings{border-bottom:1px solid #42374e;padding-bottom:12px;margin-bottom:18px}
.panel-note{overflow-wrap:anywhere}
.background-settings h2,.settings-heading{font-size:14px;font-weight:600;margin:16px 0 12px}
.background-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.background-option{padding:0;overflow:hidden;border:1px solid #50445f;border-radius:10px;background:#15121f;color:#d8cce6;text-align:left}
.background-option img{display:block;width:100%;height:74px;object-fit:cover}
.background-option span{display:block;padding:7px 8px;font-size:12px}
.background-option[aria-pressed=true]{border-color:#ddb3ff;box-shadow:0 0 0 1px #ddb3ff;color:#fff;background:#513669}
@media(max-width:600px){.preview-panel{right:10px;top:10px;bottom:10px;width:min(310px,calc(100% - 20px))}}



.avatar-scheme-settings{margin:16px 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}
.avatar-image-settings{margin:16px 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}
.avatar-image-settings h2{font-size:18px;margin:8px 0 16px}
.avatar-image-settings output{float:right;color:#d9b8ff;font-variant-numeric:tabular-nums}
.preview-panel input[type=range]{padding:0;margin:6px 0 16px;height:24px;border:0;background:transparent;accent-color:#b087df;cursor:pointer}
.avatar-image-reset{width:100%;border-radius:8px;padding:9px 12px;color:#fff;border:1px solid #665378;background:#342a44;font-size:13px;cursor:pointer}
.avatar-background-picker{grid-template-columns:repeat(4,minmax(0,1fr));max-height:340px;overflow-y:auto;scrollbar-gutter:stable}
.avatar-background-picker .background-option img{height:auto;aspect-ratio:1;object-fit:cover}
#new-avatar-settings[hidden]{display:none}