.settings-workspace{max-width:1050px;margin:0 auto;padding:36px 34px 45px;color:var(--text)}
.settings-intro{margin-bottom:28px}.settings-intro .eyebrow{font-size:10px}.settings-intro h2{font-size:26px;letter-spacing:-.8px;margin:8px 0}.settings-intro p{font-size:13px;color:var(--muted);margin:8px 0}
.settings-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:24px;margin-bottom:18px}.settings-section-title{display:flex;align-items:flex-start;gap:14px;margin-bottom:23px}.settings-icon{color:var(--accent);background:var(--ui-selected);border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;width:38px;height:38px;font-size:21px;flex-shrink:0}.settings-section-title h3{font-size:15px;margin:0}.settings-section-title p{font-size:12px;color:var(--muted);margin:4px 0 0}
.theme-choices{padding:0;margin:0;border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.theme-choice{position:relative;margin:0;padding:12px;border:1px solid var(--line);border-radius:8px;cursor:pointer;color:var(--text);background:var(--bg)}.theme-choice:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-choice:focus-within{outline:2px solid var(--accent);outline-offset:3px}.theme-choice>input{position:absolute;opacity:0;inset:0;cursor:pointer;width:100%!important;height:100%!important;margin:0}.theme-choice-label{display:flex;justify-content:space-between;align-items:center;margin:12px 0 4px}.theme-choice strong{font-weight:550;font-size:13px}.theme-choice small{display:block;color:var(--muted);font-size:10px;line-height:1.65}.theme-check{display:grid;place-items:center;width:17px;height:17px;border:1px solid var(--line);border-radius:50%;font-size:10px;color:transparent}.theme-choice:has(input:checked) .theme-check{background:var(--accent);color:#fff;border-color:var(--accent)}
.theme-sample{height:100px;display:flex;border:1px solid #2b2436;border-radius:5px;background:#0b0e15;overflow:hidden}.theme-sample>i{width:16%;border-right:1px solid #2b2436;background:#13111c}.theme-sample>span{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;flex:1;background:linear-gradient(0deg,transparent 48%,#2d263442 49%,transparent 50%)}.theme-sample b{width:7px;height:25px;position:relative;display:block;background:#ddd4ec}.theme-sample b:before{content:'';position:absolute;left:3px;top:-8px;bottom:-8px;width:1px;background:inherit}.theme-sample b:nth-child(2n){background:#9060d2}.theme-sample b:nth-child(2){transform:translateY(9px);height:18px}.theme-sample b:nth-child(3){transform:translateY(-5px);height:30px}.theme-sample b:nth-child(4){transform:translateY(-17px);height:17px}.theme-sample b:nth-child(5){transform:translateY(-9px);height:24px}.theme-sample b:nth-child(6){transform:translateY(-21px);height:14px}.theme-sample-light{background:#fff;border-color:#d9d2e4}.theme-sample-light>i{background:#f1edf6;border-color:#ded6e9}.theme-sample-light b{background:#087f8c}.theme-sample-light b:nth-child(2n){background:#7952b3}.theme-sample-system{background:linear-gradient(90deg,#0b0e15 50%,#fff 50%);border-color:#706578}.theme-sample-system>span{background:none}.theme-sample-system b:nth-child(5){background:#087f8c}.theme-sample-system b:nth-child(6){background:#7952b3}
.settings-candle-key{display:flex;align-items:center;gap:18px;margin-top:22px;padding-top:17px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);flex-wrap:wrap}.settings-candle-key>span{display:flex;gap:6px;align-items:center}.settings-candle-key i{display:block;width:7px;height:13px;border-radius:1px}.settings-up{background:var(--candle-up)}.settings-down{background:var(--candle-down)}.settings-candle-key small{font-size:10px;margin-left:auto}
.density-choices{padding:0;margin:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:13px}.density-choices legend{font-size:12px;margin-bottom:12px;color:var(--muted)}.density-choices label{display:flex;align-items:center;gap:13px;border:1px solid var(--line);padding:15px;border-radius:7px;margin:0;cursor:pointer;background:var(--bg)}.density-choices label:has(input:checked){border-color:var(--accent)}.density-choices input{accent-color:var(--accent);width:auto!important;flex:none}.density-choices strong{display:block;color:var(--text);font-size:12px;font-weight:550}.density-choices small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.settings-row{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 0;border-top:1px solid var(--line);font-size:12px}.settings-row label{margin:0;font-size:12px;color:var(--text)}.settings-row small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.station .settings-row select{max-width:220px;padding:10px 12px}.settings-value{color:var(--muted);font-size:12px}.settings-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.settings-footer p{font-size:11px;color:var(--muted)}.settings-footer button{font-size:11px;padding:8px 13px;flex-shrink:0}.settings-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-density=compact] .settings-workspace{padding-top:22px}html[data-density=compact] .settings-card{padding:18px;margin-bottom:12px}html[data-density=compact] .settings-section-title{margin-bottom:15px}html[data-density=compact] .settings-row{padding:12px 0}
@media(max-width:900px){.settings-workspace{padding:25px 20px}.theme-choices{gap:10px}.theme-choice{padding:9px}.theme-sample{height:82px}.settings-candle-key small{width:100%;margin-left:0}}
@media(max-width:600px){.settings-workspace{padding:22px 12px}.settings-intro h2{font-size:21px}.settings-intro p{font-size:11px}.settings-card{padding:17px 13px}.theme-choices{grid-template-columns:1fr}.theme-choice{display:grid;grid-template-columns:90px minmax(0,1fr);gap:0 14px;align-items:center;padding:10px}.theme-sample{grid-row:1 / span 2;width:90px;height:58px}.theme-sample>span{gap:4px}.theme-sample b{width:4px;transform:scaleY(.7)}.theme-sample b:before{left:2px}.theme-choice-label{margin:0}.theme-choice small{font-size:10px}.theme-choice strong{font-size:12px}.density-choices{grid-template-columns:1fr}.settings-row{flex-wrap:wrap;gap:12px}.station .settings-row select{max-width:none}.settings-footer{align-items:flex-start;flex-direction:column;gap:5px}.settings-footer p{margin:0}.settings-footer button{margin-top:8px}}
