body{margin:0;overflow:hidden;background:#151515;display:flex;justify-content:center;align-items:center;height:100vh}#video-container{position:relative;width:1280px;height:720px;background:#000;overflow:hidden;border:2px solid #444}.fullscreen #video-container{border:none;width:100vw;height:100vh}#canvas{display:block;width:100%;height:100%;touch-action:none}#video{display:none}#gui{position:absolute;top:10px;right:10px;width:410px;max-height:calc(100vh - 20px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;box-sizing:border-box;padding:0 12px 12px 0;scrollbar-gutter:stable;font-family:Arial,sans-serif;font-size:15px;z-index:10;cursor:move}#gui .dg.main,#gui .dg.main>ul{width:100%!important}#gui .compact-panel{width:100%;margin-bottom:10px;border:1px solid rgba(120,120,120,.5);background:#121212f0;box-sizing:border-box}#gui .compact-panel-header{padding:7px 8px;font-weight:700;color:#fff;background:linear-gradient(180deg,#5c5c5cfa,#3a3a3afa);border-bottom:1px solid rgba(130,130,130,.6);letter-spacing:.03em;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}#gui .compact-panel-header:after{content:"-";font-size:14px;line-height:1;color:#ffffffc7}#gui .compact-panel.collapsed .compact-panel-header:after{content:"+"}#gui .compact-panel.collapsed .compact-panel-grid{display:none}#gui .compact-panel-grid{display:grid;gap:1px;background:#48484899}#gui .compact-panel-labels,#gui .compact-panel-row{display:grid;grid-template-columns:58px minmax(0,1fr) 58px 34px 48px 58px;gap:1px;align-items:stretch;background:#48484899}#gui .compact-panel-labels.compact-panel-labels-inputs,#gui .compact-panel-row.compact-panel-row-inputs{grid-template-columns:76px minmax(0,1fr)}#gui .compact-panel-labels{background:#1c1c1cf5}#gui .compact-panel-labels span{display:flex;align-items:center;justify-content:center;min-height:24px;padding:0 4px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffbd;background:#1c1c1cf5}#gui .compact-panel-row{background:transparent}#gui .compact-panel-row>*{min-width:0}#gui .compact-row-name{display:flex;align-items:center;padding:0 8px;min-height:30px;font-size:11px;font-weight:700;color:#fff;background:#242424f5;border-bottom:1px solid rgba(86,86,86,.75)}#gui .compact-row-name.has-help{cursor:help}#gui .compact-panel-row input[type=text],#gui .compact-panel-row input[type=color],#gui .compact-panel-row select{width:100%;min-height:30px;margin:0;padding:0 6px;border:0;outline:0;box-sizing:border-box;font:600 11px/1 Consolas,Lucida Console,monospace;color:#fff;background:#1e1e1ef5;border-bottom:1px solid rgba(86,86,86,.75)}#gui .compact-panel-row input[type=text]:focus,#gui .compact-panel-row input[type=color]:focus,#gui .compact-panel-row select:focus{background:#2d2d2dfa;box-shadow:inset 0 0 0 1px #5aa0ff8c}#gui .compact-panel-row input[type=color]{padding:3px;cursor:pointer}#gui .compact-panel-row input[type=checkbox]{appearance:none;width:16px;height:16px;margin:auto;border:1px solid rgba(140,140,140,.8);background:#1c1c1cf5;position:relative;cursor:pointer}#gui .compact-panel-row input[type=checkbox]:checked:after{content:"";position:absolute;inset:3px;background:#39c36b}#gui .compact-panel-row .compact-toggle-cell{display:flex;align-items:center;justify-content:center;min-height:30px;background:#1e1e1ef5;border-bottom:1px solid rgba(86,86,86,.75)}#gui .compact-panel-row input:disabled,#gui .compact-panel-row select:disabled,#gui .compact-panel-row .compact-toggle-cell.disabled{opacity:.4;cursor:not-allowed}#gui .compact-row-readout{display:flex;align-items:center;min-height:30px;padding:0 8px;font-size:11px;color:#ffffffdb;background:#181818f5;border-bottom:1px solid rgba(86,86,86,.75);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#gui .compact-panel-row .compact-row-live{justify-content:flex-end;padding:0 6px;font:600 11px/1 Consolas,Lucida Console,monospace;color:#82d7ffeb}#gui .compact-about-text,#gui .compact-about-link{display:flex;align-items:center;min-height:30px;padding:6px 8px;font-size:11px;line-height:1.35;color:#ffffffe6;background:#181818f5;border-bottom:1px solid rgba(86,86,86,.75);box-sizing:border-box}#gui .compact-about-text{align-items:flex-start;white-space:normal}#gui .compact-about-link{color:#89d7ff;text-decoration:none;word-break:break-all}#gui .compact-about-link:hover,#gui .compact-about-link:focus{color:#c1ebff;text-decoration:underline;outline:none}#gui .compact-meter-track{position:relative;min-height:30px;background:#121212f5;border-bottom:1px solid rgba(86,86,86,.75);overflow:hidden}#gui .compact-meter-fill{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,#2ca84cc7,#60ee80f5);transition:width 90ms linear}#gui .compact-meter-track.warn .compact-meter-fill{background:linear-gradient(90deg,#b8981ad1,#ffe054fa)}#gui .compact-meter-track.clip .compact-meter-fill{background:linear-gradient(90deg,#b82e20e0,#ff6054)}#gui .compact-meter-peak{position:absolute;top:0;bottom:0;left:0;width:2px;background:#96ffaaf2;box-shadow:0 0 5px #78ff966b;pointer-events:none}#gui .compact-meter-track.warn .compact-meter-peak{background:#ffe25efa;box-shadow:0 0 6px #ffd64a6b}#gui .compact-meter-track.clip .compact-meter-peak{background:#ff6054;box-shadow:0 0 6px #ff605480}#gui .compact-status-line{display:inline-flex;align-items:center;justify-content:center;width:100%}#gui .status-led,.monitor-state-led{width:10px;height:10px;border-radius:50%;flex:0 0 auto;background:#8f2b2b;box-shadow:0 0 8px #a0282861}#gui .status-led.state-active,.monitor-state-led.state-active{background:#33d061;box-shadow:0 0 8px #28dc5a73}#gui .status-led.state-idle,.monitor-state-led.state-idle{background:#e0b62c;box-shadow:0 0 8px #ffd64a6b}#gui .status-led.state-off,.monitor-state-led.state-off{background:#be4239;box-shadow:0 0 8px #dc484859}.monitor-state-led{display:inline-block;margin-left:6px;vertical-align:middle}#gui .compact-row-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;min-height:30px;background:#48484899}#gui .compact-row-buttons.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}#gui .compact-row-buttons button{min-height:30px;margin:0;border:0;padding:0 6px;font:700 10px/1 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#222222fa;border-bottom:1px solid rgba(86,86,86,.75);cursor:pointer}#gui .compact-row-buttons button:hover:not(:disabled){background:#303030fa}#gui .compact-row-buttons button:disabled{opacity:.4;cursor:not-allowed}#gui .gui-donate-link{position:absolute;right:0;bottom:0;z-index:14;display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 12px;background:#0070ba;color:#fff;font:700 11px/1 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border-left:1px solid rgba(255,255,255,.18);box-sizing:border-box;cursor:pointer}#gui .gui-donate-link:hover{background:#005ea6}#gui .dg.main .close-button{padding-right:126px;box-sizing:border-box}.dg .c{display:flex;align-items:center;padding:5px 0;min-height:28px;background:#282828e6;border-bottom:1px solid #555}.dg .c .property-name{flex:0 0 84px;font-weight:700;text-align:left;padding:0 8px;color:#fff;text-shadow:1px 1px 2px #000;min-width:84px}.dg .c .slider{flex:1 1 210px;min-width:210px;height:18px}.dg .slider,.dg .slider-fg{height:18px!important}.dg .cr{margin:2px 0}.dg.main .controller{background:#1e1e1ef2}.dg .title{font-weight:700;color:#fff;background:linear-gradient(180deg,#5c5c5cfa,#3a3a3afa);padding:6px;border-bottom:2px solid #777;box-shadow:inset 0 1px #ffffff14}.dg{background:transparent!important}.dg .closed .cr,body.menu-hidden #gui,.fullscreen #gui{display:none}.fullscreen.show-controls #gui{display:block;right:10px}.fullscreen.hide-cursor.controls-idle #canvas{cursor:none}.value-entry-mode .dg .cr.number .c{display:block}.value-entry-mode .dg .cr.number .c .slider{display:none!important}.value-entry-mode .dg .cr.number .c>div:first-child{width:100%}.value-entry-mode .dg .cr.number input[type=text]{width:100%!important;box-sizing:border-box;margin-left:0}#branding-footer{position:fixed;left:18px;bottom:12px;z-index:4;font:11px/1.4 Arial,sans-serif;color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}#fullscreen-watermark{position:absolute;right:20px;bottom:18px;z-index:9;padding:12px 16px;border:1px solid rgba(255,255,255,.26);border-radius:12px;background:#00000057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:700 18px/1.1 Arial,sans-serif;color:#ffffffeb;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}#fullscreen-watermark.visible{opacity:1;transform:translateY(0)}#fullscreen-watermark-status{display:block;margin-top:6px;font-size:10px;font-weight:600;letter-spacing:.14em;color:#ffffffa8}.audio-feedback{width:100%;height:6px;background:#303030;margin-top:3px;position:relative;overflow:hidden;border-radius:3px}.audio-feedback .amp{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,#1cc85a,#6aff8a)}.audio-feedback .freq{position:absolute;inset:0 auto 0 0;width:0%;background:#46a0ffcc;mix-blend-mode:screen}.audio-feedback.warn .amp{background:linear-gradient(90deg,#c7aa24,#ffe468)}.audio-feedback.clip .amp{background:linear-gradient(90deg,#c64032,#ff6d61)}.audio-feedback .peak{position:absolute;top:0;bottom:0;left:0;width:2px;background:#aaffbaf5;box-shadow:0 0 4px #78ff9657}.audio-feedback.warn .peak{background:#ffe25efa;box-shadow:0 0 5px #ffd64a5c}.audio-feedback.clip .peak{background:#ff6054;box-shadow:0 0 5px #ff60546b}.fullscreen #startup-controls{display:none}#startup-controls{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:14;display:flex;flex-direction:column;gap:8px;align-items:center}#startup-controls .startup-controls-row{display:flex;align-items:center;gap:10px}#startup-controls button{min-width:116px;padding:9px 14px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:#0808089e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fffffff0;font:700 12px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}#startup-controls button:hover,#startup-controls button:focus{background:#161616c7;border-color:#87d7ff80;outline:none}#startup-controls input[type=range]{width:140px;accent-color:#89d7ff;cursor:pointer}#startup-controls .startup-controls-hint{max-width:260px;color:#ffffffdb;font:600 11px/1.35 Arial,sans-serif;letter-spacing:.04em;text-align:center;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.55)}:root{color-scheme:dark;--accent: #c6efb0;--edge: rgba(255,255,255,.13)}*{box-sizing:border-box}body{display:flex;flex-direction:column;gap:18px;padding:28px 36px 22px;background:#101211;color:#eef0eb;font-family:Segoe UI,sans-serif;height:100dvh}.workspace-heading{width:min(1400px,100%);display:flex;justify-content:space-between;align-items:center}.wordmark{color:#eef0eb;font-size:24px;font-weight:650;letter-spacing:-.8px;text-decoration:none}.wordmark span{color:#929990;font-size:13px;font-weight:400;letter-spacing:.5px}.workspace-note{color:#929990;font-size:12px}#video-container{width:min(1400px,100%);height:auto;flex:1;min-height:0;border:1px solid var(--edge);border-radius:18px;box-shadow:0 20px 70px #0005}#canvas{position:absolute;inset:0}.stage-caption{position:absolute;top:20px;left:22px;display:flex;gap:8px;align-items:center;font-size:12px;color:#c5cdc2;pointer-events:none}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #c6efb066}.floating-bar{background:#171b18e6;border:1px solid var(--edge);border-radius:14px;box-shadow:0 8px 32px #0005;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}#startup-controls{position:fixed;top:88px;right:56px;left:auto;transform:none;flex-direction:row;gap:12px;padding:7px}.fullscreen #startup-controls{display:flex}#startup-controls button,#camera-toolbar button,#close-settings{min-width:0;min-height:40px;padding:0 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:#e3e8df;font:500 13px Segoe UI,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer}#startup-controls input[type=range]{width:85px;accent-color:var(--accent)}#camera-toolbar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:12;display:flex;align-items:center;gap:8px;padding:7px;width:max-content;max-width:calc(100% - 24px)}.toolbar-group{display:flex;align-items:center;border-right:1px solid var(--edge);padding-right:8px}#camera-toolbar button[aria-pressed=true]{background:#c6efb01a;color:var(--accent)}#camera-toolbar button:hover,#startup-controls button:hover,#close-settings:hover{background:#ffffff12}#camera-toolbar button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px}.pin-control{display:flex;gap:6px;align-items:center;padding:0 7px;font-size:12px;color:#b2baae;white-space:nowrap}.pin-control input{accent-color:var(--accent)}#branding-footer{position:static;display:flex;justify-content:space-between;width:min(1400px,100%);color:#8b9589;font:11px Segoe UI,sans-serif;letter-spacing:.2px;text-transform:none}#gui{position:fixed;top:151px;right:56px;bottom:150px;width:min(440px,calc(100vw - 32px));max-height:none;padding:0 12px 16px;background:#161a17f7;border:1px solid var(--edge);border-radius:16px;cursor:auto;z-index:15;box-shadow:0 18px 60px #0008}.inspector-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;background:#161a17;padding:20px 4px 16px}.eyebrow{color:#a0b296;font-size:10px;letter-spacing:1.8px}.inspector-heading h1{margin:4px 0 0;font-size:21px;font-weight:500}#gui .compact-panel{border:1px solid var(--edge);border-radius:8px;overflow:hidden;background:#1c211d}#gui .compact-panel-header{background:#252c26;border-bottom:1px solid var(--edge);font-size:12px;letter-spacing:.6px;padding:12px}#gui .compact-row-name{font-size:12px;background:#202621}#gui .compact-panel-labels span{background:#171c18;color:#9faa9b}body.expanded,body.fullscreen{padding:0;gap:0}body.expanded .workspace-heading,body.fullscreen .workspace-heading,body.expanded #branding-footer,body.fullscreen #branding-footer{display:none}body.expanded #video-container,body.fullscreen #video-container{width:100vw;height:100dvh;border:0;border-radius:0}body.expanded #startup-controls,body.fullscreen #startup-controls{top:18px;right:18px}body.expanded #gui,body.fullscreen #gui{top:80px;right:18px;bottom:90px}.floating-bar,.stage-caption{transition:opacity .2s}body.controls-idle .floating-bar,body.controls-idle .stage-caption{opacity:0;pointer-events:none}@media(max-width:720px){body{padding:16px 12px;gap:12px}.workspace-note,#branding-footer span:last-child,.wordmark span{display:none}#startup-controls{top:73px;right:24px}#startup-controls input[type=range]{width:55px}.stage-caption{top:16px;left:14px}#camera-toolbar{flex-wrap:wrap;justify-content:center;gap:4px;bottom:12px;width:max-content}#camera-toolbar button{padding:0 10px}.pin-control{min-height:32px}#gui{top:133px;right:16px;bottom:168px}body.expanded #gui,body.fullscreen #gui{bottom:140px}}@media(max-width:430px){.stage-caption{top:75px}}@media(prefers-reduced-motion:reduce){.floating-bar,.stage-caption{transition:none}}#open-midi{margin-left:auto;padding:10px 14px;border:1px solid var(--edge);border-radius:8px;color:var(--accent);background:#c6efb012;cursor:pointer;font:500 13px Segoe UI,sans-serif}#midi-settings{scroll-margin-top:90px}.midi-workspace{padding:14px;background:#191f1a;font-size:13px}.midi-workspace p{color:#b6c0b2;line-height:1.55;margin:10px 0 16px}.midi-workspace h2{font-size:17px;font-weight:550;margin:22px 0 8px}.midi-activity{display:flex;align-items:center;gap:8px}.midi-light{width:9px;height:9px;border-radius:50%;background:#465141}.midi-light.active{background:var(--accent);box-shadow:0 0 10px #c6efb080}.midi-message{display:block;min-height:36px;padding-top:10px;color:var(--accent)}.midi-meter{display:block;width:100%;height:10px}.midi-mode{border-left:2px solid #788c6c;padding-left:10px}.midi-enable{display:flex;align-items:center;gap:8px;margin-bottom:16px}.midi-enable input{accent-color:var(--accent)}.midi-map{min-width:0;margin:0 0 12px;padding:12px;border:1px solid var(--edge);border-radius:10px}.midi-map legend{padding:0 6px;color:var(--accent)}.midi-map label{display:flex;flex-direction:column;gap:6px;color:#b6c0b2;font-size:12px;min-width:0}.midi-map select,.midi-map input{width:100%;min-width:0;min-height:38px;padding:6px 8px;color:#edf2e8;background:#101611;border:1px solid var(--edge);border-radius:6px;font:13px Segoe UI,sans-serif}.midi-map-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin-top:12px}.midi-workspace button{min-height:38px;padding:8px 12px;border:1px solid #758d64;border-radius:6px;color:var(--accent);background:#c6efb010;cursor:pointer}.midi-workspace button[aria-pressed=true]{background:#c6efb030}.midi-save{display:flex;flex-wrap:wrap;gap:8px}.midi-learn-status{min-height:20px}.looks-workspace{padding:14px;gap:12px!important;background:#191f1a!important}.look-duration{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#c4cebe}.look-duration input{width:76px;min-height:38px;border:1px solid var(--edge);border-radius:6px;background:#111711;padding:8px;color:#eef2e9}.look-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.look-card{position:relative;overflow:hidden;min-height:115px;padding:46px 12px 12px;border:1px solid var(--edge);border-radius:10px;text-align:left;color:#f1f6ee;cursor:pointer;background-color:#16261e}.look-card:before{content:"";position:absolute;inset:0;opacity:.45;pointer-events:none;background:radial-gradient(ellipse at 75% 0%,#8decb4,transparent 65%)}.look-ghost:before{background:radial-gradient(ellipse at 70% 0%,#b3adff,transparent 70%)}.look-orbit:before{background:conic-gradient(from 40deg at 75% 5%,transparent,#de955c,transparent,#8063d0,transparent)}.look-demo:before{background:radial-gradient(ellipse at 50% 0%,#66b5cf,transparent 75%)}.look-card strong,.look-card span{position:relative;display:block}.look-card strong{font-size:14px;font-weight:550}.look-card span{margin-top:6px;color:#c8d2c3;font-size:11px;line-height:1.5}.look-card:hover{border-color:var(--accent)}.look-slots{display:grid;grid-template-columns:1fr 1fr;gap:8px}.look-slots button,.looks-workspace>button{min-height:38px;border:1px solid var(--edge);border-radius:6px;background:#c6efb010;color:var(--accent);cursor:pointer}.look-slots button:disabled{opacity:.4;cursor:default}#look-status{display:block;font-size:13px;color:var(--accent);min-height:20px}.looks-workspace p{font-size:12px;line-height:1.6;color:#b6c0b2;margin:0}.feedback-workspace{padding:14px;background:#191f1a}.feedback-workspace>p{font-size:12px;color:#b6c0b2;line-height:1.6;margin:0 0 16px}.feedback-control{display:grid;grid-template-columns:1fr 84px;gap:10px;margin-bottom:20px}.feedback-control label{color:#edf2e8;font-size:14px;align-self:center}.feedback-control input[type=number]{min-width:0;width:84px;min-height:38px;background:#111711;border:1px solid var(--edge);border-radius:6px;color:#edf2e8;padding:6px}.feedback-control input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--accent);min-height:24px}.feedback-control p{grid-column:1 / -1;color:#a3b09d;font-size:12px;margin:0;line-height:1.5}.feedback-live{grid-column:1 / -1;font-size:11px;color:var(--accent)}.feedback-workspace button{min-height:40px;padding:8px 14px;border:1px solid var(--edge);border-radius:6px;color:var(--accent);background:#c6efb010;cursor:pointer;margin-bottom:14px}