.settings-pane{gap:var(--metro-space-5);flex-direction:column;max-width:620px;display:flex}.settings-pane--split{gap:var(--metro-space-6);grid-template-columns:minmax(0,520px) minmax(240px,360px);align-items:start;max-width:none;display:grid}.settings-pane__column{gap:var(--metro-space-5);flex-direction:column;display:flex}.settings-pane__column--preview{align-items:flex-start;gap:var(--metro-space-3);top:var(--metro-space-4);position:sticky}.settings-group{align-items:flex-start;gap:var(--metro-space-3);flex-direction:column;display:flex}.settings-group__title{font:var(--metro-font-semilight) var(--metro-type-subheader) / 1.2 var(--metro-font);margin:0}.settings-group__hint{font-size:var(--metro-type-body);margin:0}.settings-body{font-size:var(--metro-type-body);margin:0;line-height:1.6}.settings-link{color:var(--metro-accent);font-size:var(--metro-type-title);text-decoration:none}.settings-link:hover{text-decoration:underline}.settings-link:focus-visible{outline:1px dotted var(--metro-fg);outline-offset:2px}.settings-langs{gap:var(--metro-space-2);flex-wrap:wrap;display:flex}.settings-lang{gap:var(--metro-space-1);min-width:180px;padding:var(--metro-space-3) var(--metro-space-4);text-align:left;border:var(--metro-border-width) solid var(--metro-subtle);background:var(--metro-control-bg);color:var(--metro-fg);cursor:pointer;transition:background var(--metro-duration-fast) var(--metro-ease-standard);flex-direction:column;display:flex}.settings-lang:hover{background:var(--metro-control-bg-hover)}.settings-lang:focus-visible{outline:2px solid var(--metro-fg);outline-offset:2px}.settings-lang--active{background:var(--metro-accent);border-color:var(--metro-accent);color:var(--metro-on-accent)}.settings-lang__name{font:var(--metro-font-regular) var(--metro-type-title) / 1.1 var(--metro-font)}.settings-lang__note{font-size:var(--metro-type-caption);opacity:.75}.settings-radios{gap:var(--metro-space-1);flex-direction:column;display:flex}.settings-radios__note{font-size:var(--metro-type-caption);display:block}.settings-accents{gap:var(--metro-space-2);grid-template-columns:repeat(7,48px);display:grid}.settings-swatch{cursor:pointer;width:48px;height:48px;transition:transform var(--metro-duration-fast) var(--metro-ease-standard);border:0;padding:0;position:relative}.settings-swatch:active{transform:scale(.92)}.settings-swatch:focus-visible{outline:2px solid var(--metro-fg);outline-offset:2px}.settings-swatch--app{background:conic-gradient(var(--cobalt) 0 25%, var(--violet) 0 50%, var(--emerald) 0 75%, var(--crimson) 0)}.settings-swatch--active{outline:var(--metro-border-width) solid var(--metro-fg);outline-offset:3px}.settings-swatch--active:after{content:"";background:#fff;width:14px;height:14px;position:absolute;bottom:4px;right:4px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8.5l3.5 3.5 7.5-8' fill='none' stroke='%23000' stroke-width='2.5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8.5l3.5 3.5 7.5-8' fill='none' stroke='%23000' stroke-width='2.5'/%3E%3C/svg%3E") 50%/contain no-repeat}.settings-toggle{gap:var(--metro-space-1);flex-direction:column;max-width:480px;display:flex}.settings-toggle+.settings-toggle,.settings-toggle+.settings-text-size{margin-top:var(--metro-space-3)}.settings-toggle__hint{font-size:var(--metro-type-caption);margin:0;line-height:1.5}.settings-text-size{gap:var(--metro-space-3);flex-direction:column;width:100%;max-width:360px;display:flex}.settings-text-size__sample{font:var(--metro-font-light) var(--metro-type-title) / 1.4 var(--metro-font);margin:0}.settings-preview{--unit:52px;grid-template-columns:repeat(4, var(--unit));grid-auto-rows:var(--unit);padding:var(--metro-space-3);border:var(--metro-border-width) solid var(--metro-subtle);grid-auto-flow:dense;gap:5px;width:max-content;display:grid}.settings-preview__tile--medium{grid-area:span 2/span 2}.settings-preview__tile--wide{grid-column:span 4}.settings-preview__text{font-size:var(--metro-type-body);margin:0;line-height:1.5}@media (width<=900px){.settings-pane--split{gap:var(--metro-space-5);grid-template-columns:minmax(0,1fr)}.settings-pane__column--preview{position:static}}@media (width<=640px){.settings-accents{grid-template-columns:repeat(auto-fill,44px);width:100%}.settings-swatch{width:44px;height:44px}}