.colour-picker{display:flex;flex-direction:column;gap:6px}.colour-picker .swatches{display:grid;grid-template-columns:repeat(8,26px);gap:5px}.colour-picker .swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;outline-offset:2px}.colour-picker .swatch:hover{border-color:#ffffff80}.colour-picker .swatch[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 2px var(--accent, #4fc3f7)}.colour-picker .custom{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted, #9a9a9a);cursor:pointer}.colour-picker input.custom-colour{width:34px;height:24px;padding:0 2px;cursor:pointer}.colour-picker .colour-name{color:var(--text-muted, #9a9a9a)}.namechip{display:inline-flex;align-items:center;gap:6px}.namechip .dot{width:10px;height:10px;border-radius:50%;background:var(--text-muted, #9a9a9a);flex:none}.account dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:0 0 12px}.account dt{color:var(--text-muted, #9a9a9a)}.account dd{margin:0}@media(max-width:420px){.colour-picker .swatches{grid-template-columns:repeat(6,26px)}}