.view{display:none}.view.active{display:block}.workflow{margin-top:18px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.firmware-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.firmware-card img{display:none}.card-body{padding:26px}.card-body h2{margin:12px 0}.card-body small{color:var(--brand)}.card-body p{color:var(--muted);font-size:14px}.config-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:20px 0}.config-head h1{font-size:32px;margin:8px 0}.config-head img{display:none}.config-head p{font-size:14px;color:var(--muted)}.config-head small{color:var(--brand)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.group,.summary,#advanced{background:white;border:1px solid var(--line);border-radius:12px;padding:18px;margin:0 0 12px}.group h2,.summary h2{font-size:18px;margin:0 0 10px}.group-intro{font-size:12px;color:var(--muted);margin:0 0 12px}.field{padding:12px 0;border-bottom:1px solid var(--line)}.field:last-child{border-bottom:0}.field-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.field label{font-size:14px}.control{display:flex;align-items:center;gap:8px;min-width:0}.control input[type=number]{width:85px}.control input[type=range]{width:100px;min-width:0}.control select{width:100%;max-width:300px}.hint{font-size:12px;margin:6px 0}.unit{font-size:11px;color:var(--muted);max-width:60px}.color-grid{display:grid;grid-template-columns:64px repeat(3,minmax(0,1fr));gap:10px;align-items:end}.color-grid input{width:100%;min-width:0}.color-grid label{font-size:12px;color:var(--muted)}.color-swatch{border:2px solid var(--line);color:white;text-shadow:0 1px 3px #000;min-width:50px;padding:8px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-option{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;font-size:13px;cursor:pointer}.mode-option:has(input:checked){border-color:var(--brand);background:#EFF6FF}.mode-option small{display:block;color:var(--muted);font-size:11px}.switch input{width:18px;height:18px}.summary{position:sticky;top:20px}.summary-row{border-bottom:1px solid var(--line);padding:8px 0}.summary-row>span{display:block;color:var(--muted);font-size:12px}.summary-value{font-size:13px;overflow-wrap:anywhere;display:flex;align-items:center;gap:6px}.summary-color{width:14px;height:14px;flex-shrink:0;background:var(--summary-color);border:1px solid var(--line);border-radius:3px}.summary button,.summary .import-label{width:100%;margin-top:10px}.import-label{background:white;color:var(--text);border-color:var(--line);position:relative;overflow:hidden}.import-label input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.visual-preview{display:flex;flex-wrap:wrap;gap:5px;padding:15px 0}.visual-preview i{width:15px;height:15px;border:1px solid var(--line);border-radius:4px}.visual-preview small{width:100%;font-size:11px}.color-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.color-dialog-head h2{margin:0;font-size:21px}.draft-rgb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.draft-rgb input{display:block;width:100%;min-width:0}.native-color{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.native-color input{width:85px;padding:3px}.led-preview{display:flex;gap:12px;margin:20px 0}.led-preview span{width:30px;height:30px;border-radius:6px;background:var(--preview-color);border:1px solid var(--line)}.dialog-actions{display:flex;gap:12px;justify-content:flex-end}.dialog-actions button{min-width:100px}#colorNote,#colorValue,#exportStatus{font-size:12px;color:var(--muted)}#capabilitySummary{font-size:14px}#capabilitySummary h3{margin-top:22px}.group>summary{font-size:15px}#advancedFields{padding-top:12px}@media(max-width:780px){.layout{grid-template-columns:1fr}.summary{position:static}.cards{grid-template-columns:1fr}.config-head h1{font-size:27px}.field-head{display:block}.control{margin-top:8px;justify-content:space-between}.control input[type=range]{flex:1;max-width:180px}.color-grid{gap:6px;grid-template-columns:56px repeat(3,minmax(0,1fr))}.color-grid input{padding:7px}.mode-option{padding:10px}.group,.summary,#advanced{padding:16px}.workflow{gap:10px;font-size:11px}.cards .card-body{padding:20px}}