:root{--bg:#0c1117;--panel:#121a22;--panel-2:#151e28;--line:#25313b;--muted:#7d8995;--text:#e8edf0;--soft:#a8b2bb;--lime:#d5f36a;--lime-d:#a9ca48;--orange:#ff8957;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px}.app-shell{min-height:100vh;display:flex}.rail{width:218px;flex:none;background:#0a0f14;border-right:1px solid #1e2831;display:flex;flex-direction:column;padding:27px 14px 22px;position:fixed;inset:0 auto 0 0;z-index:5}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);padding:0 11px}.brand-mark{font-size:40px;font-weight:800;line-height:1;letter-spacing:-5px;color:var(--lime)}.brand-mark span,.strip-decoration span{color:var(--orange);font-size:.58em;vertical-align:top}.brand-name{font-size:10px;line-height:1.35;letter-spacing:1.9px;color:#8e9aa3}.brand-name b{color:#e1e9ea;font-weight:700}.rail-nav{display:grid;gap:7px;margin:64px 0}.nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:#75828d;text-align:left;border-radius:7px;display:flex;align-items:center;gap:15px;padding:13px 14px;font:600 12px var(--sans);cursor:pointer;transition:.2s}.nav-item:hover{color:#d6dfe3;background:#141c23}.nav-item.active{background:#1a252b;color:var(--lime);box-shadow:inset 2px 0 0 var(--lime)}.nav-icon{font-size:19px;font-weight:400;width:17px;text-align:center}.rail-bottom{margin-top:auto;display:grid;gap:22px;padding:0 12px}.connection-mini{color:#87939d;display:flex;align-items:center;gap:9px;font:11px var(--mono)}.status-dot{display:inline-block;width:7px;height:7px;background:#59646e;border-radius:50%;box-shadow:0 0 0 3px #59646e20}.status-dot.connected{background:var(--lime);box-shadow:0 0 0 3px #d5f36a20}.rail-version{font:9px var(--mono);letter-spacing:.6px;color:#626e78}.rail-version b{color:#a4afb8;font-weight:400}.main{width:calc(100% - 218px);margin-left:218px;max-width:1600px;padding:0 5.4% 24px}.topbar{height:75px;border-bottom:1px solid #1c2730;display:flex;align-items:center;justify-content:space-between}.breadcrumbs{font:10px var(--mono);letter-spacing:.6px;color:#67747f}.breadcrumbs i{font-style:normal;margin:0 12px;color:#46515a}.breadcrumbs b{color:#bec8ce;font-weight:400}.top-actions{display:flex;align-items:center;gap:13px}.device-label{display:flex;align-items:center;gap:8px;font-size:10px;color:#87949e;margin-right:8px}.button,.icon-button{font-family:var(--sans);cursor:pointer;transition:.2s}.button{border:1px solid transparent;border-radius:5px;padding:10px 14px;font-size:11px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:11px}.button-connect{background:#172229;border-color:#2c3b42;color:#e4ecee;padding:9px 13px}.button-connect:hover,.button-outline:hover{border-color:var(--lime);color:var(--lime)}.bluetooth{color:#93d7ff;font-size:14px}.icon-button{border:1px solid #29333c;background:transparent;color:#89959e;width:34px;height:34px;border-radius:5px;font-size:16px}.icon-button:hover{border-color:#687784;color:#eee}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:47px 0 30px}.eyebrow{font:9px var(--mono);letter-spacing:1.3px;color:#83909a;display:flex;align-items:center;gap:10px}.eyebrow-line{height:1px;width:26px;background:#44515b;display:inline-block}h1{font-size:35px;line-height:1.1;letter-spacing:-1.8px;margin:15px 0 9px;font-weight:600}h1 em{color:var(--lime);font-style:normal}.page-heading p{color:#88949d;margin:0;font-size:12px}.preset-actions{display:flex;gap:8px}.button-quiet{color:#a7b1b8;background:#151e25;border-color:#28333c}.button-quiet:hover{border-color:#53616c;color:#fff}.button-quiet span{color:#d2d9dc}.button-primary{background:var(--lime);color:#18220e;border-color:var(--lime);box-shadow:0 4px 18px #d5f36a15}.button-primary:hover{background:#e0fa83;transform:translateY(-1px)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:17px;align-items:start}.panel{border:1px solid #28333c;background:var(--panel);border-radius:7px;overflow:hidden}.led-panel,.behavior-panel{padding:23px 24px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.panel-head>div{display:flex;align-items:center;gap:11px}.section-index{font:10px var(--mono);color:var(--lime);padding-right:10px;border-right:1px solid #34424a}.panel-head h2{font-size:14px;font-weight:600;margin:0;letter-spacing:-.2px}.live-label,.preset-count{font:9px var(--mono);letter-spacing:.7px;color:#84919a}.live-dot{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;margin-right:5px;box-shadow:0 0 8px var(--lime)}.preset-count b{color:#e3ebed;font-weight:400}.preset-count span{color:#53616a}.led-preview{height:263px;background:radial-gradient(ellipse at 52% 73%,#1e2b2c 0,#111a20 48%,#0d141a 85%);border:1px solid #26343a;border-radius:5px;position:relative;overflow:hidden}.preview-grain{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#fff008 1px,transparent 1px),linear-gradient(90deg,#fff008 1px,transparent 1px);background-size:34px 34px;opacity:.08;-webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000)}.led-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.light-pool{position:absolute;width:210px;height:145px;top:51px;background:radial-gradient(ellipse,var(--led-color-alpha,#ff6c3838) 0,transparent 70%);filter:blur(8px);transition:.3s}.led-unit{width:74px;height:74px;border:1px solid #65737b;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#344148,#11181d 60%);box-shadow:0 10px 22px #0008,inset 0 2px 6px #fff2;z-index:1;position:relative;margin-top:-19px}.led-ring{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#718087,#28353b);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #aab6ba55}.led-core{width:31px;height:31px;border-radius:50%;background:#ff6c38;box-shadow:0 0 10px 3px #ff6c3888,0 0 38px 12px #ff6c384d;transition:.25s}.stage-label{position:absolute;top:calc(50% + 53px);font:9px var(--mono);letter-spacing:1.8px;color:#77868c}.stage-label span{color:var(--lime)}.preview-foot{position:absolute;bottom:12px;left:13px;right:13px;display:flex;justify-content:space-between;color:#65737d;font:8px var(--mono);letter-spacing:.7px}.preview-foot span:last-child{color:#c4cdd1}.led-switcher{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 23px}.led-tab{border:1px solid #2a363e;background:#131c23;color:#7f8c95;padding:10px;border-radius:4px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.led-tab.active{border-color:#829750;background:#1c261f;color:#e0e9d5}.led-tab-light{height:9px;width:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px #d5f36a66}.led-tab-light.down{background:#7187ff;box-shadow:0 0 9px #7187ff66}.led-tab b{display:block;font-size:10px;letter-spacing:.7px}.led-tab small{display:block;color:#82908e;font-size:9px;margin-top:3px}.tab-chevron{margin-left:auto;color:#9ba8a6}.control-title,.param-head,.rc-range-head{display:flex;align-items:flex-end;justify-content:space-between}.eyebrow-small{display:block;font:8px var(--mono);letter-spacing:1.1px;color:#81908c}.control-title h3,.param-head h3,.rc-range-head h3{margin:5px 0 0;font-size:12px;font-weight:600}.text-button{border:0;padding:0;background:none;color:#a5b88b;font:10px var(--sans);cursor:pointer}.text-button:hover{color:var(--lime)}.text-button span{color:var(--lime);margin-left:5px}.color-pick-row{display:flex;align-items:center;margin-top:17px;gap:11px}.color-well-wrap{height:37px;width:37px;border:1px solid #87918c;border-radius:5px;position:relative;cursor:pointer;overflow:hidden}.color-well-wrap input{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:0;cursor:pointer;width:55px;height:55px}.color-well{position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:#ff6c38;border-radius:3px;pointer-events:none}.well-plus{position:absolute;right:-1px;bottom:-1px;background:#151d23;border:1px solid #45515a;color:#e6eeeb;font-size:12px;width:15px;height:15px;text-align:center;line-height:13px;border-radius:3px;pointer-events:none}.color-meta{min-width:103px}.color-meta b{display:block;font-size:10px;font-weight:600}.color-meta span{display:block;font:8px var(--mono);color:#7e8a92;margin-top:4px}.color-divider{height:31px;width:1px;background:#2b3740;margin:0 6px 0 auto}.brightness-label{display:flex;flex-direction:column;gap:4px;font-size:9px;color:#87949b}.brightness-label b{font:10px var(--mono);color:#e0e7e9}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;width:100%;background:linear-gradient(90deg,var(--orange) 82%,#37444c 82%);border:0;outline:0;margin:15px 0 0;cursor:pointer}.range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:11px;height:11px;background:#d8f16f;border:2px solid #1b241e;border-radius:50%;box-shadow:0 0 0 1px #d8f16f}.range::-moz-range-thumb{width:8px;height:8px;background:#d8f16f;border:2px solid #1b241e;border-radius:50%}.color-library{margin-top:24px;border-top:1px solid #27333a;padding-top:14px}.library-head{display:flex;justify-content:space-between;color:#76838b;font:8px var(--mono);letter-spacing:.8px}.library-head button{border:0;background:none;color:#9caa8f;font:8px var(--mono);letter-spacing:.5px;cursor:pointer}.library-head button span{color:var(--lime)}.swatch-row{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin-top:11px}.swatch{height:22px;border:1px solid #fff2;border-radius:3px;cursor:pointer;transition:.16s;position:relative}.swatch:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0008}.swatch.selected:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:12px;text-shadow:0 1px 3px #000}.effect-select>label,.form-label{display:block;font:8px var(--mono);letter-spacing:1px;color:#788790;margin-bottom:8px}.select-wrap{position:relative}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:39px;background:#11191f;border:1px solid #34414a;border-radius:4px;color:#e3e9ea;padding:0 35px 0 38px;font:11px var(--sans);outline:0;cursor:pointer}.select-wrap select:focus{border-color:#91a95b}.select-caret{position:absolute;right:12px;top:10px;color:#91a0a7;pointer-events:none;font-size:14px}.effect-glyph{position:absolute;z-index:1;left:13px;top:11px;color:var(--lime);font-size:13px}.effect-select p{font-size:10px;color:#7f8d96;margin:8px 0 14px}.effect-visual{height:125px;position:relative;border:1px solid #27343a;border-radius:4px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#27352b 0,#121c21 52%,#0e151a)}.effect-visual:before,.effect-visual:after{content:"";position:absolute;background:#ffffff08}.effect-visual:before{height:1px;left:0;right:0;top:50%}.effect-visual:after{width:1px;top:0;bottom:0;left:50%}.effect-orbit{position:absolute;border:1px solid #b4d55930;border-radius:50%;left:50%;top:45%;transform:translate(-50%,-50%);width:66px;height:66px}.orbit-two{width:102px;height:102px;border-color:#b4d55918}.effect-dot{position:absolute;top:45%;left:50%;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);background:var(--lime);box-shadow:0 0 18px 6px #d5f36a66;z-index:1;transition:.3s}.visual-caption{position:absolute;bottom:9px;left:11px;right:11px;display:flex;justify-content:space-between;color:#73818a;font:8px var(--mono);letter-spacing:.7px}.visual-caption span:first-child{color:#bcc895}.effect-params{margin-top:18px}.param-caption{font:8px var(--mono);color:#687680;letter-spacing:.6px}.param-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.param-field{border:1px solid #29363e;background:#141e25;padding:9px 10px;border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:8px}.param-field label{font-size:9px;color:#aeb9bf;line-height:1.25}.param-field small{display:block;font-size:8px;color:#6f7e87;margin-top:3px}.param-field input[type=range]{width:88px;accent-color:var(--lime);height:12px}.param-field input[type=number]{width:42px;border:1px solid #3a474e;background:#0e161b;border-radius:3px;color:#dce3e5;padding:5px 3px;text-align:center;font:9px var(--mono)}.param-field select{max-width:98px;background:#0e161b;border:1px solid #3a474e;color:#dce3e5;border-radius:3px;padding:5px 3px;font:9px var(--sans)}.rc-range{border-top:1px solid #28343b;margin-top:17px;padding-top:15px}.rc-badge{font:8px var(--mono);border:1px solid #3a494d;color:#9bab9c;padding:4px 7px;border-radius:3px}.rc-range>p{font-size:9px;color:#77858e;margin:6px 0 11px}.range-pair{display:flex;align-items:center;gap:10px}.range-pair label{flex:1}.range-pair label>span{font:8px var(--mono);letter-spacing:.6px;color:#718089}.number-field{display:flex;justify-content:space-between;align-items:center;margin-top:5px;border:1px solid #344149;border-radius:4px;background:#11191f;height:34px;padding:0 9px}.number-field input{border:0;background:none;color:#dce4e6;width:65px;outline:0;font:10px var(--mono)}.number-field span{font:8px var(--mono);color:#77858b}.range-dash{color:#65727a;padding-top:15px}.behavior-footer{display:flex;justify-content:space-between;align-items:center;margin-top:17px;padding-top:13px;border-top:1px solid #28343b}.preset-nav{display:flex;align-items:center;gap:11px;font:9px var(--mono);color:#b1bcc1}.preset-nav button{height:25px;width:27px;background:#19232a;border:1px solid #344149;border-radius:3px;color:#aeb8bd;cursor:pointer}.preset-nav button:hover{color:var(--lime);border-color:#80944e}.preset-nav i{font-style:normal;color:#637078}.bottom-strip{margin-top:15px;border:1px solid #303c3a;background:linear-gradient(100deg,#18231f,#131d22 70%);border-radius:5px;display:flex;align-items:center;padding:14px 17px;gap:13px;position:relative;overflow:hidden}.strip-icon{font-size:20px;color:var(--lime);width:27px;text-align:center}.strip-copy{display:grid;gap:4px}.strip-copy b{font-size:10px;font-weight:600}.strip-copy span{font-size:9px;color:#84918e}.bottom-strip .button{margin-left:auto;z-index:1}.button-outline{background:#172127;color:#cbd4d7;border-color:#34424a}.strip-decoration{position:absolute;right:115px;top:-18px;font-size:94px;color:#d5f36a0b;font-weight:800;letter-spacing:-13px}.footer{display:flex;justify-content:space-between;margin:19px 2px;color:#5e6b74;font:8px var(--mono);letter-spacing:.65px}.footer b{color:#9baa6a}.footer i{font-style:normal;color:#9baa6a;margin:0 4px}.view{display:none}.view.active{display:block}.subview .page-heading{margin-bottom:26px}.library-page{padding:20px}.library-toolbar{display:flex;align-items:center;gap:12px}.library-intro{display:grid;gap:5px;margin-right:auto}.library-intro b{font:9px var(--mono);letter-spacing:.8px;color:#dce5e7}.library-intro span{font-size:9px;color:#77858e}.search-wrap{width:245px;height:36px;border:1px solid #34414a;border-radius:4px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#87939a}.search-wrap input{width:100%;background:none;border:0;outline:0;color:#fff;font:10px var(--sans)}.search-wrap kbd{font:8px var(--mono);white-space:nowrap;color:#76838a;border:1px solid #38434a;border-radius:3px;padding:2px 4px}.library-toolbar select{height:36px;background:#11191f;color:#dfe5e7;border:1px solid #34414a;border-radius:4px;padding:0 27px 0 9px;font:9px var(--sans)}.color-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:20px;max-height:calc(100vh - 320px);overflow:auto;padding:1px 3px 5px 1px}.color-card{border:1px solid #29363e;border-radius:4px;background:#141e25;padding:5px;cursor:pointer;min-width:0;text-align:left;color:inherit}.color-card:hover{border-color:#778d4a;transform:translateY(-1px)}.color-chip{height:49px;border-radius:2px;display:block;border:1px solid #ffffff16}.color-card b{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 2px 2px}.color-card small{display:block;font:7px var(--mono);color:#77858d;margin:0 2px 2px}.receiver-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.receiver-panel,.device-panel,.sync-panel{padding:23px}.receiver-intro{display:flex;gap:13px;align-items:center;padding:15px;background:#172129;border:1px solid #293740;border-radius:4px;margin:19px 0 23px}.receiver-art{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#27342a;color:var(--lime);font-size:23px;flex:none}.receiver-intro b{font-size:11px}.receiver-intro p{color:#85929a;font-size:9px;line-height:1.6;margin:5px 0 0}.full-select select{padding-left:12px}.channel-label{margin-top:19px}.channel-row{display:flex;align-items:center;gap:14px}.channel-row .select-wrap{width:120px;flex:none}.channel-row select{padding-left:12px}.channel-hint{font-size:9px;color:#819099;line-height:1.5}.protocol-note{display:flex;gap:10px;margin-top:21px;padding:12px;background:#1a2426;border:1px solid #344239;border-radius:4px;color:var(--lime);font-size:12px}.protocol-note p{font-size:9px;color:#899791;line-height:1.6;margin:0}.protocol-note b{color:#c4d0bf;font-weight:600}.device-pill{font:8px var(--mono);color:#798790;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.device-card{display:flex;align-items:center;gap:13px;padding:16px 0 17px;border-bottom:1px solid #2a353d}.device-symbol{height:42px;width:42px;background:#192a34;color:#8bd6ff;border:1px solid #34505e;border-radius:6px;display:grid;place-items:center;font-size:21px}.device-info{display:grid;gap:4px;margin-right:auto}.device-info span,.device-details span,.firmware-row>span{font:8px var(--mono);letter-spacing:.6px;color:#77868f}.device-info b{font-size:11px}.device-info small{font:8px var(--mono);color:#75838b}.device-details{display:grid;grid-template-columns:1fr 1fr;padding:15px 0;gap:14px}.device-details>div{display:grid;gap:6px}.device-details b{font:10px var(--mono);color:#bbc7cc}.configure-ble{margin:4px 0 20px}.firmware-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #29353d;padding-top:15px}.firmware-row b{font:9px var(--mono);color:#95a1a8;font-weight:400}.firmware-row b span{color:#66737a}.firmware-row button{border:0;background:none;color:#b7ce79;font:9px var(--sans);cursor:pointer}.sync-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.sync-head{display:flex;gap:12px;align-items:center}.sync-icon{font-size:24px;color:var(--lime)}.sync-head b,.sync-head span{display:block}.sync-head b{font-size:11px}.sync-head span{color:#839098;font-size:9px;margin-top:5px}.sync-buttons{display:flex;justify-content:flex-end;gap:8px}.sync-buttons.secondary{grid-column:1/-1;justify-content:flex-start;border-top:1px solid #2a353d;margin-top:16px;padding-top:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05090dcc;display:none;place-items:center;z-index:20;padding:20px}.modal-backdrop.open{display:grid}.modal{width:min(460px,100%);background:#141d24;border:1px solid #35434b;border-radius:7px;padding:24px;box-shadow:0 20px 80px #000a}.modal-head{display:flex;justify-content:space-between;align-items:start}.modal h2{font-size:18px;margin:6px 0 0}.modal>p{font-size:10px;line-height:1.6;color:#89969e;margin:13px 0 20px}.text-input{display:block;width:100%;background:#0e161b;border:1px solid #35434b;color:#d7e0e3;padding:10px;border-radius:4px;font:10px var(--mono);margin:-1px 0 17px}.modal .protocol-note{margin-top:7px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.toast{position:fixed;right:25px;bottom:24px;background:#d5f36a;color:#17200e;padding:11px 16px;border-radius:4px;font-size:10px;font-weight:700;box-shadow:0 8px 28px #0007;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;z-index:40}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1100px){.main{padding:0 3% 20px}.rail{width:190px}.main{margin-left:190px;width:calc(100% - 190px)}.led-panel,.behavior-panel{padding:18px}.workspace-grid{gap:12px}.color-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:820px){.rail{width:64px;padding:20px 7px}.brand{padding:0;justify-content:center}.brand-name,.nav-item>span:not(.nav-icon),.rail-bottom{display:none}.rail-nav{margin:55px 0;gap:8px}.nav-item{justify-content:center;padding:12px 0}.nav-icon{font-size:20px}.main{margin-left:64px;width:calc(100% - 64px);padding:0 18px 20px}.workspace-grid{grid-template-columns:1fr}.page-heading{margin-top:32px}.receiver-layout{grid-template-columns:1fr}.sync-panel{grid-column:auto}.color-grid{grid-template-columns:repeat(5,1fr)}.footer{font-size:7px}}@media(max-width:550px){.main{padding:0 12px 18px}.topbar{height:60px}.device-label{display:none}.top-actions{gap:7px}.button-connect{font-size:0;padding:9px 10px}.button-connect .bluetooth{font-size:15px}.page-heading{display:block;margin:27px 0 20px}.page-heading h1{font-size:29px}.preset-actions{margin-top:17px}.preset-actions .button{padding:9px 10px}.panel{border-radius:5px}.led-panel,.behavior-panel{padding:15px}.led-preview{height:225px}.bottom-strip{align-items:flex-start;flex-wrap:wrap;padding:12px}.bottom-strip .button{margin-left:40px}.strip-copy{max-width:calc(100% - 44px)}.strip-decoration{right:23px}.library-toolbar{flex-wrap:wrap}.library-intro{width:100%;margin-bottom:4px}.search-wrap{flex:1;min-width:170px}.library-toolbar select{max-width:132px}.color-grid{grid-template-columns:repeat(3,1fr);max-height:none}.receiver-panel,.device-panel,.sync-panel{padding:16px}.sync-panel{grid-template-columns:1fr;gap:14px}.sync-buttons{justify-content:flex-start}.sync-buttons.secondary{grid-column:auto;flex-wrap:wrap}.footer{display:grid;gap:7px}.param-field{padding:8px 6px}.param-field input[type=range]{width:55px}.param-field select{max-width:76px}}#paramFields{display:grid;gap:14px;margin-top:13px;max-height:460px;overflow:auto;padding-right:4px}.param-group{border:1px solid #2b3840;border-radius:5px;background:#111b22;padding:11px}.param-group-title{font:9px DM Mono,monospace;letter-spacing:1px;color:#d5f36a;margin-bottom:10px}.param-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.param-group .param-field{display:grid;align-items:start;gap:7px;min-width:0;padding:9px;background:#18232a}.param-group .param-field label{font-size:10px;color:#c6d0d3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.param-color{display:flex;align-items:center;gap:6px;width:100%;min-width:0;background:#0d171d;border:1px solid #3b4a50;border-radius:4px;color:#cbd6da;padding:5px 6px;cursor:pointer;font:9px Manrope,sans-serif;text-align:left}.param-color:hover{border-color:#d5f36a}.param-color span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.param-color-chip{display:block;width:14px;height:14px;flex:none;border-radius:2px;border:1px solid #ffffff22}.param-slider{display:flex;align-items:center;gap:5px;min-width:0}.param-slider input{width:100%;min-width:35px;accent-color:#d5f36a}.param-slider output{font:9px DM Mono,monospace;min-width:29px;color:#d6e0e3;text-align:right}.param-number{width:100%;background:#0d171d;border:1px solid #3b4a50;border-radius:4px;color:#dce5e7;padding:6px;font:10px DM Mono,monospace}.param-number:focus{outline:1px solid #d5f36a}.empty-params{border:1px solid #344139;border-radius:4px;background:#18221e;padding:18px;color:#a8b5ae;font-size:10px}.effect-actions{display:flex;gap:6px;flex-wrap:wrap}@media(max-width:550px){.param-group-grid{grid-template-columns:1fr}.effect-actions .button{padding:8px}}