.studio-layout{height:100vh;overflow:hidden;background:#1a1a1a;display:flex;flex-direction:column}.studio-loading{height:100vh;display:flex;align-items:center;justify-content:center;background:#1a1a1a}.studio-topbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#222;border-bottom:1px solid #333;flex-shrink:0}.studio-topbar-left{display:flex;align-items:center;gap:16px}.studio-topbar-right{display:flex;align-items:center;gap:20px}.studio-topbar-right .topbar-link{color:#ccc;font-size:13px;cursor:pointer;transition:color .2s}.studio-topbar-right .topbar-link:hover{color:#fff}.studio-topbar-right .topbar-divider{width:1px;height:16px;background:#444}.studio-upper{display:flex;flex:1;min-height:0;max-height:calc((100vh - 348px)*.81);overflow:hidden}.studio-upper-left{width:40%;max-width:560px;min-width:360px;padding:12px 16px;display:flex;flex-direction:column;border-right:1px solid #333;overflow:hidden}.studio-upper-right{flex:1;display:flex;flex-direction:column;padding:12px 16px;overflow:hidden}.multiview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;height:28px}.multiview-header-left{display:flex;align-items:center;gap:8px}.multiview-header-right{display:flex;align-items:center;gap:4px}.multiview-page-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:3px;background:transparent;color:#ccc;font-size:11px;cursor:pointer;transition:color .2s,background .2s}.multiview-page-btn:hover:not(:disabled){color:#fff;background:#3a3a3a}.multiview-page-btn:disabled{color:#555;cursor:not-allowed}.multiview-page-indicator{color:#999;font-size:11px;min-width:28px;text-align:center;-webkit-user-select:none;user-select:none}.multiview-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:6px;flex:1;min-height:0}.multiview-slot{position:relative;background:#2a2a2a;border-radius:4px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;border:2px solid transparent;transition:border-color .2s}.multiview-slot:hover{border-color:#1677ff}.multiview-slot.slot-active{border-color:#1890ff;box-shadow:0 0 8px #1890ff80}.multiview-slot.slot-pgm-active{border-color:#e63946;box-shadow:0 0 8px #e6394680}.slot-pgm-indicator{background:#e63946;color:#fff;font-size:11px;padding:1px 6px;border-radius:2px;position:absolute;top:4px;left:40px;z-index:2}.multiview-slot.slot-active.slot-pgm-active{border-color:#e63946;box-shadow:0 0 8px #e6394680}.multiview-slot-content{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center}.multiview-slot-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#666;font-size:13px}.multiview-slot-alert{position:absolute;left:0;right:0;bottom:0;z-index:9;padding:4px 6px;background:#781e14e0;color:#ffd7d2;font-size:11px;line-height:1.4;text-align:center;word-break:break-all}.multiview-slot-footer{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:#0009;min-height:28px}.multiview-slot-footer .slot-index{color:#fff;font-size:12px;font-weight:500}.multiview-slot-footer .slot-name{color:#ccc;font-size:11px;margin-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60px}.multiview-slot-footer .slot-controls{display:flex;align-items:center;gap:4px}.multiview-slot-footer .slot-controls .slot-ctrl-btn{color:#999;font-size:13px;cursor:pointer;padding:2px;border-radius:2px;transition:color .2s}.multiview-slot-footer .slot-controls .slot-ctrl-btn:hover{color:#fff}.pvw-pgm-section{display:flex;flex-direction:column;flex:1;min-height:0}.monitor-status-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 0;margin-bottom:8px;flex-shrink:0}.monitor-status-bar .status-left{display:flex;align-items:center;gap:16px}.monitor-status-bar .status-label{color:#999;font-size:12px}.monitor-status-bar .status-value{color:#fff;font-size:18px;font-weight:500;font-family:Courier New,monospace}.monitor-status-bar .status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:3px;font-size:12px}.monitor-status-bar .status-badge.live{background:#e6394633;color:#e63946;border:1px solid #e63946}.monitor-status-bar .status-badge.ready{background:#96969633;color:#999;border:1px solid #666}.monitor-status-bar .status-right{display:flex;align-items:center;gap:8px}.pvw-pgm-row{display:flex;gap:8px;flex:1;min-height:0}.monitor-wrapper{flex:1;display:flex;flex-direction:column;border-radius:4px;overflow:hidden;min-height:0;background:#111}.pvw-monitor{border:2px solid #1890ff}.pgm-monitor{border:2px solid #e63946}.monitor-label{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#1a1a1a;flex-shrink:0}.monitor-player{flex:1;min-height:0;background:#000;position:relative;display:flex;align-items:center;justify-content:center}.monitor-player .monitor-placeholder{color:#666;font-size:13px;text-align:center}.monitor-control-bar{display:flex;align-items:center;padding:8px 0;margin-top:8px;flex-shrink:0}.monitor-control-bar .control-group,.monitor-control-bar .control-group-pvw{display:flex;align-items:center;gap:8px}.monitor-control-bar .control-group-center{display:flex;align-items:center;justify-content:center;flex:1}.monitor-control-bar .control-group-pgm{display:flex;align-items:center;gap:8px}.sync-pgm-btn{border:1px solid #666;border-radius:4px;padding:4px 12px;color:#ccc;background:transparent;cursor:pointer;font-size:12px;transition:all .2s}.sync-pgm-btn:hover{border-color:#e63946;color:#e63946}.studio-lower{flex-shrink:0;border-top:1px solid #333;overflow-y:auto;min-height:220px;max-height:400px}.tool-row{display:flex;align-items:stretch;min-height:72px;border-bottom:1px solid #2a2a2a}.tool-row:last-child{border-bottom:none}.tool-row-label{flex-shrink:0;width:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 8px;background:#252525;border-right:1px solid #2a2a2a;cursor:pointer;transition:background .2s}.tool-row-label:hover{background:#333}.tool-row-label .label-icon{font-size:16px;color:#ccc}.tool-row-label .label-text{font-size:12px;color:#ccc}.tool-row-content{flex:1;display:flex;align-items:center;padding:12px 24px;min-height:72px}.tool-row-placeholder{color:#666;font-size:13px}.live-status-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-size:12px}.live-status-indicator.is-live{background:#e6394626;color:#e63946;border:1px solid rgba(230,57,70,.4)}.live-status-indicator.is-idle{background:#52c41a1a;color:#52c41a;border:1px solid rgba(82,196,26,.3)}.studio-lower::-webkit-scrollbar{width:4px}.studio-lower::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.studio-lower::-webkit-scrollbar-track{background:transparent}.output-stats-bar{display:flex;align-items:center;padding:8px 0;margin-top:6px;flex-shrink:0;font-family:Courier New,Consolas,monospace;font-size:12px;color:#999}.output-stats-bar .output-stats-item{color:#999}.output-stats-bar .output-stats-highlight{color:#ccc;font-weight:500}.output-stats-bar .output-stats-sep{margin:0 8px;color:#555}