:root{--mk-color-primary-50:#eff6ff;--mk-color-primary-100:#dbeafe;--mk-color-primary-200:#bfdbfe;--mk-color-primary-300:#93c5fd;--mk-color-primary-400:#60a5fa;--mk-color-primary-500:#3b82f6;--mk-color-primary-600:#2563eb;--mk-color-primary-700:#1d4ed8;--mk-color-primary-800:#1e40af;--mk-color-primary-900:#1e3a8a;--mk-color-primary-950:#172554;--mk-color-neutral-0:#fff;--mk-color-neutral-50:#f8fafc;--mk-color-neutral-100:#f1f5f9;--mk-color-neutral-200:#e2e8f0;--mk-color-neutral-300:#cbd5e1;--mk-color-neutral-400:#94a3b8;--mk-color-neutral-500:#64748b;--mk-color-neutral-600:#475569;--mk-color-neutral-700:#334155;--mk-color-neutral-800:#1e293b;--mk-color-neutral-900:#0f172a;--mk-color-neutral-950:#020617;--mk-color-success-50:#f0fdf4;--mk-color-success-100:#dcfce7;--mk-color-success-500:#22c55e;--mk-color-success-600:#16a34a;--mk-color-success-700:#15803d;--mk-color-success-900:#14532d;--mk-color-warning-50:#fffbeb;--mk-color-warning-100:#fef3c7;--mk-color-warning-500:#f59e0b;--mk-color-warning-600:#d97706;--mk-color-warning-700:#b45309;--mk-color-warning-900:#78350f;--mk-color-error-50:#fef2f2;--mk-color-error-100:#fee2e2;--mk-color-error-500:#ef4444;--mk-color-error-600:#dc2626;--mk-color-error-700:#b91c1c;--mk-color-error-900:#7f1d1d;--mk-color-info-50:#f0f9ff;--mk-color-info-100:#e0f2fe;--mk-color-info-500:#0ea5e9;--mk-color-info-600:#0284c7;--mk-color-info-700:#0369a1;--mk-color-info-900:#0c4a6e;--mk-bg-page:var(--mk-color-neutral-50);--mk-bg-surface:var(--mk-color-neutral-0);--mk-bg-subtle:var(--mk-color-neutral-100);--mk-border-default:var(--mk-color-neutral-200);--mk-border-strong:var(--mk-color-neutral-300);--mk-text-primary:var(--mk-color-neutral-900);--mk-text-secondary:var(--mk-color-neutral-600);--mk-text-disabled:var(--mk-color-neutral-400);--mk-text-inverse:var(--mk-color-neutral-0);--mk-text-link:var(--mk-color-primary-600);--mk-text-link-hover:var(--mk-color-primary-700);--mk-action-primary:var(--mk-color-primary-600);--mk-action-primary-hover:var(--mk-color-primary-700);--mk-focus-ring:var(--mk-color-primary-500);--mk-spacing-0:0px;--mk-spacing-px:1px;--mk-spacing-0-5:2px;--mk-spacing-1:4px;--mk-spacing-1-5:6px;--mk-spacing-2:8px;--mk-spacing-2-5:10px;--mk-spacing-3:12px;--mk-spacing-3-5:14px;--mk-spacing-4:16px;--mk-spacing-5:20px;--mk-spacing-6:24px;--mk-spacing-7:28px;--mk-spacing-8:32px;--mk-spacing-9:36px;--mk-spacing-10:40px;--mk-spacing-11:44px;--mk-spacing-12:48px;--mk-spacing-14:56px;--mk-spacing-16:64px;--mk-spacing-20:80px;--mk-spacing-24:96px;--mk-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mk-font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--mk-font-serif:"Georgia","Times New Roman",serif;--mk-font-size-xs:.75rem;--mk-font-size-sm:.875rem;--mk-font-size-base:1rem;--mk-font-size-lg:1.125rem;--mk-font-size-xl:1.25rem;--mk-font-size-2xl:1.5rem;--mk-font-size-3xl:1.875rem;--mk-font-size-4xl:2.25rem;--mk-font-size-5xl:3rem;--mk-font-weight-light:300;--mk-font-weight-regular:400;--mk-font-weight-medium:500;--mk-font-weight-semibold:600;--mk-font-weight-bold:700;--mk-font-weight-extrabold:800;--mk-line-height-none:1;--mk-line-height-tight:1.25;--mk-line-height-snug:1.375;--mk-line-height-normal:1.5;--mk-line-height-relaxed:1.625;--mk-line-height-loose:2;--mk-letter-spacing-tighter:-.05em;--mk-letter-spacing-tight:-.025em;--mk-letter-spacing-normal:0em;--mk-letter-spacing-wide:.025em;--mk-letter-spacing-wider:.05em;--mk-letter-spacing-widest:.1em;--mk-radius-none:0px;--mk-radius-sm:2px;--mk-radius-base:4px;--mk-radius-md:6px;--mk-radius-lg:8px;--mk-radius-xl:12px;--mk-radius-2xl:16px;--mk-radius-3xl:24px;--mk-radius-full:9999px;--mk-shadow-none:none;--mk-shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--mk-shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--mk-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--mk-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--mk-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--mk-shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--mk-shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.05)}._button_j6ahe_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--mk-spacing-2);font-family:var(--mk-font-sans);font-weight:var(--mk-font-weight-medium);line-height:var(--mk-line-height-none);white-space:nowrap;cursor:pointer;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,opacity .15s ease;outline:none;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}._button_j6ahe_1:focus-visible{box-shadow:0 0 0 3px var(--mk-focus-ring)}._button_j6ahe_1:disabled,._button_j6ahe_1[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}._size-xs_j6ahe_31{height:28px;padding:0 var(--mk-spacing-2-5);font-size:var(--mk-font-size-xs);border-radius:var(--mk-radius-md)}._size-sm_j6ahe_38{height:32px;padding:0 var(--mk-spacing-3);font-size:var(--mk-font-size-sm);border-radius:var(--mk-radius-md)}._size-md_j6ahe_45{height:40px;padding:0 var(--mk-spacing-4);font-size:var(--mk-font-size-sm);border-radius:var(--mk-radius-lg)}._size-lg_j6ahe_52{height:48px;padding:0 var(--mk-spacing-6);font-size:var(--mk-font-size-base);border-radius:var(--mk-radius-lg)}._size-xl_j6ahe_59{height:56px;padding:0 var(--mk-spacing-8);font-size:var(--mk-font-size-lg);border-radius:var(--mk-radius-xl)}._variant-primary_j6ahe_67{background-color:var(--mk-action-primary);color:var(--mk-text-inverse);border-color:var(--mk-action-primary)}._variant-primary_j6ahe_67:hover:not(:disabled){background-color:var(--mk-action-primary-hover);border-color:var(--mk-action-primary-hover)}._variant-secondary_j6ahe_77{background-color:var(--mk-bg-surface);color:var(--mk-text-primary);border-color:var(--mk-border-strong)}._variant-secondary_j6ahe_77:hover:not(:disabled){background-color:var(--mk-bg-subtle)}._variant-ghost_j6ahe_86{background-color:transparent;color:var(--mk-text-primary);border-color:transparent}._variant-ghost_j6ahe_86:hover:not(:disabled){background-color:var(--mk-bg-subtle)}._variant-danger_j6ahe_95{background-color:var(--mk-color-error-600);color:var(--mk-text-inverse);border-color:var(--mk-color-error-600)}._variant-danger_j6ahe_95:hover:not(:disabled){background-color:var(--mk-color-error-700);border-color:var(--mk-color-error-700)}._variant-link_j6ahe_105{background-color:transparent;color:var(--mk-text-link);border-color:transparent;text-decoration:underline;text-underline-offset:2px;height:auto;padding:0}._variant-link_j6ahe_105:hover:not(:disabled){color:var(--mk-text-link-hover)}._icon-only_j6ahe_119._size-xs_j6ahe_31{width:28px;padding:0}._icon-only_j6ahe_119._size-sm_j6ahe_38{width:32px;padding:0}._icon-only_j6ahe_119._size-md_j6ahe_45{width:40px;padding:0}._icon-only_j6ahe_119._size-lg_j6ahe_52{width:48px;padding:0}._icon-only_j6ahe_119._size-xl_j6ahe_59{width:56px;padding:0}._full-width_j6ahe_126{width:100%}._spinner_j6ahe_131{width:1em;height:1em;border:2px solid;border-top:2px solid transparent;border-radius:50%;animation:_spin_j6ahe_131 .6s linear infinite;flex-shrink:0}@keyframes _spin_j6ahe_131{to{transform:rotate(1turn)}}._badge_14fgv_1{display:inline-flex;align-items:center;gap:var(--mk-spacing-1);font-family:var(--mk-font-sans);font-weight:var(--mk-font-weight-medium);line-height:var(--mk-line-height-none);white-space:nowrap}._size-sm_14fgv_12{height:18px;padding:0 var(--mk-spacing-1-5)}._size-md_14fgv_19,._size-sm_14fgv_12{font-size:var(--mk-font-size-xs);border-radius:var(--mk-radius-full)}._size-md_14fgv_19{height:22px;padding:0 var(--mk-spacing-2)}._size-lg_14fgv_26{height:26px;padding:0 var(--mk-spacing-2-5);font-size:var(--mk-font-size-sm);border-radius:var(--mk-radius-full)}._variant-default_14fgv_34{background-color:var(--mk-bg-subtle);color:var(--mk-text-secondary)}._variant-primary_14fgv_39{background-color:var(--mk-color-primary-100);color:var(--mk-color-primary-700)}._variant-success_14fgv_44{background-color:var(--mk-color-success-100);color:var(--mk-color-success-700)}._variant-warning_14fgv_49{background-color:var(--mk-color-warning-100);color:var(--mk-color-warning-700)}._variant-error_14fgv_54{background-color:var(--mk-color-error-100);color:var(--mk-color-error-700)}._variant-info_14fgv_59{background-color:var(--mk-color-info-100);color:var(--mk-color-info-700)}._dot_14fgv_65{width:6px;height:6px;border-radius:50%;flex-shrink:0;background-color:currentColor}._wrapper_qjkoq_1{display:inline-flex;align-items:center;gap:var(--mk-spacing-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}._wrapper_qjkoq_1._disabled_qjkoq_9{cursor:not-allowed;opacity:.5}._track_qjkoq_15{position:relative;flex-shrink:0;border-radius:var(--mk-radius-full);background-color:var(--mk-border-strong);transition:background-color .2s ease}._track_qjkoq_15._checked_qjkoq_23{background-color:var(--mk-action-primary)}._input_qjkoq_28{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._input_qjkoq_28:focus-visible+._track_qjkoq_15{box-shadow:0 0 0 3px var(--mk-focus-ring)}._thumb_qjkoq_45{position:absolute;top:50%;transform:translateY(-50%) translate(0);background-color:var(--mk-color-neutral-0);border-radius:var(--mk-radius-full);box-shadow:var(--mk-shadow-sm);transition:transform .2s ease}._size-sm_qjkoq_56 ._track_qjkoq_15{width:28px;height:16px}._size-sm_qjkoq_56 ._thumb_qjkoq_45{width:12px;height:12px;left:2px}._size-sm_qjkoq_56 ._track_qjkoq_15._checked_qjkoq_23 ._thumb_qjkoq_45{transform:translateY(-50%) translate(12px)}._size-md_qjkoq_60 ._track_qjkoq_15{width:36px;height:20px}._size-md_qjkoq_60 ._thumb_qjkoq_45{width:16px;height:16px;left:2px}._size-md_qjkoq_60 ._track_qjkoq_15._checked_qjkoq_23 ._thumb_qjkoq_45{transform:translateY(-50%) translate(16px)}._size-lg_qjkoq_64 ._track_qjkoq_15{width:44px;height:24px}._size-lg_qjkoq_64 ._thumb_qjkoq_45{width:20px;height:20px;left:2px}._size-lg_qjkoq_64 ._track_qjkoq_15._checked_qjkoq_23 ._thumb_qjkoq_45{transform:translateY(-50%) translate(20px)}._label_qjkoq_69{font-family:var(--mk-font-sans);font-weight:var(--mk-font-weight-medium);color:var(--mk-text-primary);line-height:var(--mk-line-height-normal)}._size-md_qjkoq_60 ._label_qjkoq_69,._size-sm_qjkoq_56 ._label_qjkoq_69{font-size:var(--mk-font-size-sm)}._size-lg_qjkoq_64 ._label_qjkoq_69{font-size:var(--mk-font-size-base)}._description_qjkoq_80{font-family:var(--mk-font-sans);font-size:var(--mk-font-size-xs);color:var(--mk-text-secondary);margin-top:var(--mk-spacing-0-5);line-height:var(--mk-line-height-normal)}._label-group_qjkoq_88{display:flex;flex-direction:column}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-gap:8px;gap:8px;margin:16px 0}.swatch{display:flex;flex-direction:column;gap:4px}.swatch-color{height:48px;border-radius:6px;border:1px solid rgba(0,0,0,.08)}.swatch-label{font-size:11px;color:#64748b}.swatch-label,.swatch-value{font-family:JetBrains Mono,monospace}.swatch-value{font-size:10px;color:#94a3b8}.spacing-scale{display:flex;flex-direction:column;gap:8px;margin:16px 0}.spacing-row{display:flex;align-items:center;gap:12px}.spacing-bar{height:20px;background-color:#3b82f6;border-radius:3px;opacity:.7}.spacing-meta{font-size:12px;color:#64748b;font-family:JetBrains Mono,monospace;min-width:120px}.type-row{display:flex;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid #e2e8f0}.type-meta{font-size:11px;color:#94a3b8;font-family:JetBrains Mono,monospace;min-width:100px;flex-shrink:0}.preview-box{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:24px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;margin:16px 0}.preview-box-dark{background:#0f172a}.token-table{width:100%;border-collapse:collapse;font-size:13px}.token-table th{text-align:left;padding:8px 12px;border-bottom:2px solid #e2e8f0;color:#475569;font-weight:600}.token-table td{padding:8px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.token-table code{font-family:JetBrains Mono,monospace;font-size:12px;background:#f1f5f9;padding:2px 6px;border-radius:4px}