aside .devices p[role=button]{cursor:pointer;border:1px solid transparent;border-radius:10px;padding:8px 6px;margin:10px 0;transition:background .2s,border-color .2s}aside .devices p[role=button]:hover{background:#15364b;border-color:#356786}aside .devices p[role=button]:focus-visible{outline:2px solid #65caff;outline-offset:3px}.device-dialog{width:min(620px,calc(100vw - 28px));max-width:none;max-height:92svh;overflow:auto;padding:26px;background:linear-gradient(135deg,#112b40,#07141f);color:#e4f4ff;border:1px solid #356e93;border-radius:18px;scrollbar-width:thin}.device-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.device-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.device-heading>div>span{font-size:8px;letter-spacing:1.6px;color:#78bde7}.device-heading h2{font-size:24px;margin:10px 0}.device-heading>button{font-size:22px;padding:4px 11px}.device-tabs{display:flex;gap:8px;margin:20px 0}.device-tabs button{flex:1;font-size:12px}.device-tabs .selected{background:#1b6898;border-color:#56beff;color:white}.device-intro{font-size:12px;line-height:1.7;color:#8eb5d0}.device-section{border:1px solid #234b66;border-radius:12px;background:#0a1c29;padding:18px;margin:18px 0}.device-section h3{font-size:15px;margin:0 0 16px}.device-section>p{font-size:11px;line-height:1.8;color:#90aec4;margin:12px 0}.device-field{display:block;margin:18px 0;color:#b7d4e8;font-size:12px}.device-field>span{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:10px;line-height:1.5}.device-field output{color:#76ceff;font-size:12px;white-space:nowrap}.device-field input[type=range]{width:100%;accent-color:#48bfff;cursor:pointer}.device-field select,.device-field input[type=number]{width:100%;background:#081724;color:#dcefff;border:1px solid #305570;border-radius:8px;padding:11px;font:inherit}.device-field.device-switch{display:flex;align-items:center;justify-content:space-between;gap:15px}.device-switch>span{margin:0}.device-switch input{appearance:none;width:37px;height:22px;border-radius:16px;background:#263f51;border:1px solid #466278;position:relative;cursor:pointer;flex-shrink:0;transition:background .2s}.device-switch input:before{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:#c4dbeb;top:3px;left:3px;transition:transform .2s}.device-switch input:checked{background:#1879b1;border-color:#67cfff}.device-switch input:checked:before{transform:translateX(15px);background:#e5f8ff}.device-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px}.device-actions button{font-size:12px;padding:12px}.device-save{background:linear-gradient(120deg,#127cc4,#31b2ef);border-color:#71ceff;color:white}.device-note{font-size:9px;color:#6a90ab;line-height:1.7;margin-top:20px}#device-error{font-size:12px;color:#ffb0af;line-height:1.6}.device-success{color:#72dfc7;font-size:12px;line-height:1.6}.device-dialog :focus-visible{outline:2px solid #66cfff;outline-offset:3px}@media(max-width:700px){aside .devices{display:flex!important;gap:7px;flex-wrap:wrap;padding:10px 0 0;margin-top:12px}aside .devices>small{width:100%}aside .devices p[role=button]{margin:0;flex:1;padding:8px 6px;gap:7px;min-width:0}aside .devices .icon{width:22px;height:22px}aside .devices p span{font-size:8px}aside .devices em{font-size:7px;margin-top:5px}.device-dialog{padding:20px}.device-heading h2{font-size:22px}.device-section{padding:15px}.device-field input[type=number],.device-field select{font-size:16px}.device-actions button{flex:1;font-size:11px}.device-tabs button{font-size:11px}}