.visualizer-2d[data-v-022f060e]{position:relative;border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-lighter)}.visualizer-2d.compact-mode[data-v-022f060e]{display:flex;flex-wrap:wrap;justify-content:space-around;padding-bottom:var(--space-xl)}.visualizer-2d.full-mode[data-v-022f060e]{display:block;width:100%;height:70vh;min-height:216rem}.visualizer-2d.full-mode .device[data-v-022f060e]{position:absolute;margin:0;transition:all .2s ease}.visualizer-2d.full-mode .device.dragging[data-v-022f060e]{z-index:10;transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 7rem #00000080}.visualizer-2d .device[data-v-022f060e]{position:relative;cursor:pointer;margin:var(--space-xl) var(--space-md);touch-action:none;overflow:visible;width:17rem;height:17rem}.visualizer-2d .device.multi-head[data-v-022f060e]{width:40rem;height:40rem;margin:20rem var(--space-lg)}.visualizer-2d .device.strobing .device-circle[data-v-022f060e]{animation:strobe-022f060e .1s linear infinite}.visualizer-2d .device .device-heads[data-v-022f060e]{position:relative;width:100%;height:100%}.visualizer-2d .device .device-head[data-v-022f060e]{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:17rem;height:17rem}.visualizer-2d .device .device-circle[data-v-022f060e]{position:relative;width:17rem;height:17rem;border:var(--border-width) solid var(--color-text);border-radius:50%;overflow:visible}.visualizer-2d .device .head-label[data-v-022f060e]{position:absolute;bottom:-10rem;left:50%;transform:translate(-50%);font-size:var(--font-size-xxs);color:var(--color-text-light);pointer-events:none}.visualizer-2d .device.has-prism .device-circle[data-v-022f060e]{background:transparent!important;border:none}.visualizer-2d .device.has-prism .prism-circle[data-v-022f060e]{position:absolute;width:17rem;height:17rem;border:var(--border-width) solid var(--color-text);border-radius:50%;pointer-events:none;filter:inherit;top:0;overflow:hidden}.visualizer-2d .device.has-prism .prism-circle-1[data-v-022f060e]{left:0;top:-7rem}.visualizer-2d .device.has-prism .prism-circle-2[data-v-022f060e]{left:-6rem;top:4rem}.visualizer-2d .device.has-prism .prism-circle-3[data-v-022f060e]{left:6rem;top:4rem}.visualizer-2d .device .gobo-overlay[data-v-022f060e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;z-index:1;border-radius:50%;overflow:hidden}.visualizer-2d .device .gobo-mask[data-v-022f060e]{background:#000;border-radius:50%}.visualizer-2d .device .gobo-mask-layer[data-v-022f060e]{position:absolute;top:0;left:0;right:0;bottom:0;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;border-radius:50%}.visualizer-2d .device .gobo-letter-overlay[data-v-022f060e]{display:flex;align-items:center;justify-content:center;background:transparent}.visualizer-2d .device .gobo-letter[data-v-022f060e]{font-size:var(--font-size-sm);font-weight:700;color:#000;opacity:1}.visualizer-2d .device .pan[data-v-022f060e],.visualizer-2d .device .tilt[data-v-022f060e]{display:block;border:var(--border-width) solid red;position:absolute;background-color:var(--color-text)}.visualizer-2d .device .pan[data-v-022f060e]{height:1rem;border-radius:var(--radius);bottom:-4rem;left:0}.visualizer-2d .device .tilt[data-v-022f060e]{width:1rem;border-radius:var(--radius);left:-4rem;bottom:0}.visualizer-2d .device .device-name[data-v-022f060e]{position:absolute;bottom:-24rem;left:-32rem;right:-32rem;text-align:center;font-size:var(--font-size-xs);font-weight:700;filter:brightness(1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.visualizer-2d .grid-lines[data-v-022f060e]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.visualizer-2d .grid-lines .grid-line[data-v-022f060e]{position:absolute;background-color:#ffffff1a}.visualizer-2d .grid-lines .grid-line.vertical[data-v-022f060e]{width:1rem;height:100%;top:0}.visualizer-2d .grid-lines .grid-line.horizontal[data-v-022f060e]{width:100%;height:1rem;left:0}.visualizer-toggle[data-v-022f060e]{position:absolute;top:7rem;right:7rem;z-index:10}@keyframes strobe-022f060e{0%{filter:brightness(1)}to{filter:brightness(0)}}@media(max-width:768px){.visualizer-2d.full-mode[data-v-022f060e]{height:50vh}.visualizer-2d .device[data-v-022f060e]{width:14rem;height:14rem}.visualizer-2d .device .device-name[data-v-022f060e]{font-size:var(--font-size-xs);bottom:-20rem}}