.cw-token-page{width:min(100%, var(--cw-content-width));padding:40px var(--cw-page-x) 80px;color:var(--cw-color-text);margin:0 auto}.cw-token-page header{gap:16px;display:grid}.cw-token-page code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}.cw-token-page small{color:var(--cw-color-muted);overflow-wrap:anywhere;font-size:12px;line-height:1.5}.cw-token-nav{border-bottom:1px solid var(--cw-color-border);flex-wrap:wrap;gap:8px 20px;padding:24px 0;display:flex}.cw-token-nav a{color:var(--cw-color-purple);text-underline-offset:4px;font-size:14px}.cw-token-section{gap:24px;min-width:0;padding-top:48px;scroll-margin-top:24px;display:grid}.cw-token-grid{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:12px;display:grid}.cw-token-tile{background:var(--cw-color-surface);border:1px solid var(--cw-color-border);border-radius:16px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:8px;min-width:0;padding:16px;display:flex;overflow:hidden}.cw-token-tile strong{font-size:16px;font-weight:500}.cw-token-swatch{border:1px solid #ffffff26;border-radius:8px;width:100%;height:72px;margin-bottom:8px}.cw-token-gradient{border:1px solid var(--cw-color-border);background-color:var(--cw-color-bg);background-image:var(--cw-page-gradient);border-radius:24px;align-content:end;gap:8px;min-height:160px;padding:24px;display:grid}.cw-token-fonts{gap:16px;display:grid}.cw-token-fonts>div{gap:8px;display:grid}.cw-token-type{border-bottom:1px solid var(--cw-color-border);gap:12px;min-width:0;padding:24px 0;display:grid}.cw-token-type>div{overflow-wrap:anywhere}.cw-token-type .cw-heading{margin:0}.cw-token-size{max-width:100%;max-height:100px;line-height:1.2;display:block;overflow:hidden}.cw-token-stack{gap:16px;display:grid}.cw-token-spacing{grid-template-columns:110px 64px 1fr;align-items:center;gap:16px;display:grid}.cw-token-spacing>span{background:var(--cw-color-purple);border-radius:3px;height:16px}.cw-token-radius,.cw-token-border{border:1px solid var(--cw-color-purple);background:#24182f;width:72px;height:56px;margin:8px 0 16px;display:block}.cw-token-buttons{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.cw-token-field{gap:8px;display:grid}.cw-token-focus{border:1px solid var(--cw-color-border);border-radius:12px;padding:16px}.cw-token-filters{flex-wrap:wrap;gap:8px;display:flex}.cw-token-filters button{min-height:40px;color:var(--cw-color-muted);border:1px solid var(--cw-color-border);background:var(--cw-color-surface);cursor:pointer;border-radius:999px;padding:8px 12px;font-size:14px}.cw-token-filters button[aria-pressed=true]{color:var(--cw-color-ink);border-color:var(--cw-color-purple);background:var(--cw-color-purple)}.cw-token-section>label{gap:8px;display:grid}.cw-token-inventory{border:1px solid var(--cw-color-border);border-radius:16px;overflow:hidden}.cw-token-inventory details+details{border-top:1px solid var(--cw-color-border)}.cw-token-inventory summary{cursor:pointer;overflow-wrap:anywhere;padding:16px}.cw-token-inventory summary>code{color:var(--cw-color-purple);margin-right:12px}.cw-token-inventory summary>span{font-size:14px}.cw-token-inventory summary>small{margin-top:4px;display:block}.cw-token-inventory ul{margin:0;padding:0 24px 16px 32px}.cw-token-inventory li{color:var(--cw-color-muted);padding:4px 0}@media (width<=420px){.cw-token-page{padding-top:24px}.cw-token-section{padding-top:32px}.cw-token-spacing{grid-template-columns:100px 56px 1fr;gap:8px}}.cw-token-extra-colors>summary{cursor:pointer;color:var(--cw-color-purple);padding:8px 0}.cw-token-extra-colors[open]>summary{margin-bottom:16px}.cw-token-embedded{min-width:0}.cw-token-embedded header{gap:var(--cw-space-3);display:grid}.cw-token-embedded code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}.cw-token-embedded small{color:var(--cw-color-muted);overflow-wrap:anywhere;font-size:12px;line-height:1.5}