.game-live-room[data-v-163af63b]{min-height:100vh;background:#1a1a1a;color:#fff;padding:20px;font-family:Arial,sans-serif}.header[data-v-163af63b]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px 20px;background:#2d2d2d;border-radius:8px;margin-bottom:20px}.header-left[data-v-163af63b],.header[data-v-163af63b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-left[data-v-163af63b]{gap:20px}.header h2[data-v-163af63b]{margin:0;color:#fff;font-size:24px;text-shadow:0 0 10px hsla(0,0%,100%,.3)}.live-status[data-v-163af63b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 12px;border-radius:20px;font-size:14px;background:hsla(0,0%,100%,.1)}.status-dot[data-v-163af63b]{width:8px;height:8px;border-radius:50%;margin-right:8px}.offline .status-dot[data-v-163af63b]{background:#666}.online .status-dot[data-v-163af63b]{background:#0f0;-webkit-box-shadow:0 0 10px rgba(0,255,0,.5);box-shadow:0 0 10px rgba(0,255,0,.5)}.viewer-count[data-v-163af63b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;color:#ff4757;font-size:16px}.main-content[data-v-163af63b]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;height:calc(100vh - 100px)}.control-panel[data-v-163af63b]{width:350px;background:#2d2d2d;border-radius:8px;padding:20px}.streamer-info[data-v-163af63b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.avatar[data-v-163af63b]{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #ff4757}.avatar img[data-v-163af63b]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.info h3[data-v-163af63b]{margin:0 0 5px 0;color:#fff;font-size:18px}.fans[data-v-163af63b]{margin:0;color:#ff4757;font-size:14px}.config-section[data-v-163af63b]{margin-bottom:20px}.config-section h3[data-v-163af63b]{margin:0 0 15px 0;color:#fff;font-size:16px}.input-field[data-v-163af63b],.select-field[data-v-163af63b]{padding:8px 12px}.control-buttons[data-v-163af63b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.btn[data-v-163af63b]{padding:12px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;-webkit-transition:all .3s;transition:all .3s}.btn i[data-v-163af63b]{font-size:18px}.btn-primary[data-v-163af63b]{background:#2196f3;color:#fff}.btn-primary[data-v-163af63b]:hover:not(:disabled){background:#1976d2}.btn-secondary[data-v-163af63b]{background:#7289da;color:#fff}.btn-secondary[data-v-163af63b]:hover:not(:disabled){background:#5f73bc}.btn-start[data-v-163af63b]{background:#ff4757;color:#fff}.btn-start[data-v-163af63b]:hover:not(:disabled){background:#f34}.btn-stop[data-v-163af63b]{background:#e74c3c;color:#fff;font-weight:600;position:relative;overflow:hidden;border:2px solid transparent;-webkit-animation:pulse-red-163af63b 2s infinite;animation:pulse-red-163af63b 2s infinite}.btn-stop[data-v-163af63b]:hover{background:#c0392b;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 15px rgba(231,76,60,.4);box-shadow:0 4px 15px rgba(231,76,60,.4);border-color:hsla(0,0%,100%,.2);-webkit-animation:none;animation:none}.btn-stop[data-v-163af63b]:active{-webkit-transform:translateY(0);transform:translateY(0)}.btn-stop[data-v-163af63b]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.2)),to(transparent));background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);-webkit-transition:left .5s;transition:left .5s}.btn-stop[data-v-163af63b]:hover:before{left:100%}@-webkit-keyframes pulse-red-163af63b{0%{-webkit-box-shadow:0 0 0 0 rgba(231,76,60,.7);box-shadow:0 0 0 0 rgba(231,76,60,.7)}70%{-webkit-box-shadow:0 0 0 6px rgba(231,76,60,0);box-shadow:0 0 0 6px rgba(231,76,60,0)}to{-webkit-box-shadow:0 0 0 0 rgba(231,76,60,0);box-shadow:0 0 0 0 rgba(231,76,60,0)}}@keyframes pulse-red-163af63b{0%{-webkit-box-shadow:0 0 0 0 rgba(231,76,60,.7);box-shadow:0 0 0 0 rgba(231,76,60,.7)}70%{-webkit-box-shadow:0 0 0 6px rgba(231,76,60,0);box-shadow:0 0 0 6px rgba(231,76,60,0)}to{-webkit-box-shadow:0 0 0 0 rgba(231,76,60,0);box-shadow:0 0 0 0 rgba(231,76,60,0)}}.btn[data-v-163af63b]:disabled{opacity:.6;cursor:not-allowed}.stream-stats[data-v-163af63b]{margin-top:20px;padding:15px;background:hsla(0,0%,100%,.05);border-radius:4px}.stat-item[data-v-163af63b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px}.stat-item .label[data-v-163af63b]{color:#ccc}.stat-item .value[data-v-163af63b]{color:#ff4757;font-weight:700}.preview-area[data-v-163af63b]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.video-container[data-v-163af63b]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;background:#000;border-radius:8px;overflow:hidden}.main-video[data-v-163af63b]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.pip-video[data-v-163af63b]{position:absolute;border-radius:8px;z-index:10;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:var(--40738b1e)}.pip-video.top-right[data-v-163af63b]{top:20px;right:20px}.pip-video.top-left[data-v-163af63b]{top:20px;left:20px}.pip-video.bottom-right[data-v-163af63b]{bottom:20px;right:20px}.pip-video.bottom-left[data-v-163af63b]{bottom:20px;left:20px}.pip-video.small[data-v-163af63b]{width:240px;height:180px}.pip-video.medium[data-v-163af63b]{width:320px;height:240px}.pip-video.large[data-v-163af63b]{width:400px;height:300px}.pip-video[data-border=solid][data-v-163af63b]{border:2px solid #ff4757}.pip-video[data-border=glow][data-v-163af63b]{border:2px solid #ff4757;-webkit-box-shadow:0 0 20px rgba(255,71,87,.5);box-shadow:0 0 20px rgba(255,71,87,.5)}.pip-video[data-border=gradient][data-v-163af63b]{border:2px solid transparent;background-clip:padding-box;position:relative}.pip-video[data-border=gradient][data-v-163af63b]:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ff4757,#7289da);z-index:-1;border-radius:10px}.placeholder[data-v-163af63b]{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.8)}.placeholder-content[data-v-163af63b]{text-align:center;color:#fff}.placeholder-content i[data-v-163af63b]{font-size:48px;margin-bottom:16px;color:#ff4757}.interaction-area[data-v-163af63b]{height:200px;margin-top:20px;background:#2d2d2d;border-radius:8px;padding:15px}.chat-box[data-v-163af63b]{height:100%;overflow-y:auto}.chat-messages[data-v-163af63b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.welcome-message[data-v-163af63b]{color:#ff4757;font-size:14px;text-align:center}.error-toast[data-v-163af63b]{background:rgba(255,71,87,.9)}.error-toast[data-v-163af63b],.success-toast[data-v-163af63b]{position:fixed;top:20px;right:20px;color:#fff;padding:12px 20px;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;z-index:1000;-webkit-animation:slideIn-163af63b .3s ease;animation:slideIn-163af63b .3s ease}.success-toast[data-v-163af63b]{background:rgba(46,204,113,.9)}.settings-modal[data-v-163af63b]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2000;-webkit-animation:fadeIn-163af63b .3s ease;animation:fadeIn-163af63b .3s ease}.settings-content[data-v-163af63b]{background:#2d2d2d;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.5);box-shadow:0 10px 30px rgba(0,0,0,.5)}.settings-header[data-v-163af63b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.settings-header h3[data-v-163af63b]{margin:0;color:#fff;font-size:20px}.close-btn[data-v-163af63b]{background:none;border:none;color:#ccc;font-size:18px;cursor:pointer;padding:8px;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}.close-btn[data-v-163af63b]:hover{background:hsla(0,0%,100%,.1);color:#fff}.settings-body[data-v-163af63b]{padding:20px;max-height:60vh;overflow-y:auto}.config-section[data-v-163af63b]{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.config-section[data-v-163af63b]:last-child{border-bottom:none;margin-bottom:0}.config-section h4[data-v-163af63b]{margin:0 0 15px 0;color:#fff;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.form-group[data-v-163af63b]{margin-bottom:15px}.form-group label[data-v-163af63b]{display:block;margin-bottom:5px;color:#ccc;font-size:14px}.form-group label input[type=checkbox][data-v-163af63b]{margin-right:8px}.input-field[data-v-163af63b],.select-field[data-v-163af63b]{width:100%;padding:10px 12px;background:#3d3d3d;border:1px solid hsla(0,0%,100%,.1);border-radius:4px;color:#fff;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s;transition:all .2s}.input-field[data-v-163af63b]:focus,.select-field[data-v-163af63b]:focus{outline:none;border-color:#ff4757;-webkit-box-shadow:0 0 0 2px rgba(255,71,87,.25);box-shadow:0 0 0 2px rgba(255,71,87,.25)}.settings-footer[data-v-163af63b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid hsla(0,0%,100%,.1)}.btn-settings[data-v-163af63b]{background:#666;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:14px;-webkit-transition:all .2s;transition:all .2s}.btn-settings[data-v-163af63b]:hover{background:#777}.btn-danger[data-v-163af63b]{background:#ff4757;color:#fff}.btn-danger[data-v-163af63b]:hover:not(:disabled){background:#f34}.slider-container[data-v-163af63b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.slider[data-v-163af63b]{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-appearance:none;height:6px;background:#3d3d3d;border-radius:3px;outline:none;-webkit-transition:all .2s;transition:all .2s}.slider[data-v-163af63b]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#ff4757;border-radius:50%;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.slider[data-v-163af63b]::-webkit-slider-thumb:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-box-shadow:0 0 10px rgba(255,71,87,.5);box-shadow:0 0 10px rgba(255,71,87,.5)}.slider[data-v-163af63b]::-moz-range-thumb{width:16px;height:16px;background:#ff4757;border-radius:50%;cursor:pointer;border:none;-moz-transition:all .2s;transition:all .2s}.slider-value[data-v-163af63b]{min-width:48px;color:#ccc;font-size:14px;text-align:center}@-webkit-keyframes slideIn-163af63b{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slideIn-163af63b{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes fadeIn-163af63b{0%{opacity:0}to{opacity:1}}@keyframes fadeIn-163af63b{0%{opacity:0}to{opacity:1}}@media (max-width:1200px){.main-content[data-v-163af63b]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto}.control-panel[data-v-163af63b]{width:100%}.preview-area[data-v-163af63b]{height:500px}}@media (max-width:768px){.game-live-room[data-v-163af63b]{padding:10px}.header[data-v-163af63b]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.pip-video.small[data-v-163af63b]{width:160px;height:120px}}