.custom-background{position:fixed;z-index:0;inset:0;background-size:cover;background-position:center;pointer-events:none}.animated-background{position:absolute;inset:0;width:100%;height:100%}
.settings-wrap h2{font-size:42px}.settings-wrap h3{font-size:17px;margin:30px 0 12px}.settings-wrap .setting-row{padding:17px 0;gap:20px}.setting-row>div{min-width:0}.setting-row small{overflow-wrap:anywhere}.setting-row label{font-weight:600}.settings-wrap input,.settings-wrap select{font:inherit;color:var(--text);background:#151716;border:1px solid var(--line);border-radius:4px;min-width:0;padding:10px}.settings-wrap input[type=color]{width:48px;height:38px;padding:4px;cursor:pointer}.settings-wrap input[type=range]{accent-color:var(--lime);width:145px;padding:0}.background-form{display:flex;gap:8px;margin:12px 0}.background-form input{flex:1;width:0}.background-actions,.settings-actions{display:flex;flex-wrap:wrap;gap:10px}.settings-wrap .clear-button{margin-top:0;align-items:center;cursor:pointer;border-radius:4px}.clear-button svg{width:18px;height:18px}.upload-label{display:flex;align-items:center;gap:8px;border:1px solid #333;padding:12px 15px;border-radius:4px;cursor:pointer;font-size:14px}.upload-label svg{width:18px;height:18px}.upload-label input{position:absolute;width:1px;height:1px;opacity:0}.upload-label:focus-within{outline:2px solid var(--lime)}.dim-control{display:flex;align-items:center;gap:10px}.dim-control output{width:40px;font-size:13px}.settings-actions{margin-top:24px}.settings-view{padding-top:36px;padding-bottom:50px}.settings-wrap #connection-detail{max-width:480px}.settings-wrap .status-pill{flex-shrink:0}.setting-row .switch{flex-shrink:0}.settings-wrap button:focus-visible{outline:2px solid var(--lime)}.background-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0 22px}.background-preset{min-width:0;padding:7px;border:1px solid var(--line);border-radius:4px;background:#111312;text-align:left;cursor:pointer}.background-preset:hover{border-color:#555c57}.background-preset.active{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.background-preset strong,.background-preset small{display:block;padding:0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.background-preset strong{margin-top:8px;font-size:11px}.background-preset small{margin:3px 0 2px;color:var(--muted);font-size:9px}.preset-preview{position:relative;display:block;height:72px;border-radius:3px;background:#080909;overflow:hidden}.preset-preview i{position:absolute;display:block}.preset-zero-g i{width:14px;height:14px;border:1px solid #b8f34a;border-radius:50%;background:#b8f34a55}.preset-zero-g i:nth-child(1){left:14%;top:20%}.preset-zero-g i:nth-child(2){right:15%;top:42%;width:9px;height:9px;border-color:#66d9ef;background:#66d9ef55}.preset-zero-g i:nth-child(3){left:44%;bottom:12%;width:18px;height:18px;border-color:#ff7a90;background:#ff7a9040}.preset-starfield i{width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:24px 17px #fff8,53px -8px #b8f34a,72px 29px #fff6}.preset-starfield i:nth-child(1){left:12%;top:18%}.preset-starfield i:nth-child(2){left:29%;top:54%;transform:scale(.7)}.preset-starfield i:nth-child(3){left:5%;bottom:8%;transform:scale(1.3)}.preset-pulse-grid{background-color:#080909;background-image:linear-gradient(#b8f34a24 1px,transparent 1px),linear-gradient(90deg,#b8f34a24 1px,transparent 1px);background-size:17px 17px}.preset-nexus-bounce b{position:absolute;left:12%;top:33px;width:72%;height:12px;border-radius:50%;background:linear-gradient(90deg,#ff4c64,#f59e0b,#b8f34a,#66d9ef,#a855f7);filter:blur(5px);opacity:.7}.preset-nexus-bounce i{z-index:1;left:17%;top:13px;width:31px;height:31px;display:grid;place-items:center;background:#b8f34a;color:#080909;font:700 20px "Space Grotesk";font-style:normal;box-shadow:0 0 15px #b8f34a}.preset-none{display:grid;place-items:center}.preset-none svg{width:22px;color:#666}.custom-background-label{display:block;margin-top:4px}
.background-controls{margin:-4px 0 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.background-controls .setting-row{min-height:58px}.background-controls strong,.background-controls small{display:block}.background-controls small{margin-top:3px;color:var(--muted);font-size:12px}
@media(max-width:540px){.settings-wrap h2{font-size:32px}.setting-row{flex-wrap:wrap}.settings-wrap .setting-row{gap:12px}.dim-control{margin-left:auto}.settings-wrap select{max-width:160px}.settings-wrap #connection-detail{max-width:230px}.background-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-preview{height:64px}}