.settings-page{flex-direction:column;gap:28px;display:flex}.settings-page__head{flex-direction:column;gap:6px;display:flex}.settings-page__back{color:var(--text-mute);width:fit-content;font-size:13px;text-decoration:none}.settings-page__back:hover{color:var(--text)}.settings-page__title{letter-spacing:-.04em;color:var(--text);margin:0;font-size:clamp(28px,4vw,36px);font-weight:700}.settings-page__layout{grid-template-columns:200px minmax(0,1fr);gap:36px;display:grid}@media (max-width:760px){.settings-page__layout{grid-template-columns:minmax(0,1fr);gap:18px}}.settings-nav{flex-direction:column;align-self:start;gap:2px;font-size:14px;display:flex;position:sticky;top:84px}@media (max-width:760px){.settings-nav{flex-flow:wrap;gap:6px;position:static}}.settings-nav__link{color:var(--text-mute);border-radius:8px;padding:8px 12px;text-decoration:none;transition:background .12s,color .12s}.settings-nav__link:hover,.settings-nav__link--active{background:var(--bg-soft);color:var(--text)}.settings-page__sections{flex-direction:column;gap:18px;display:flex}.settings-card{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.settings-card__head{border-bottom:1px solid var(--line-soft);padding:20px 22px 14px}.settings-card__title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:17px;font-weight:600}.settings-card__blurb{color:var(--text-mute);margin:4px 0 0;font-size:13.5px}.settings-card__body{padding:18px 22px 22px}.settings-permissions-section{flex-direction:column;gap:14px;scroll-margin-top:86px;display:flex}.settings-permissions-section__head{padding:20px 22px 0}.settings-permissions-embed{flex-direction:column;gap:14px;display:flex}.settings-permissions-embed .toolset-surface{box-shadow:none}.perm-tool-list{flex-direction:column;gap:2px;display:flex}.perm-tool{border-bottom:1px solid var(--line-soft);padding:18px 20px 4px}.perm-tool:last-child{border-bottom:0}.perm-tool__head{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;margin-bottom:12px;display:grid}.perm-tool__icon{width:18px;height:18px;color:var(--accent-ink);justify-self:center;margin-top:4px}.perm-tool__copy{flex-direction:column;gap:2px;min-width:0;display:flex}.perm-tool__name{letter-spacing:-.02em;color:var(--text);margin:0;font-size:16px;font-weight:600}.perm-tool__blurb{color:var(--text-mute);margin:0;font-size:13px;line-height:1.5}.perm-tool__rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.perm-row{border-top:1px dashed var(--line-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 0;display:grid}.perm-row:first-child{border-top:0}.perm-row__id{flex-direction:column;gap:2px;min-width:0;display:flex}.perm-row__name{color:var(--text);letter-spacing:-.01em;font-size:14px;font-weight:500}.perm-row__cmd{color:var(--text-dim);background:var(--bg-soft);border-radius:4px;width:fit-content;padding:1px 6px;font-family:ui-monospace,Menlo,monospace;font-size:11.5px}.perm-row__seg{background:var(--bg-soft);border:1px solid var(--line);border-radius:9px;gap:0;padding:3px;display:inline-flex}.perm-row__seg-btn{font:inherit;letter-spacing:-.005em;color:var(--text-mute);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:background .12s,color .12s}.perm-row__seg-btn:hover:not(:disabled){color:var(--text)}.perm-row__seg-btn:disabled{cursor:not-allowed;opacity:.65}.perm-row__seg-btn--on{background:linear-gradient(180deg,color-mix(in oklab,var(--accent),black 14%),color-mix(in oklab,var(--accent),black 38%));color:#fff;text-shadow:0 1px #00000047;font-weight:600;box-shadow:inset 0 1px #ffffff24,0 1px 2px #00000038}.perm-row__seg-btn--on:disabled{opacity:.85}@media (max-width:700px){.perm-row{grid-template-columns:minmax(0,1fr);gap:8px}.perm-row__seg{width:100%}.perm-row__seg-btn{flex:1;padding:7px 6px;font-size:12px}}.profile-row{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.profile-row__avatar{background:linear-gradient(135deg,color-mix(in oklab,var(--accent),white 5%),color-mix(in oklab,var(--accent),black 40%));color:#fff;text-shadow:0 1px #0003;border-radius:999px;place-items:center;width:56px;height:56px;font-size:16px;font-weight:700;display:grid}.profile-row__avatar--img{background:var(--bg-soft);object-fit:cover}.profile-row__lines{flex-direction:column;gap:2px;display:flex}.profile-row__name{letter-spacing:-.015em;color:var(--text);font-size:16px;font-weight:600}.profile-row__sub{color:var(--text-mute);font-size:13px}.settings-link{color:var(--text-mute);white-space:nowrap;align-items:center;gap:4px;font-size:13px;text-decoration:none;display:inline-flex}.settings-link:hover{color:var(--text)}.connection-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.connection-row{border-top:1px solid var(--line-soft);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 0;display:grid}.connection-row:first-child{border-top:0;padding-top:4px}.connection-row:last-child{padding-bottom:4px}.connection-row__icon{color:#fff;text-shadow:0 1px #0000002e;border-radius:10px;place-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:grid}.connection-row__lines{flex-direction:column;gap:4px;min-width:0;display:flex}.connection-row__heading{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.connection-row__name{letter-spacing:-.015em;color:var(--text);font-size:15px;font-weight:600}.connection-row__blurb{color:var(--text-mute);margin:0;font-size:13px;line-height:1.5}.appearance-preview{background:0 0;border:0;align-items:center;gap:12px;margin-bottom:14px;padding:0;display:flex}.appearance-preview__caption{color:var(--text-mute);font-size:12px}.appearance-preview__hex{color:var(--text-dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.appearance-sync{border:1px solid var(--line);background:var(--bg-soft);border-radius:10px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:grid}.appearance-sync__preview{border-radius:8px;width:32px;height:32px;box-shadow:inset 0 0 0 1px #ffffff2e}.appearance-sync__copy{flex-direction:column;gap:2px;min-width:0;display:flex}.appearance-sync__title{color:var(--text);font-size:13.5px;font-weight:600}.appearance-sync__meta{color:var(--text-mute);font-size:12px}.appearance-sync__button{white-space:nowrap;align-self:center}.appearance-sync__message{color:var(--text-mute);margin:-2px 0 12px;font-size:12.5px}.appearance-sync__message--ok{color:var(--ok)}.appearance-sync__message--warn,.appearance-sync__message--error{color:var(--warn)}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.swatch{font:inherit;width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:22px 1fr auto;align-items:center;gap:12px;padding:8px 12px;transition:background .12s;display:grid}.swatch:hover,.swatch--selected{background:var(--bg-soft)}.swatch--locked{opacity:.45;filter:grayscale(.6)}.swatch--locked:hover{opacity:.7;filter:grayscale(.2);background:var(--bg-soft)}.swatch--locked .swatch__check{opacity:.75;font-size:12px}.swatch__chip--gold{background:linear-gradient(135deg,#7a4f00 0%,#c8861f 18%,#ffd24a 38%,#fff2b8 50%,#ffd24a 62%,#c8861f 82%,#7a4f00 100%) 0 0/220% 220%;position:relative;box-shadow:inset 0 0 0 1px #fff0c847,inset 0 1px 1px #ffffff4d,inset 0 -1px 2px #0000004d}.swatch__chip-shimmer{pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff8c 48%,#0000 62%) 0 0/200% 100%;animation:3.6s linear infinite swatch-gold-shimmer;position:absolute;inset:0}.swatch--gold:hover .swatch__chip--gold{box-shadow:inset 0 0 0 1px #fff0c873,inset 0 1px 2px #fff6,inset 0 -1px 2px #0000004d,0 0 12px #ffd24a59}.swatch--gold .swatch__label{background:linear-gradient(90deg,#c8861f 0%,#ffd24a 50%,#fff2b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.swatch--locked.swatch--gold .swatch__label{-webkit-text-fill-color:var(--text-dim);background:0 0}@keyframes swatch-gold-shimmer{0%,18%{background-position:-30% 0}82%,to{background-position:130% 0}}.swatch__chip--silver{background:linear-gradient(135deg,#3c4046 0%,#6b7280 18%,#cdd0d6 38%,#f5f6f8 50%,#cdd0d6 62%,#6b7280 82%,#3c4046 100%) 0 0/220% 220%;position:relative;box-shadow:inset 0 0 0 1px #f5f6f852,inset 0 1px 1px #ffffff4d,inset 0 -1px 2px #0000004d}.swatch--silver:hover .swatch__chip--silver{box-shadow:inset 0 0 0 1px #f5f6f880,inset 0 1px 2px #fff6,inset 0 -1px 2px #0000004d,0 0 12px #cdd0d659}.swatch--silver .swatch__label{background:linear-gradient(90deg,#6b7280 0%,#cdd0d6 50%,#f5f6f8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.swatch--locked.swatch--silver .swatch__label{-webkit-text-fill-color:var(--text-dim);background:0 0}@media (prefers-reduced-motion:reduce){.swatch__chip-shimmer{animation:none}}.swatch__chip{border-radius:6px;grid-template-columns:1fr 1fr 1fr;width:22px;height:18px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e}.swatch__chip-pip{height:100%}.swatch__label{letter-spacing:-.005em;flex-direction:column;gap:1px;font-size:13.5px;font-weight:500;display:flex}.swatch__sublabel{color:var(--text-dim);font-size:11px;font-weight:400}.swatch__check{color:var(--accent-ink);font-size:14px;font-weight:700}.sources-list{flex-direction:column;gap:8px;display:flex}.source-row{border:1px solid var(--line);background:var(--bg-soft);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.source-row__lines{flex-direction:column;gap:2px;min-width:0;display:flex}.source-row__label{color:var(--text);font-size:14px;font-weight:500}.source-row__meta{color:var(--text-dim);font-size:12px}.settings-muted{color:var(--text-mute);margin:0;font-size:13.5px}.settings-warn{color:var(--warn);background:#f59e6b1a;border:1px solid #f59e6b38;border-radius:10px;margin:0;padding:10px 12px;font-size:13.5px}.settings-cta{align-self:flex-start;margin-top:12px}@media (max-width:600px){.profile-row{grid-template-columns:56px minmax(0,1fr)}.profile-row .settings-link{grid-column:1/-1;justify-self:start}.connection-row{grid-template-columns:44px minmax(0,1fr)}.connection-row .toolset-button{grid-column:1/-1;justify-self:start}.appearance-sync{grid-template-columns:32px minmax(0,1fr)}.appearance-sync__button{grid-column:1/-1;justify-self:start}}