.label-explorer{--label-surface:var(--card);--label-text:var(--foreground);--label-muted:var(--muted-foreground);--label-rule:var(--border);--label-focus:var(--foreground);--label-danger:var(--destructive);--label-ease:cubic-bezier(.22,1,.36,1)}.label-pills{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}.label-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid color-mix(in oklab,var(--label-color) 48%,var(--label-rule));border-radius:var(--radius-control);background:color-mix(in oklab,var(--label-color) 13%,var(--label-surface));color:var(--label-ink);font-family:var(--font-mono);font-size:12px;line-height:1.3;white-space:nowrap;cursor:pointer;transition:background-color .18s ease,border-color .18s ease}.label-pill-swatch{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--label-color);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--label-ink) 25%,transparent)}.label-pill>svg{opacity:.55}.label-explorer-hint{margin:10px 0 0;color:var(--label-muted);font-size:12px}.label-dialog{position:fixed;inset:0;margin:auto;padding:0;width:min(850px,calc(100% - 24px));height:fit-content;max-height:min(90svh,760px);overflow:auto;overscroll-behavior:contain;border:1px solid color-mix(in oklab,var(--label-surface) 72%,transparent);border-radius:24px;background:color-mix(in oklab,var(--label-surface) 96%,transparent);color:var(--label-text);box-shadow:0 28px 110px color-mix(in oklab,var(--label-text) 20%,transparent);backdrop-filter:blur(24px)}.label-dialog[open]{animation:label-dialog-in .24s var(--label-ease) both}.label-dialog::backdrop{background:color-mix(in oklab,var(--foreground) 25%,transparent);backdrop-filter:blur(8px)}.label-dialog-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px 12px 28px;border-bottom:1px solid var(--label-rule);background:color-mix(in oklab,var(--label-surface) 94%,transparent);backdrop-filter:blur(16px)}.label-dialog-header>span{font-size:13px;color:var(--label-muted)}.label-icon-button{display:inline-grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--label-rule);border-radius:var(--radius-control);color:var(--label-text);background:transparent;cursor:pointer;transition:background-color .16s ease}.label-dialog-close{border-color:transparent}.label-dialog-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.label-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:34px 20px;background:color-mix(in oklab,var(--label-color) 15%,var(--label-surface));color:var(--label-ink);transition:background-color .3s ease,color .3s ease}.label-wheel{position:relative;width:260px;height:260px;flex-shrink:0}.label-wheel>svg{position:absolute;inset:0;width:100%;height:100%}.label-wheel path{fill:var(--label-color);opacity:.82;transition:opacity .18s ease}.label-wheel path[data-selected=true]{opacity:1;stroke:var(--label-ink);stroke-width:1.5}.label-wheel-choice{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--label-chip-ink);background:transparent;border:0;cursor:pointer}.label-wheel-center{position:absolute;inset:58px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;border-radius:50%;color:var(--label-ink);background:color-mix(in oklab,var(--label-color) 18%,var(--label-surface));transition:background-color .3s ease,color .3s ease}.label-wheel-center span{font-size:11px}.label-wheel-center strong{font-size:19px;font-weight:550;letter-spacing:-.04em}.label-palette-hint{max-width:220px;text-align:center;font-size:12px;line-height:1.5}.label-detail{min-width:0;padding:38px 32px 34px;animation:label-detail-in .23s var(--label-ease) both}.label-detail h2{font-size:clamp(30px,4vw,43px);line-height:1.08;font-weight:550;letter-spacing:-.055em;overflow-wrap:anywhere;text-transform:capitalize}.label-definition{margin-top:16px;color:var(--label-muted);font-size:15px;line-height:1.7}.label-written-example{margin-top:26px;padding-top:21px;border-top:1px solid var(--label-rule)}.label-style-example>span,.label-written-example>span{font-size:11px;color:var(--label-muted)}.label-written-example blockquote{margin:10px 0;color:var(--label-ink);font-size:22px;line-height:1.5;letter-spacing:-.025em}.label-written-example>p{color:var(--label-muted);font-size:12px;line-height:1.6}.label-style-example{padding:14px 10px;animation:label-detail-in .23s var(--label-ease) both}.label-style-example blockquote{margin:24px 0;font-size:clamp(28px,4vw,38px);line-height:1.4;font-weight:450;letter-spacing:-.04em}.label-style-example>p{font-size:13px}.label-related{margin-top:28px}.label-related h3{font-size:12px;font-weight:500;color:var(--label-muted)}.label-related>div{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:5px}.label-related-button{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:12px;white-space:nowrap;color:var(--label-ink);background:transparent;border:0;cursor:pointer;text-decoration-thickness:1px;text-underline-offset:4px}.label-dialog-footer{justify-content:space-between;gap:12px;border-top:1px solid var(--label-rule);padding:16px 22px}.label-api-tag,.label-dialog-footer{display:flex;align-items:center;flex-wrap:wrap}.label-api-tag{gap:10px;min-width:0}.label-api-tag>code{font-family:var(--font-mono);font-size:12px;color:var(--label-ink);user-select:all}.label-copy-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:95px;min-height:44px;padding:8px 10px;border:1px solid var(--label-rule);border-radius:var(--radius-control);color:var(--label-text);background:transparent;font-size:12px;white-space:nowrap;cursor:pointer;transition:background-color .16s ease}.label-copy-button[data-state=success]{color:var(--label-ink);background:color-mix(in oklab,var(--label-color) 18%,var(--label-surface))}.label-copy-button[data-state=error]{border-color:var(--label-danger)}.label-copy-error{margin:0;padding:0 22px 16px;color:var(--label-danger);font-size:12px;line-height:1.5}.label-pagination{display:flex;align-items:center;gap:10px}.label-pagination>span{min-width:44px;font-family:var(--font-mono);font-size:11px;text-align:center;color:var(--label-muted);font-variant-numeric:tabular-nums}.label-dialog button:focus-visible,.label-pill:focus-visible{outline:2px solid var(--label-focus);outline-offset:3px}.label-dialog button:active,.label-pill:active{translate:0 1px}.label-copy-button[aria-disabled=true],.label-dialog button:disabled,.label-pill:disabled{opacity:.5;cursor:not-allowed}.label-spinner{animation:label-spin .75s linear infinite}@media (hover:hover){.label-pill:not(:disabled):hover{background:color-mix(in oklab,var(--label-color) 42%,var(--label-surface));border-color:var(--label-color)}.label-copy-button:not(:disabled):not([aria-disabled=true]):hover,.label-icon-button:hover{background:color-mix(in oklab,var(--label-color) 18%,var(--label-surface))}.label-related-button:hover{text-decoration-line:underline}.label-wheel-choice:hover{background:color-mix(in oklab,var(--label-surface) 25%,transparent)}}@media (max-width:620px){.label-dialog{border-radius:18px}.label-dialog-header{padding:8px 12px 8px 18px}.label-dialog-body{grid-template-columns:minmax(0,1fr)}.label-visual{padding:20px 16px;gap:12px}.label-palette-hint{max-width:none}.label-detail{padding:25px 22px}.label-definition{font-size:14px}.label-style-example{padding:0 6px}.label-style-example blockquote{margin:12px 0}.label-dialog-footer{padding:14px 18px}.label-api-tag{gap:7px}}@keyframes label-dialog-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes label-detail-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes label-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.label-dialog::backdrop,.label-explorer *,.label-explorer :after,.label-explorer :before{animation:none!important;transition:none!important}.label-dialog button:active,.label-pill:active{translate:none}}