.rp836-camera-panel{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:13px;margin-bottom:14px;padding:14px;border:1px solid #cfe5d5;border-radius:16px;background:#f5fcf7}.rp836-camera-scene{position:relative;min-height:300px;border-radius:14px;overflow:hidden;background:linear-gradient(90deg,rgba(7,25,15,.35),rgba(7,25,15,.05)),url('/images/roleplay/coffee-shop-customer-scene-v836.png') center/cover}.rp836-camera-scene.plain{background:#24352b}.rp836-camera-scene video{width:100%;height:100%;min-height:300px;object-fit:cover;transform:scaleX(-1)}.rp836-camera-scene.soft video{filter:blur(7px) brightness(.9);transform:scaleX(-1) scale(1.05)}#rp836CameraEmpty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#fff;background:rgba(8,28,17,.58)}#rp836CameraEmpty span{font-size:48px}#rp836CameraEmpty small,#rp836CameraEmpty b{display:block}.rp836-camera-caption{position:absolute;left:10px;right:10px;bottom:10px;padding:10px;border-radius:9px;background:rgba(4,20,11,.78);color:#fff;font-weight:700}.rp836-camera-controls{display:grid;align-content:start;gap:9px}.rp836-camera-controls>div{display:grid;grid-template-columns:1fr;gap:6px}.rp836-camera-controls button,.rp836-camera-controls select{width:100%;border:1px solid #cadacf;border-radius:9px;padding:9px;background:#fff;cursor:pointer;font-weight:700}.rp836-camera-controls button.active,.rp836-camera-controls .account-btn{background:#16834a!important;border-color:#16834a!important;color:#fff!important}.rp836-camera-controls label{display:grid;gap:5px;font-size:12px;font-weight:700}.rp836-camera-controls>small{color:#62726a;font-size:11px;line-height:1.4}
@media(max-width:760px){.rp836-camera-panel{grid-template-columns:1fr}.rp836-camera-controls{order:-1}.rp836-camera-scene{min-height:340px}.rp836-camera-scene video{min-height:340px}}
.rp836-camera-scene.plain{background:linear-gradient(135deg,#edf7f0,#bcd9c5)}.rp836-camera-scene.dark{background:radial-gradient(circle at 50% 35%,#526159,#111b15 72%)}
.rp837-live-panel{margin:14px 0;padding:14px;border:1px solid #9ed2ad;border-radius:16px;background:#f6fff8}.rp837-live-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.rp837-live-head strong,.rp837-live-head small{display:block}.rp837-live-head small{margin-top:3px;color:#567062}.rp837-live-head button{border:1px solid #b8ccc0;border-radius:9px;background:#fff;padding:8px 11px;font-weight:750;cursor:pointer}.rp837-live-status{margin:11px 0;padding:9px 11px;border-radius:10px;background:#e7f7ec;color:#126b37;font-weight:750}.rp837-live-transcript{max-height:340px;overflow:auto;display:grid;gap:9px}.rp837-transcript-turn{padding:10px 12px;border:1px solid #d9e8de;border-radius:11px;background:#fff}.rp837-transcript-turn .label{display:block;font-size:10px;font-weight:850;color:#24804a}.rp837-transcript-turn .tiki-note{margin-top:7px;padding:7px;border-radius:7px;background:#eef5ff}.rp837-transcript-turn .correction{margin-top:7px;padding:7px;border-radius:7px;background:#fff7df}
.rp836-camera-scene.scene-mode video{position:absolute;width:38%;height:48%;min-height:0;right:14px;bottom:58px;border:3px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:0 10px 28px rgba(0,0,0,.34);z-index:2}.rp836-camera-scene.scene-mode.soft video{transform:scaleX(-1);filter:blur(5px) brightness(.92)}
@media(max-width:760px){.rp836-camera-scene.scene-mode video{width:45%;height:38%;right:10px;bottom:70px;border-radius:14px}}