.settings{padding:40px 24px 80px}.settings__head{margin-bottom:28px}.settings__title{letter-spacing:-.025em;margin:0;font-size:clamp(28px,4.5vw,40px);font-weight:800}.settings__sub{max-width:560px;color:var(--muted-foreground);margin:8px 0 0;font-size:15px;line-height:1.55}.settings__sub b{color:var(--foreground);font-weight:600}.settings__grid{grid-template-columns:320px 1fr;align-items:start;gap:28px;display:grid}@media (max-width:780px){.settings__grid{grid-template-columns:1fr}}.settings__preview{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-md);border-radius:16px;flex-direction:column;align-items:center;gap:14px;padding:28px 20px;display:flex;position:sticky;top:24px}@media (max-width:780px){.settings__preview{position:static}.sp-device{height:118px}}.settings__hint{text-align:center;color:var(--muted-foreground);margin:0;font-size:12.5px;line-height:1.5}.settings__saved{color:var(--chart-2);font-weight:700}.sp-device{background:#12100e;border:6px solid #1c1916;border-radius:30px;width:260px;transition:border-color .25s;overflow:hidden;box-shadow:0 18px 40px -18px #0000008c}[data-theme=light] .sp-device{background:#f2e8da;border-color:#cfcfcf}.sp-statusbar{color:#f2e8da;justify-content:space-between;align-items:center;height:30px;padding:0 14px;font-size:11px;font-weight:700;display:flex;position:relative}[data-theme=light] .sp-statusbar{color:#1e1a13}.sp-time{font-variant-numeric:tabular-nums;transition:margin-left .2s}.sp-device[data-cutout-pos=left] .sp-time{margin-left:26px}.sp-device[data-cutout=pill][data-cutout-pos=left] .sp-time{margin-left:38px}.sp-icons{align-items:center;gap:5px;display:inline-flex}.sp-batt{font-variant-numeric:tabular-nums;font-size:10px;font-weight:700}.sp-cutout{background:radial-gradient(circle at 35% 30%,#2b2b30 0%,#060608 70%);border-radius:50%;width:10px;height:10px;transition:all .22s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sp-cutout--pill{background:#000;border-radius:10px;width:76px;height:18px;top:calc(50% + 1.5px)}.sp-cutout--pill.sp-cutout--compact{width:56px}.sp-cutout--pill.sp-cutout--left{border-radius:7px;width:23px;height:12px;top:calc(50% + 1.5px);left:29px}.sp-cutout--notch{background:#000;border-radius:0 0 12px 12px;width:100px;height:20px;top:0;transform:translate(-50%)}.sp-cutout--left{left:22px}.sp-cutout--large{width:13px;height:13px}.sp-screen{flex-direction:column;gap:10px;padding:14px 12px 16px;display:flex}.sp-appbar{letter-spacing:-.02em;color:#f2e8da;padding:2px 2px 6px;font-size:16px;font-weight:800}[data-theme=light] .sp-appbar{color:#1e1a13}.sp-card{background:#282521;border-radius:10px;height:44px}[data-theme=light] .sp-card{background:#e9decf}.sp-card--short{width:62%;height:34px}.sp-nav{background:#1c1916;border:1px solid #ffffff14;border-radius:999px;justify-content:center;gap:26px;margin-top:10px;padding:8px 18px;display:flex}[data-theme=light] .sp-nav{background:#f9f2ea;border-color:#d7cec1}.sp-nav__dot{background:#5d574e;border-radius:999px;width:22px;height:5px}[data-theme=light] .sp-nav__dot{background:#b3a894}.sp-nav__dot--on{background:var(--chart-1)}.settings__controls{flex-direction:column;gap:20px;display:flex}.settings__sizefields{grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;margin:4px 0 0 34px;display:grid}.settings__sizefields label{flex-direction:column;gap:5px;display:flex}.settings__sizefields label>span{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);font-size:11px;font-weight:700}.settings__sizefields input{border:1px solid var(--border);background:var(--background);width:100%;height:40px;color:var(--foreground);font-variant-numeric:tabular-nums;border-radius:10px;padding:0 12px;font-size:14px}.settings__sizefields input:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.settings__sizecross{color:var(--muted-foreground);padding-bottom:10px}.settings__sizenote{color:var(--muted-foreground);grid-column:1/-1;margin:2px 0 0;font-size:12px;line-height:1.5}.settings__group{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);border-radius:16px;margin:0;padding:18px 20px 20px}.settings__group:disabled{opacity:.55}.settings__group legend{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);margin-left:-8px;padding:0 8px;font-size:11px;font-weight:700}.settings__group legend small{text-transform:none;letter-spacing:0;color:var(--ring);font-weight:500}.settings__opt{cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:12px;transition:background .15s;display:flex}.settings__opt:hover{background:var(--accent)}:is(.settings__opt--blocked,.settings__opt:has(input:disabled)){opacity:.5;cursor:not-allowed}:is(.settings__opt--blocked:hover,.settings__opt:has(input:disabled):hover){background:0 0}.settings__opt input{opacity:0;width:1px;height:1px;position:absolute}.settings__opt-dot{border:2px solid var(--ring);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin-top:2px;transition:border-color .15s;display:grid}.settings__opt.on .settings__opt-dot{border-color:var(--chart-1)}.settings__opt.on .settings__opt-dot:after{content:"";background:var(--chart-1);border-radius:50%;width:10px;height:10px}.settings__opt-text{flex-direction:column;gap:2px;display:flex}.settings__opt-label{font-size:15px;font-weight:600}.settings__opt-hint{color:var(--muted-foreground);font-size:12.5px}.settings__opt:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:2px}