.ledcontrol-panel{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);gap:18px;align-items:start}
.led-device-section,.led-controls-section{min-width:0;border:1px solid var(--outline-variant);border-radius:18px;padding:18px;display:grid;gap:18px;background:var(--surface-1)}
.led-section-heading{display:flex;align-items:center;gap:12px;min-width:0}.led-section-heading h3{font-size:15px;font-weight:600;margin:0;flex:1}.led-section-heading>.small{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45%}.led-section-heading>.btn{font-size:12px;padding:0 12px;height:34px;flex:none}
.led-device-grid{display:grid;gap:10px}.led-device-card{position:relative;display:flex;align-items:center;gap:5px;border-radius:13px;background:var(--surface-2);border:1px solid transparent;padding:10px;min-width:0}
.led-device-card:has(.led-device-select[aria-pressed=true]){border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--surface-2))}
.led-device-select{display:flex;align-items:center;gap:10px;padding:0;background:none;border:0;color:inherit;min-width:0;flex:1;text-align:left;cursor:pointer;font:inherit;border-radius:8px}
.led-device-icon{width:36px;height:36px;flex:none;border-radius:10px;background:var(--secondary-container);color:var(--primary);display:grid;place-items:center}.led-device-icon>.ms{width:20px;height:20px;font-size:20px}
.led-device-meta{display:grid;gap:4px;min-width:0}.led-device-meta>b{font-size:14px;overflow-wrap:anywhere}.led-device-meta>.small{font-size:10px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.led-device-tools{display:flex;flex:none;align-items:center;gap:0}.led-device-tools>.icon-btn{width:28px;height:32px}.led-device-tools .ms{font-size:18px}
.led-group-label{font-size:13px;color:var(--on-surface-variant);margin:2px 0 -6px}.led-power-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.led-power-actions>.btn{padding:0 14px;width:100%;min-width:0}
.led-control-settings{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px}.led-control-setting{padding:14px;border-radius:12px;background:var(--surface-2);display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0}.led-control-setting>.row{min-width:0}.led-control-setting>.row>.btn{flex:1;padding:0 10px;font-size:12px}.led-control-setting>.btn{font-size:12px;padding:0 12px;margin-top:auto}.ledcontrol-panel .led-control-setting .row{gap:8px;flex-wrap:nowrap}
.led-control-setting .slider{width:100%;min-width:0;margin:8px 0}.ledcontrol-panel input[type=color]{width:38px;height:38px;flex:none;border:0;cursor:pointer}.led-control-settings input[type=color]::-moz-color-swatch{border-radius:50%;border:0}
.ledcontrol-panel .led-control-setting input[type=color]{appearance:none;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border:0;border-radius:50%;overflow:hidden}.led-control-setting input[type=color]::-webkit-color-swatch-wrapper{padding:0}.led-control-setting input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}
.led-effects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.led-effects-grid>.btn{font-size:12px;padding:0 10px;min-width:0}
.led-disabled-note{margin:0;padding:10px 12px;border-radius:10px;background:var(--surface-2)}
dialog.plugin-editor:has(.ledcontrol-panel){height:fit-content;max-height:calc(100dvh - 48px)}
:root[data-panel-style=studio] .led-device-section,:root[data-panel-style=studio] .led-controls-section{border-radius:12px;background:var(--surface-1)}
@media(max-width:1000px){.ledcontrol-panel{grid-template-columns:minmax(0,1fr)}.led-device-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.led-control-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.led-effects-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.led-device-section,.led-controls-section{padding:14px;gap:14px;border-radius:14px}.ledcontrol-panel{gap:14px}.led-section-heading{flex-wrap:wrap;gap:8px}.led-section-heading>.btn{font-size:11px;padding:0 8px}.led-control-settings{grid-template-columns:minmax(0,1fr)}.led-control-setting{padding:12px}.led-effects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}dialog.plugin-editor:has(.ledcontrol-panel){max-height:100dvh;height:100dvh}}