*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;color:#dce8ee;background:#071016;font:14px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input{font:inherit}.app-shell{display:grid;grid-template-rows:54px 1fr 52px;height:100%;min-width:960px}.topbar,.bottombar{display:flex;align-items:center;gap:14px;min-width:0;padding:8px 12px;border-color:#17313d;background:#0b1720}.topbar{border-bottom:1px solid #17313d}.bottombar{border-top:1px solid #17313d}.brand{display:grid;min-width:120px}.brand strong{font-size:15px}.segmented,.toolbar{display:flex;align-items:center;gap:4px}.status-strip{display:flex;gap:10px;margin-left:auto;color:#9eb4bf;font-size:12px}.is-ok{color:#75d29f}.is-warn{color:#f4b942}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 10px;color:#dce8ee;background:#112632;border:1px solid #264756;border-radius:6px;cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled),.btn[aria-pressed=true]{background:#173747;border-color:#4b8cac}.btn:disabled{color:#627681;cursor:default;background:#0d1b24}.icon-only{width:32px;padding:0}.view-select{min-height:32px;padding:0 8px;color:#dce8ee;background:#112632;border:1px solid #264756;border-radius:6px;cursor:pointer}.view-select:hover{background:#173747;border-color:#4b8cac}.view-select option{color:#dce8ee;background:#112632}.import-dialog{color:#dce8ee;background:#0d1f2a;border:1px solid #264756;border-radius:10px;padding:0;width:min(420px,92vw)}.import-dialog::backdrop{background:#030a0f99}.import-form{display:flex;flex-direction:column;gap:12px;padding:18px 20px}.import-form h3{margin:0;font-size:15px}.import-form label{display:flex;flex-direction:column;gap:4px;font-size:13px}.import-form label span{color:#7fa6b8;font-size:11px}.import-form input{color:#dce8ee;background:#112632;border:1px solid #264756;border-radius:6px;padding:6px 8px;font:inherit}.import-form input[type=text]::placeholder{color:#5a7a8a}.import-status{margin:0;min-height:16px;font-size:12px;color:#9fd0e6}.import-form menu{display:flex;justify-content:flex-end;gap:8px;margin:0;padding:0}.import-form menu button{min-height:32px;padding:0 14px;color:#dce8ee;background:#112632;border:1px solid #264756;border-radius:6px;cursor:pointer}.import-form menu button:hover{background:#173747;border-color:#4b8cac}.import-form .import-run{background:#1c5a76;border-color:#4b8cac}.import-form .import-run:disabled{opacity:.6;cursor:default}.import-form textarea{color:#dce8ee;background:#112632;border:1px solid #264756;border-radius:6px;padding:6px 8px;font:inherit;resize:vertical}.info-row{display:flex;flex-direction:column;gap:2px}.info-row span{color:#7fa6b8;font-size:11px}.info-row p{margin:0;font-size:13px;white-space:pre-wrap}.import-form .info-delete{background:#5a1c1c;border-color:#ac4b4b}.import-form .info-delete:hover{background:#742323;border-color:#d06a6a}.import-form .info-delete:disabled{opacity:.6;cursor:default}.workbench{display:grid;grid-template-columns:280px minmax(0,1fr) minmax(276px,300px);min-height:0}.side-panel{min-height:0;overflow:auto;padding:12px;background:#0a141c}.left-panel{border-right:1px solid #17313d}.right-panel{border-left:1px solid #17313d}.section-title{margin:10px 0 8px;color:#a9bec8;font-size:12px;font-weight:700;text-transform:uppercase}.panel-tabs{display:grid;grid-template-columns:1fr 1fr auto;gap:4px;margin-bottom:10px}.panel-tabs .btn{width:100%}.panel-tab-content[hidden]{display:none}.display-mode-select{display:grid;grid-template-columns:1fr;gap:4px}.display-mode-select .btn{justify-content:flex-start}.display-toggles{display:grid;gap:6px}.display-toggle{display:flex;align-items:center;gap:8px;min-height:30px;padding:0 8px;color:#dce8ee;background:#0d1f2a;border:1px solid #1d3b49;border-radius:6px;cursor:pointer}.display-toggle input{accent-color:#80d8ff}.mode-settings-empty{color:#6f8896;font-size:12px;padding:6px 2px}.group-list,.effect-grid,.inspector{display:grid;gap:8px}.group-row{display:grid;grid-template-columns:22px 1fr 32px 32px;align-items:center;gap:6px;min-height:34px;border-radius:6px}.group-name{min-width:0;height:32px;overflow:hidden;color:#dce8ee;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:transparent;border:0;cursor:pointer}.group-name:hover{color:#8fd7ff}.group-row.is-selected{background:#8fd7ff0f}.group-row.is-selected .group-name{color:#8fd7ff;font-weight:700}.effect-grid{grid-template-columns:1fr}.effect-grid .btn{justify-content:flex-start}.effect-with-slider{display:grid;grid-template-columns:70px minmax(0,1fr) 42px;align-items:center;gap:8px}.effect-with-slider .btn{width:100%}.effect-color-control{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:8px}.effect-gradient-control{grid-template-columns:minmax(0,1fr) 38px 38px}.effect-color-control .btn{width:100%}.effect-color-control input[type=color]{width:38px;height:28px;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#071016;border:1px solid #264756;border-radius:4px}.effect-with-slider input[type=range]{width:100%;min-width:0;accent-color:#80d8ff}.effect-value{color:#b7d7e5;font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.gpu-light-controls{display:grid;gap:10px}.gpu-light-group{display:grid;gap:7px;min-width:0;padding-top:2px}.gpu-light-group+.gpu-light-group{padding-top:9px;border-top:1px solid #17313d}.gpu-light-group-title{color:#7fb5cc;font-size:11px;font-weight:700;line-height:1.1;text-transform:uppercase}.gpu-light-group>.btn{width:100%;min-width:0}.gpu-light-type{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.gpu-light-type .btn{width:100%;min-width:0;padding:0 6px}.gpu-light-toggle{display:flex;align-items:center;gap:8px;min-width:0;padding:5px 6px;color:#dce8ee;font-size:11px;background:#07101680;border:1px solid #17313d;border-radius:5px}.gpu-light-toggle input{margin:0;accent-color:#8fd7ff}.gpu-light-toggle span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gpu-light-vector{display:grid;grid-template-columns:54px repeat(3,minmax(0,1fr));align-items:center;gap:6px;min-width:0;padding:5px 6px;background:#07101680;border:1px solid #17313d;border-radius:5px}.gpu-light-vector>span{overflow:hidden;color:#a9bec8;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.gpu-light-number{display:grid;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:4px;min-width:0}.gpu-light-number span{color:#a9bec8;font-size:11px}.gpu-light-number input{width:100%;min-width:0;padding:2px 3px;color:#edf7fa;font-size:11px;font-variant-numeric:tabular-nums;background:#071016;border:1px solid #264756;border-radius:4px}.gpu-light-slider{display:grid;grid-template-columns:54px minmax(0,1fr) 58px;align-items:center;gap:6px;min-width:0;padding:5px 6px;background:#07101680;border:1px solid #17313d;border-radius:5px}.gpu-light-slider span{overflow:hidden;color:#a9bec8;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.gpu-light-slider input[type=range]{width:100%;min-width:0;accent-color:#8fd7ff}.gpu-light-slider output{color:#edf7fa;font-size:11px;font-variant-numeric:tabular-nums;text-align:right}.scene-host{position:relative;min-width:0;min-height:0;overflow:hidden;background:#071016}.scene-canvas{display:block;width:100%;height:100%}.scene-debug-overlay{position:absolute;right:10px;bottom:10px;z-index:4;width:min(520px,calc(100% - 20px));max-height:calc(100% - 20px);overflow:auto;padding:9px 10px;color:#dff5ff;font:11px/1.35 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;white-space:pre-wrap;background:#03090dc7;border:1px solid rgba(143,215,255,.35);border-radius:6px;box-shadow:0 12px 30px #00000059;pointer-events:none}.scene-label-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scene-jet-overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.dom-jet{--jet-color: rgb(184 230 255);position:absolute;top:0;left:0;width:0;height:4px;opacity:0;background:linear-gradient(90deg,transparent,var(--jet-color),#ffffff);border-radius:999px;box-shadow:0 0 10px var(--jet-color),0 0 22px var(--jet-color);transform-origin:0 50%;transition:opacity .12s ease,width .12s ease,height .12s ease}.dom-jet.is-dot{background:radial-gradient(circle,#ffffff 0 12%,var(--jet-color) 20%,rgba(184,230,255,.42) 52%,transparent 72%);box-shadow:0 0 16px var(--jet-color),0 0 34px var(--jet-color)}.dom-jet-mist.is-dot{filter:blur(1px)}.scene-label{position:absolute;top:0;left:0;min-width:24px;padding:1px 4px;color:#9eb4bf;font-size:10px;text-align:center;background:#071016b3;border:1px solid rgba(137,184,216,.18);border-radius:4px;transform-origin:0 0}.scene-label.is-active{color:#fff;border-color:#8fd7ffa6}.scene-label.is-selected{color:#10242d;background:#8fd7ff}.kv{display:grid;grid-template-columns:84px 1fr;gap:10px;align-items:start;padding:7px 0;border-bottom:1px solid #17313d}.kv span{color:#8ba0aa}.kv strong{min-width:0;overflow-wrap:anywhere;color:#edf7fa;font-weight:600}.group-inspector-header{display:grid;gap:2px;padding-bottom:8px;border-bottom:1px solid #17313d}.group-inspector-header strong{color:#edf7fa}.group-inspector-header span{color:#8ba0aa;font-size:12px}.fixture-control-list{display:grid;gap:8px}.fixture-control-row{display:grid;grid-template-columns:62px minmax(0,1fr);gap:6px;align-items:start;min-width:0;padding:6px;background:#0d1b24;border:1px solid #17313d;border-radius:6px;cursor:pointer}.fixture-control-row.is-selected{border-color:#8fd7ff;box-shadow:0 0 0 1px #8fd7ff40}.fixture-control-row.is-active{background:#102632}.fixture-control-summary{display:grid;gap:1px;min-width:0;padding:3px;color:#dce8ee;text-align:left;background:transparent;border:0;cursor:pointer}.fixture-control-summary strong{color:#edf7fa;font-size:13px}.fixture-control-summary span{overflow:hidden;color:#8ba0aa;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.fixture-channel-controls{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.fixture-primary-controls{display:grid;gap:6px;align-content:start;width:min(188px,100%);min-width:0}.fixture-primary-controls .channel-control,.fixture-primary-controls .rgb-control{min-width:0}.channel-control{display:grid;grid-template-columns:36px 28px minmax(64px,1fr) 28px;align-items:center;gap:5px;width:min(188px,100%);min-width:0;padding:4px 5px;background:#07101680;border:1px solid #17313d;border-radius:5px}.channel-control span{overflow:hidden;color:#a9bec8;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.channel-control code,.rgb-picker code{color:#75d29f;font-family:inherit;font-size:11px}.channel-control input[type=range]{width:100%;accent-color:#8fd7ff}.channel-control output{color:#edf7fa;font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.rgb-control{display:grid;width:max-content;min-width:0;max-width:188px;padding:5px;background:#07101680;border:1px solid #17313d;border-radius:5px}.rgb-picker{display:grid;grid-template-columns:36px max-content 36px;gap:5px;align-items:center}.rgb-picker span{color:#a9bec8;font-size:11px}.rgb-picker input[type=color]{width:36px;height:24px;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#071016;border:1px solid #264756;border-radius:4px}.rgb-picker input[type=color]::-webkit-color-swatch-wrapper,.effect-color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.rgb-picker input[type=color]::-webkit-color-swatch,.effect-color-control input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}.empty-channel-list{color:#8ba0aa;font-size:12px}.timeline{display:grid;grid-template-columns:minmax(260px,520px) 190px;align-items:center;gap:10px;width:min(760px,100%)}.timeline-slider{width:100%;height:10px;margin:0;accent-color:#5aa9e6;cursor:pointer}.timeline-slider:disabled{cursor:default;opacity:.55}.boot-error{padding:24px}@media(max-width:1100px){.app-shell{min-width:760px}.workbench{grid-template-columns:228px minmax(0,1fr) minmax(272px,300px)}.btn{padding:0 8px}}.video-panel{position:absolute;top:12px;right:12px;z-index:6;width:min(40%,480px);overflow:hidden;border:1px solid #1d3644;border-radius:8px;background:#0a141cf0;box-shadow:0 10px 28px #00000080}.video-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 3px 3px 10px;font-size:12px;color:#9db4c4;border-bottom:1px solid #14242f}.video-panel-header .btn.icon-only{height:24px;min-width:24px}.video-panel video{display:block;width:100%;height:auto;background:#000}.video-panel{display:flex;flex-direction:column;resize:both;min-width:220px;min-height:150px;max-width:85%;max-height:90%}.video-panel[hidden]{display:none}.video-panel-header{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex:none}.video-panel-header.is-dragging{cursor:grabbing}.video-panel-title{flex:1}.video-shift{display:inline-flex;align-items:center;gap:5px;color:#9db4c4}.video-shift input{width:58px;padding:1px 4px;color:#dce8ee;background:#0e1d28;border:1px solid #1d3644;border-radius:4px;font-size:12px}.video-panel video{flex:1;min-height:0;object-fit:contain}.panel-tabs .panel-collapse{margin-left:auto}.panel-header-row{display:flex;align-items:center;gap:8px}.panel-header-row .section-title{flex:1;margin:0}.side-panel{position:relative}.side-panel .panel-expand{display:none}.side-panel.is-collapsed{padding:0;overflow:hidden}.side-panel.is-collapsed>*:not(.panel-expand){display:none}.side-panel.is-collapsed .panel-expand{display:flex;align-items:flex-start;justify-content:center;padding-top:10px;width:100%;height:100%;border-radius:0;background:transparent}