@import url('/program.css');
.studio-dialog{max-width:1480px;width:96vw;max-height:95vh}.studio-dialog-expanded{position:fixed!important;inset:0!important;max-width:none!important;width:100vw!important;max-height:100vh!important;height:100vh!important;margin:0!important;border-radius:0!important}.studio-expanded .studio-workspace{min-height:55vh}.studio-header,.studio-footer{display:flex;gap:12px;align-items:center;justify-content:space-between}.studio-header{padding-bottom:14px;border-bottom:1px solid var(--line)}.studio-header h3{font-size:24px;margin:5px 0}.studio-header p{font-size:12px;color:var(--muted)}.studio-header .toolbar-group{flex-wrap:wrap}.studio-workspace{display:grid;grid-template-columns:160px minmax(300px,1fr) 220px;min-height:430px;border:1px solid var(--line);margin-top:16px;border-radius:10px;overflow:clip}.studio-library,.studio-inspector{padding:12px;max-height:550px;overflow:auto;background:var(--surface)}.studio-library{border-right:1px solid var(--line)}.studio-inspector{border-left:1px solid var(--line);font-size:11px}.studio-inspector h3{font-size:14px;overflow-wrap:anywhere}.studio-inspector h4{margin:18px 0 8px}.studio-inspector input,.studio-inspector select{width:100%;padding:7px;font-size:11px}.studio-inspector input[type=checkbox]{width:16px}.studio-inspector input[type=range]{padding:0}.studio-inspector label{display:block;margin-top:9px}.studio-inspector .checkbox-label{display:flex}.studio-numbers{display:grid;grid-template-columns:1fr 1fr;gap:7px}.studio-source{display:grid;width:100%;text-align:left;padding:7px;margin:7px 0;font-size:10px}.studio-source .media-thumbnail,.studio-source .video-tile{height:55px;width:100%;object-fit:contain;background:#14333a}.studio-source small{font-size:9px;color:var(--muted)}.studio-source span{overflow-wrap:anywhere}.studio-library input{width:100%;font-size:11px;padding:8px}.studio-center{min-width:0;background:var(--canvas);padding:12px}.studio-canvas-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;flex-wrap:wrap}.studio-canvas-tools button,.studio-inspector button{padding:6px;font-size:10px}.studio-canvas-wrap{display:flex;align-items:center;justify-content:center;min-height:330px;padding:18px 0;overflow:clip}.studio-screen{position:relative;background:#000;box-shadow:0 7px 26px #0003;min-width:150px;max-width:100%;overflow:clip}.studio-regions,.studio-preview{position:absolute;inset:0}.studio-regions{background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:5% 5%}.studio-region{position:absolute;overflow:clip;border:1px solid #5f7f86;cursor:move;touch-action:none;box-sizing:border-box}.studio-region.selected{outline:2px solid #19c6d1;outline-offset:-2px}.studio-region-art{position:absolute;inset:0;overflow:clip}.studio-region-art>img,.studio-region-art>video{position:absolute;max-width:none;max-height:none}.studio-placeholder{display:grid;place-items:center;background:#153940}.studio-region-art .video-tile{font-size:25px;color:#aedce0}.studio-region-label{position:absolute;left:5px;top:5px;max-width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#0a242edd;color:#d7f7fa;font-size:8px;padding:4px;pointer-events:none}.studio-region-resize{position:absolute;right:0;bottom:0;width:24px;height:24px;border:0;border-radius:0;background:#00a0ad;color:white;padding:0;cursor:nwse-resize}.studio-ticker-preview{position:absolute;bottom:0;left:0;right:0;height:8%;background:#102c34;color:white;font-size:12px;white-space:nowrap;overflow:hidden;padding:3px}.studio-timeline{margin-top:15px;border:1px solid var(--line);border-radius:9px;padding:12px;overflow:auto}.studio-timeline .toolbar{font-size:12px}.studio-timeline .toolbar label{display:flex;gap:8px;align-items:center;font-size:10px}.studio-timeline .toolbar input{max-width:110px}.studio-track{display:flex;min-width:0;gap:8px;border-top:1px solid var(--line);padding:10px 0}.studio-track>strong{width:70px;flex:none;font-size:10px;padding:7px}.studio-track>strong small{display:block;color:var(--muted);font-size:9px}.studio-track-clips{display:flex;overflow:auto;gap:6px;min-height:62px;flex:1}.studio-clip{position:relative;flex:none;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;text-align:left;background:var(--accent-soft);border:1px solid #7eaeb4;border-top:4px solid #00919e;font-size:10px;min-height:72px;padding:7px;cursor:grab;max-width:100%}.studio-clip.selected{outline:2px solid var(--accent);outline-offset:-2px}.studio-clip strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-clip>small{display:block;flex-basis:100%;font-size:9px}.studio-clip .media-thumbnail,.studio-clip .video-tile{width:38px;height:26px;object-fit:contain;margin-right:7px}.studio-clip .video-tile small{display:none}.studio-banner{display:flex;align-items:center;gap:12px;margin:14px 0;flex-wrap:wrap}.studio-banner>input{flex:1;min-width:200px}.studio-banner label{font-size:11px}.studio-footer{padding-top:13px;border-top:1px solid var(--line);font-size:10px}.studio-footer small{flex:1;color:var(--muted)}.youtube-mark{color:#fff;background:#f12b31}.youtube-logo{width:74px;height:52px;border-radius:14px;background:#f02d31;display:grid;place-items:center;color:white;font-size:28px}.connection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}.connection-card{padding:20px;border:1px solid var(--line);background:var(--surface);border-radius:12px}.connection-card h3{margin:12px 0 6px}.connection-card p{font-size:12px;color:var(--muted);line-height:1.65}.connection-card button{margin-top:12px}.editor-timeline-launch{display:flex;align-items:center;justify-content:space-between;padding:18px;background:var(--accent-soft);border:1px solid var(--line);border-radius:10px;margin-bottom:16px}.thumbnail-progress{width:100%;height:8px}.delivery-display-search{width:100%;margin:8px 0 14px}.media-thumbnail{object-fit:contain}.board-fullscreen{position:fixed!important;inset:0!important;z-index:1000;border-radius:0!important;background:var(--surface)}.board-fullscreen .board-layout{height:calc(100vh - 68px);min-height:0}.board-fullscreen .board-toolbar{height:68px}.graph-port-label{position:absolute;left:22px;top:2px;white-space:nowrap;font-size:9px;background:var(--surface);color:var(--muted);padding:2px 3px;pointer-events:none}.graph-node.display{min-height:200px}.graph-node.display .graph-node-body{padding-left:32px}.graph-node-head{background:var(--canvas)}.board-wires{overflow:visible;pointer-events:none}.board-wire{stroke-width:2.5}.board-wire.pending{stroke:#00cbdd}.board-viewport{background-image:linear-gradient(#6f969b29 1px,transparent 1px),linear-gradient(90deg,#6f969b29 1px,transparent 1px)}
@media(max-width:1000px){.studio-workspace{grid-template-columns:120px minmax(250px,1fr)}.studio-inspector{grid-column:1/-1;max-height:280px;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-header{flex-wrap:wrap}.studio-canvas-wrap{min-height:280px}.studio-library{max-height:450px}}@media(max-width:650px){.studio-workspace{grid-template-columns:1fr}.studio-library{max-height:150px}.studio-source{display:inline-grid;width:100px;vertical-align:top;margin-right:6px}.studio-library [data-studio-library]{white-space:nowrap;overflow:auto}.studio-source span{white-space:normal}.studio-timeline .toolbar{flex-wrap:wrap}.studio-footer{flex-wrap:wrap}}

.studio-preview:not([hidden])~.studio-ticker-preview{display:none}.node-thumb{height:60px;display:grid;place-items:center;background:var(--canvas);border-radius:5px;overflow:hidden}.node-thumb .media-thumbnail,.node-thumb .video-tile{width:100%;height:60px;object-fit:contain}.graph-node.display .graph-node-body{padding-left:82px}