.settings-main{max-width:1250px}.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.settings-card{padding:clamp(18px,2.8vw,27px);border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,white 6%),var(--panel));box-shadow:0 18px 42px #0002}.settings-card-heading{display:flex;align-items:center;gap:13px;margin-bottom:21px}.settings-card-heading h2{margin:0;font-size:1.05rem;letter-spacing:-.025em}.settings-card-heading p{margin:5px 0 0;color:var(--muted);font-size:.77rem;line-height:1.6}.settings-icon{width:43px;height:43px;flex:none;display:grid;place-items:center;border-radius:14px;background:#b4a1ff18;color:#c4aeff;font-weight:900}.settings-icon.mint{background:#85edc918;color:#85edc9}.settings-icon.amber{background:#ffca8618;color:#ffca86}.settings-icon.coral{background:#ff9cba18;color:#ff9cba}.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-choice{display:grid;gap:7px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:14px;background:#ffffff04;color:var(--text);cursor:pointer}.theme-choice[aria-pressed=true]{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan) inset;background:#ffffff0b}.theme-swatch{height:42px;border-radius:9px;border:1px solid #ffffff20;background:linear-gradient(110deg,#06162c 0 50%,#0c2440 50%)}.theme-swatch.violet{background:linear-gradient(110deg,#17142c 0 50%,#c4aeff 50%)}.theme-swatch.forest{background:linear-gradient(110deg,#0a211e 0 50%,#83eac5 50%)}.theme-swatch.sunset{background:linear-gradient(110deg,#251725 0 50%,#ffb995 50%)}.theme-swatch.light{background:linear-gradient(110deg,#eef3fb 0 50%,#6154c8 50%)}.theme-choice strong{font-size:.82rem}.theme-choice small{font-size:.68rem;color:var(--muted)}.settings-label,.settings-range-row label{display:block;margin:0 0 9px;font-size:.79rem;font-weight:800;color:var(--text)}.settings-select{width:100%;padding:13px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit}.font-preview{margin-top:14px;padding:18px;border:1px dashed var(--line);border-radius:13px;color:var(--text);font-family:var(--zt-user-font);font-size:calc(1rem * var(--zt-user-scale,1));line-height:1.7}.settings-range-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.settings-range-row label{margin:0}.settings-range-row output{color:var(--cyan);font-weight:900}.settings-range{width:100%;margin:22px 0 12px;accent-color:var(--cyan)}.range-labels{display:flex;justify-content:space-between;gap:7px;color:var(--muted);font-size:.65rem}.settings-help{color:var(--muted);font-size:.75rem;line-height:1.7;margin-top:18px}.settings-preview{padding:20px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--cyan) 18%,transparent),transparent 42%),var(--bg)}.preview-pill{font-size:.62rem;letter-spacing:.13em;color:var(--cyan);font-weight:900}.settings-preview h3{font-size:1.45rem;line-height:1.2;letter-spacing:-.04em;margin:15px 0 8px}.settings-preview p{font-size:.8rem;color:var(--muted);line-height:1.7}.preview-bars{display:flex;align-items:end;gap:8px;height:52px;margin:17px 0}.preview-bars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(0deg,var(--cyan),var(--green));height:45%}.preview-bars i:nth-child(2){height:85%}.preview-bars i:nth-child(3){height:60%}.preview-bars i:nth-child(4){height:100%}.preview-button{border:0;border-radius:10px;padding:11px 13px;background:linear-gradient(110deg,var(--cyan),var(--green));color:var(--bg);font:inherit;font-size:.76rem;font-weight:900}.settings-actions{display:flex;justify-content:flex-end;gap:10px;padding:20px 0}.brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.workspace-main,.page-shell{font-family:var(--zt-user-font,inherit);font-size:calc(1rem * var(--zt-user-scale,1))}@media(max-width:760px){.settings-layout{grid-template-columns:1fr}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-actions{position:sticky;bottom:0;background:var(--bg);padding:12px 0;z-index:5}.range-labels{font-size:.58rem}}
/* Expanded theme swatches */
.theme-swatch.ocean{background:linear-gradient(110deg,#061f32 0 50%,#58d3ff 50%)}.theme-swatch.graphite{background:linear-gradient(110deg,#17191f 0 50%,#a9c2ff 50%)}.theme-swatch.rose{background:linear-gradient(110deg,#2b1724 0 50%,#ffa4c7 50%)}.theme-swatch.emerald{background:linear-gradient(110deg,#071f1b 0 50%,#5ce8b3 50%)}.theme-swatch.amber{background:linear-gradient(110deg,#261d10 0 50%,#ffc567 50%)}.theme-swatch.arctic{background:linear-gradient(110deg,#eaf6fb 0 50%,#167eab 50%)}.theme-swatch.plum{background:linear-gradient(110deg,#21152e 0 50%,#dca7ff 50%)}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-choice{position:relative;overflow:hidden;backdrop-filter:blur(16px);background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.015));transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.theme-choice:hover{transform:translateY(-3px);border-color:rgba(181,154,255,.48);box-shadow:0 12px 26px rgba(0,0,0,.16)}@media(max-width:760px){.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
