.settings-page{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:40px;width:100%;height:100%;padding:20px;display:grid}.settings-page h2{margin-bottom:12px;font-size:18px;font-weight:600}.settings-page .section,.settings-page .ports,.settings-page .headers,.settings-page .scopes{border:1px solid #2e3a5c;border-radius:3px;flex-direction:column;min-height:0;padding:20px;display:flex}.settings-page .list{flex-direction:column;gap:10px;display:flex;overflow-y:auto}.settings-page .row{word-break:break-all;background:#00000005;border-bottom:1px solid #2e3a5c;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.settings-page label{white-space:nowrap;gap:6px;font-size:14px}.settings-page .remove-btn{font-size:18px}.settings-page .add-scope{gap:10px;margin-bottom:20px;display:flex}.settings-page .add-scope input{flex:1;height:100%}.settings-page .add-header{margin-bottom:20px}.settings-page .ports{grid-column:span 2}.settings-page .ports input{flex:1;height:100%}.settings-page .port-key{min-width:80px;font-weight:600}
.brightness-section{grid-column:span 2}.brightness-controls{flex-direction:column;gap:16px;display:flex}.brightness-row{align-items:center;gap:12px;display:flex}.brightness-slider{width:100%}.range-wrapper{height:36px;position:relative}.range-wrapper input[type=range]{pointer-events:none;appearance:none;background:0 0;width:100%;height:36px;position:absolute}.range-wrapper input[type=range]::-webkit-slider-runnable-track{background:0 0}.range-wrapper input[type=range]::-moz-range-track{background:0 0}.range-wrapper input[type=range]::-webkit-slider-thumb{pointer-events:all;appearance:none;cursor:pointer;z-index:3;background:#3b82f6;border-radius:50%;width:16px;height:16px;position:relative}.range-wrapper input[type=range]::-moz-range-thumb{pointer-events:all;cursor:pointer;z-index:3;background:#3b82f6;border:none;border-radius:50%;width:16px;height:16px;position:relative}.range-track{z-index:1;background:#ccc;border-radius:2px;width:100%;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.range-fill{z-index:2;background:#3b82f6;border-radius:2px;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.time-indicator{opacity:.7;font-size:12px}.auto-chart{width:100%;margin-top:24px}.chart-labels{text-align:center;color:#888;grid-template-columns:repeat(24,1fr);margin-top:6px;font-size:11px;display:grid}
.auto-chart{background:#1e243a;border-radius:12px;width:100%;margin-top:28px;padding:16px}.chart-axis{stroke:#4073e26e;stroke-width:1px}.chart-grid{stroke:#4073e26e;stroke-dasharray:4 4}.chart-line{fill:none;stroke:#6a97fa;stroke-width:2.5px}.chart-point{fill:#e0e0e0}.chart-labels{color:#b1bad1;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(24,1fr);margin-top:10px;font-size:11px;display:grid}.chart-labels span{text-align:center;white-space:nowrap}