.stream-workspace{margin:12px 0}.stream-workspace h1{font-size:24px;margin:0 0 6px}.stream-workspace header p{color:#aabeb0;margin:0 0 16px}.stream-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr);gap:16px;align-items:start}.stream-fields{display:grid;gap:12px;margin:12px 0}.stream-fields label{display:grid;gap:6px;font-size:12px;color:#c5d5c9}.stream-fields input:not([type=checkbox]),.stream-fields select{width:100%;padding:9px;border-radius:7px;border:1px solid #425b4a;background:#0d1711;color:#f1f6f1;min-width:0}.stream-fields input[type=range]{padding:0}.stream-fields .stream-check{display:flex;align-items:center;gap:8px}.stream-note{color:#aabeb0;font-size:12px;line-height:1.6}.stream-status{padding:12px 0;color:#c8ef91;line-height:1.5}#streamStats{font-size:12px;color:#aabeb0}#streamPreview{width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:8px}#streamMeter{width:100%;height:15px}.stream-actions{display:flex;gap:10px;margin-top:15px}.stream-actions button{font-size:15px;padding:12px 18px}#streamBadge{font-size:12px;color:#aabeb0}#streamBadge[data-state=live]{color:#ff7979}.streaming-mode .main{display:block!important}.streaming-mode .main>.workgrid,.streaming-mode .main>.heading,.streaming-mode .main>.bottom,.streaming-mode .main>.footnote{display:none!important}.stream-workspace[hidden]{display:none}.stream-clean-output .output-top,.stream-clean-output .output-bottom{display:none!important}@media(max-width:850px){.stream-grid{grid-template-columns:1fr}}

.stream-telemetry{display:flex;gap:12px;flex-wrap:wrap;border:1px solid #425b4a;padding:12px;border-radius:8px;font-size:12px}.stream-telemetry strong{color:#c8ef91}#streamLayers label{display:flex;gap:8px;padding:5px 0}

.stream-backup{display:grid;gap:10px;padding:14px;margin:14px 0;border:1px solid #425b4a;border-radius:10px}.stream-backup h3{margin:0}.stream-backup>label{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}.stream-backup input[type=range]{flex:1}#streamBackupName{font-size:12px;overflow-wrap:anywhere;color:#c8ef91;margin:0}#streamSourceBadge{font-size:12px;color:#c8ef91}.stream-backup .stream-actions{flex-wrap:wrap;margin:0}

#streamVideoAxes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}#streamVideoAxes label{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:12px;color:#dce9df}#streamVideoAxes input{grid-column:1/-1;width:100%;padding:0;accent-color:#c8ef91}#streamVideoAxes output{color:#c8ef91}.stream-composition{margin:16px 0;padding:14px;border:1px solid #526b5d;border-radius:10px;background:#102018}.stream-composition>label{display:grid;gap:7px;margin:12px 0}.stream-composition select{width:100%;padding:9px;background:#0b1510;color:#f4f8f5;border:1px solid #75917f;border-radius:7px}

.stream-sidebar{display:grid;gap:16px;min-width:0}.stream-layout-card{min-width:0}.stream-layout-card .inner{max-height:calc(100vh - 190px);overflow:auto;scrollbar-color:#66816c #102018}.stream-layout-card .stream-composition{margin:0;padding:0;border:0;border-radius:0;background:transparent}.stream-layout-card .stream-composition h3{font-size:13px;margin:0 0 10px}.stream-layout-card .stream-composition>label{margin:9px 0;font-size:12px}.stream-layout-card #streamVideoAxes{gap:8px;margin:10px 0}.stream-layout-card input[type=file]{max-width:100%;font-size:11px}.stream-sidebar>.card{margin:0}@media(min-width:1100px){.stream-grid{grid-template-columns:minmax(0,1.35fr) minmax(330px,.9fr)}}@media(max-width:850px){.stream-layout-card .inner{max-height:none;overflow:visible}}