.iframe-demo[data-v-eedc974e]{width:100%;height:100%;background:#1a1a1a;color:#dbdbdb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.iframe-demo .config-bar[data-v-eedc974e]{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:24px;padding:12px 20px;background:#252525;border-bottom:1px solid #333;-ms-flex-wrap:wrap;flex-wrap:wrap}.iframe-demo .config-bar .channel-inputs[data-v-eedc974e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-ms-flex-wrap:wrap;flex-wrap:wrap}.iframe-demo .config-bar .channel-inputs .channel-item[data-v-eedc974e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.iframe-demo .config-bar .channel-inputs .channel-item .channel-label[data-v-eedc974e]{font-size:13px;color:#999;white-space:nowrap}.iframe-demo .config-bar .channel-inputs .channel-item .program-input[data-v-eedc974e]{background:#333;border:1px solid #555;border-radius:4px;color:#dbdbdb;padding:5px 10px;font-size:13px;width:240px;outline:none}.iframe-demo .config-bar .channel-inputs .channel-item .program-input[data-v-eedc974e]:focus{border-color:#4a9eff}.iframe-demo .config-bar .view-select[data-v-eedc974e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.iframe-demo .config-bar .view-select .toggle-group[data-v-eedc974e]{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #555;border-radius:4px;overflow:hidden}.iframe-demo .config-bar .view-select .toggle-btn[data-v-eedc974e]{background:#333;border:none;border-right:1px solid #555;color:#dbdbdb;padding:5px 12px;font-size:12px;cursor:pointer;-webkit-transition:background .2s;transition:background .2s}.iframe-demo .config-bar .view-select .toggle-btn[data-v-eedc974e]:last-child{border-right:none}.iframe-demo .config-bar .view-select .toggle-btn[data-v-eedc974e]:hover{background:#444}.iframe-demo .config-bar .view-select .toggle-btn.active[data-v-eedc974e]{background:#4a9eff;color:#fff}.iframe-demo .config-bar .view-select .view-hint[data-v-eedc974e]{font-size:11px;color:#555}.iframe-demo .config-bar .btn-group[data-v-eedc974e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.iframe-demo .config-bar .demo-btn[data-v-eedc974e]{background:#333;border:1px solid #555;border-radius:4px;color:#dbdbdb;padding:6px 18px;font-size:13px;cursor:pointer;-webkit-transition:background .2s;transition:background .2s}.iframe-demo .config-bar .demo-btn.active[data-v-eedc974e],.iframe-demo .config-bar .demo-btn[data-v-eedc974e]:hover{background:#4a9eff;border-color:#4a9eff;color:#fff}.iframe-demo .config-bar .demo-btn.close-btn[data-v-eedc974e]:hover{background:#e74c3c;border-color:#e74c3c}.iframe-demo .split-view[data-v-eedc974e]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.iframe-demo .split-view .pane[data-v-eedc974e]{-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;border-right:1px solid #333}.iframe-demo .split-view .pane[data-v-eedc974e]:last-child{border-right:none}.iframe-demo .split-view .pane.single[data-v-eedc974e]{-webkit-box-flex:1;-ms-flex:1;flex:1}.iframe-demo .split-view .pane .pane-header[data-v-eedc974e]{-ms-flex-negative:0;flex-shrink:0;padding:6px 12px;background:#2a2a2a;font-size:12px;color:#888;border-bottom:1px solid #333}.iframe-demo .split-view .pane .pane-header .pid[data-v-eedc974e]{color:#4a9eff;font-family:monospace}.iframe-demo .split-view .pane .pane-header .view-tag[data-v-eedc974e]{margin-left:8px;color:#33ab4f;font-size:11px}.iframe-demo .split-view .pane iframe[data-v-eedc974e]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;display:block}.iframe-demo .placeholder[data-v-eedc974e]{-webkit-box-flex:1;-ms-flex:1;flex:1;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;color:#555;font-size:14px}