.led-detail-player{outline-offset:5px;min-width:0}.content-preview.led-detail-player{color:#244653;background:0 0;border-radius:0;margin:0;padding:0}.led-detail-player:focus-visible{border-radius:10px;outline:3px solid #16a1af}.led-panel-surface{min-width:0;position:relative}.led-panel-stage{background:radial-gradient(at 50% 30%,#28353b,#141c21 75%);border:1px solid #314047;border-radius:12px;padding:26px 18px 14px;position:relative;overflow:hidden}.led-panel-scroll{outline-offset:-2px;scrollbar-color:#586971 #1b252b;max-width:100%;padding:8px 4px 20px;overflow:auto hidden}.led-panel-bezel{box-sizing:content-box;width:var(--led-width);height:var(--led-height);background:linear-gradient(145deg,#343b3e,#111618 30%,#20282c 78%,#444b4f);border:1px solid #536067;border-radius:5px;flex-shrink:0;margin:0 auto;padding:12px;position:relative;box-shadow:0 12px 22px #0008,inset 0 1px #788186,inset 0 -2px #000}.led-panel-raster,.cb-detail .led-panel-raster,.content-preview .led-panel-raster{object-fit:fill;image-rendering:pixelated;background:#000;border-radius:0;box-shadow:0 0 0 2px #060809;width:var(--led-width)!important;height:var(--led-height)!important;max-width:none!important;max-height:none!important;display:block!important}.led-panel-screw{pointer-events:none;background:#4d595f;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:inset 1px 1px 1px #000}.led-panel-screw-tl{top:4px;left:4px}.led-panel-screw-tr{top:4px;right:4px}.led-panel-screw-bl{bottom:4px;left:4px}.led-panel-screw-br{bottom:4px;right:4px}.led-panel-caption{color:#9baeb7;letter-spacing:.4px;justify-content:space-between;align-items:center;gap:10px;margin-top:2px;font:10px/1.4 system-ui;display:flex}.led-panel-caption span:first-child{letter-spacing:1.2px;font-size:9px}.led-panel-message{margin:12px 0 0;font:12px/1.5 system-ui;color:#d9e5eb!important}.led-panel-input,.led-spot-frame-source{clip-path:inset(50%);pointer-events:none;width:1px;height:1px;position:absolute;inset:0;overflow:hidden}.led-panel-input canvas{max-width:none!important;max-height:none!important}.led-detail-player .preview-transport{margin-top:18px}.led-detail-player .preview-transport-time>span{font-weight:500}.led-spot-timeline{background:#d9e5e9;border-radius:5px;gap:2px;min-width:0;height:34px;margin:0 8px 4px;display:flex;position:relative;overflow:hidden}.led-spot-timeline button{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;opacity:.72;cursor:pointer;border:0;border-radius:0;flex-basis:0;min-width:0;min-height:34px;margin:0;padding:0 5px;font-size:11px;position:relative;overflow:hidden;background:var(--segment-color)!important;color:#fff!important}.led-spot-timeline button[data-kind=transition]{background:repeating-linear-gradient(135deg,#87929d,#87929d 4px,#717e8b 4px 8px)!important}.led-spot-timeline button[data-kind=gap]{background:#334149!important}.led-spot-timeline button[aria-current=true]{opacity:1;box-shadow:inset 0 -3px #fff}.led-spot-timeline button[aria-pressed=true]{opacity:1;box-shadow:inset 0 0 0 2px #183641,inset 0 0 0 3px #fff}.led-spot-timeline button:focus-visible{outline-offset:-3px;opacity:1;outline:3px solid #102d36}.led-spot-playhead{pointer-events:none;z-index:2;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 0 1px #123541}.led-spot-selection{border:1px solid #d9e5e9;border-left:4px solid var(--segment-color);color:#274957;background:#f8fafb;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;min-height:58px;margin:14px 0 0;padding:12px 14px;font:12px/1.4 system-ui;display:flex}.led-spot-selection>div{min-width:0}.led-spot-selection strong{overflow-wrap:anywhere;font-size:13px;display:block}.led-spot-selection small{color:#627c86;font-variant-numeric:tabular-nums;margin-top:3px;font-size:11px;display:block}.led-spot-selection nav{flex-shrink:0;align-items:center;gap:7px;display:flex}.led-spot-selection a{color:#285965;white-space:nowrap;background:#fff;border:1px solid #cbdce2;border-radius:5px;align-items:center;gap:5px;min-height:34px;padding:6px 9px;text-decoration:none;display:inline-flex}.led-spot-selection a:hover{background:#e7f2f4}.led-spot-selection a:focus-visible{outline-offset:3px;outline:3px solid #16a1af}.led-player-note{color:#71868e;margin:12px 0 0;font:11px/1.5 system-ui;display:block}.led-player-error{color:#aa2336;padding:10px;font:12px/1.5 system-ui}.led-spot-compact>canvas{width:100%;height:auto;image-rendering:pixelated;background:#000;display:block}.led-spot-compact{min-width:0;position:relative}.led-spot-timeline{gap:0;display:block}.led-spot-timeline button{height:100%;padding:0;position:absolute;top:0;box-shadow:inset -1px 0 #fff6}.led-spot-timeline button>span{text-overflow:ellipsis;white-space:nowrap;padding:0 5px;display:block;overflow:hidden}.led-panel-message{z-index:2;text-align:center;background:#142027e6;place-items:center;margin:0;padding:24px;display:grid;position:absolute;inset:0}.led-detail-player .preview-transport-main{flex-wrap:wrap}@media (max-width:720px){.led-panel-stage{padding:18px 10px 12px}.led-panel-caption{flex-wrap:wrap;gap:4px}.led-spot-selection{flex-wrap:wrap;align-items:flex-start}.led-spot-selection nav{margin-left:auto}.led-spot-timeline button{font-size:10px}.led-spot-timeline button>span{padding:0 2px}}@media (prefers-reduced-motion:reduce){.led-detail-player *{scroll-behavior:auto}}.led-detail-player .led-spot-timeline button{border:0!important;border-radius:0!important;min-width:0!important;min-height:34px!important;padding:0!important;display:block!important}