.colors-custom-page{color:var(--gray-12);--rc-muted:var(--gray-11);--rc-border:var(--gray-6);--rc-border-input:var(--gray-7);--rc-panel:var(--gray-2);--rc-btn-secondary-bg:var(--gray-3);--rc-btn-secondary-fg:var(--gray-12);--rc-fg:var(--gray-12)}.colors-custom-page__design-md-hint{color:var(--gray-11)}.colors-custom-page__design-md-hint strong{color:var(--gray-12);font-weight:600}.colors-custom-page h1{color:var(--gray-12)}.rc-scale-scroll{border-radius:var(--radius,8px);border:1px solid var(--rc-border);background:var(--gray-a1,transparent);margin:0 -1rem;padding:16px 1rem;overflow-x:auto}@media (min-width:640px){.rc-scale-scroll{margin:0;padding-left:16px;padding-right:16px}}.rc-scale-grid{white-space:nowrap;border-radius:var(--radius);grid-template-columns:minmax(64px,1fr) repeat(12,minmax(0,1fr));align-items:center;gap:4px;min-width:880px;display:grid}@media (min-width:1440px){.rc-scale-grid{width:calc(100% + 95px);margin-left:-95px}}.rc-scale-label{color:var(--rc-muted);text-transform:capitalize;font-size:13px}.rc-scale-grid--header{white-space:normal;grid-template-rows:auto auto;margin-bottom:8px}.rc-scale-header-spacer{display:none}@media (min-width:640px){.rc-scale-header-spacer{display:block}}.rc-step-header{color:var(--rc-muted);text-align:center;margin-bottom:4px;font-size:11px;display:none}.rc-usage-label{color:var(--rc-muted);text-align:center;flex-direction:column;align-items:stretch;font-size:11px;display:none}.rc-usage-label span{white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;overflow:hidden}.rc-usage-label:after{content:"";background:var(--gray-6,var(--rc-border));height:1px}@media (min-width:640px){.rc-step-header,.rc-usage-label{display:flex}.rc-step-header{display:block}}.rc-swatch{aspect-ratio:1;border-radius:var(--radius);cursor:pointer;border:1px solid #0000;width:100%;min-height:28px;padding:0;transition:box-shadow .1s;overflow:hidden}.rc-swatch:hover{box-shadow:inset 0 0 0 2px var(--rc-swatch-hover-ring)}.rc-dialog-overlay{background:var(--gray-a9,#00000080);z-index:100;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.rc-dialog{background:var(--rc-panel);width:100%;max-width:420px;box-shadow:0 16px 48px var(--gray-a8,#0003);border-radius:12px;overflow:hidden}.rc-dialog__body strong{color:var(--rc-fg)}.rc-dialog__preview{height:160px}.rc-dialog__body{padding:20px}.rc-dialog__row{border-top:1px solid var(--rc-border);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.rc-dialog__row button{cursor:pointer;color:var(--rc-fg);font-family:var(--font-label), ui-monospace, monospace;background:0 0;border:none;font-size:13px}.rc-dialog__row button:hover{opacity:.7}.rc-custom-controls{border-radius:var(--radius,8px);border:1px solid var(--rc-border);background:var(--gray-a2,var(--rc-panel));grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:32px 0;padding:20px;display:grid}.rc-color-field label{color:var(--rc-muted);margin-bottom:6px;font-size:13px;display:block}.rc-color-field__row{align-items:center;gap:8px;display:flex}.rc-color-field input[type=text]{border:1px solid var(--rc-border-input);background:var(--rc-panel);height:36px;color:var(--rc-fg);font-family:var(--font-label), ui-monospace, monospace;text-transform:uppercase;border-radius:8px;flex:1;padding:0 12px;font-size:13px}.rc-color-field input[type=text]:hover{border-color:var(--gray-8,var(--rc-border-input))}.rc-color-field input[type=text]:focus-visible{border-color:var(--rc-btn-primary-bg);box-shadow:0 0 0 2px var(--rc-focus-ring,var(--rc-swatch-hover-ring));outline:none}.rc-color-field input[type=color]{cursor:pointer;background:0 0;border:none;width:36px;height:36px;padding:0}.rc-radius-field{grid-column:1/-1}.rc-radius-field__header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.rc-radius-field__header label{color:var(--rc-muted);font-size:13px}.rc-radius-field__value{font-size:13px;font-family:var(--font-label), ui-monospace, monospace;color:var(--rc-fg)}.rc-radius-field__row{align-items:center;gap:12px;display:flex}.rc-radius-field input[type=range]{min-width:0;accent-color:var(--rc-btn-primary-bg);flex:1}.rc-radius-field input[type=range]:focus-visible{outline:2px solid var(--rc-focus-ring,var(--rc-btn-primary-bg));outline-offset:2px}.rc-radius-field__preview{border:2px solid var(--rc-border-input);background:var(--rc-panel);flex-shrink:0;width:36px;height:36px}.rc-radius-presets{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.rc-radius-preset{border:1px solid var(--rc-border-input);background:var(--rc-panel);color:var(--rc-fg);cursor:pointer;border-radius:9999px;padding:4px 10px;font-size:12px}.rc-radius-preset:hover:not(.rc-radius-preset--on){background:var(--gray-a3,var(--rc-btn-secondary-bg));border-color:var(--gray-8,var(--rc-border-input))}.rc-radius-preset--on{background:var(--rc-accent-highlight,var(--rc-btn-secondary-bg));border-color:var(--rc-btn-primary-bg);color:var(--rc-btn-secondary-fg)}.rc-segmented{border:1px solid var(--rc-border-input);background:var(--gray-a2,var(--rc-panel));border-radius:9999px;gap:2px;padding:2px;display:inline-flex}.rc-segmented button{cursor:pointer;color:var(--rc-muted);background:0 0;border:none;border-radius:9999px;padding:6px 14px;font-size:13px}.rc-segmented button:hover:not([aria-pressed=true]){background:var(--gray-a3,var(--rc-btn-secondary-bg));color:var(--rc-fg)}.rc-segmented button[aria-pressed=true]{background:var(--rc-btn-primary-bg);color:var(--rc-btn-primary-fg)}.rc-segmented button:focus-visible{outline:2px solid var(--rc-focus-ring,var(--rc-btn-primary-bg));outline-offset:1px}.rc-dropdown{display:inline-block;position:relative}.rc-dropdown__menu{background:var(--rc-panel);border:1px solid var(--rc-border-input);min-width:200px;box-shadow:0 8px 24px var(--gray-a6,#0000001f);z-index:20;border-radius:8px;padding:4px;position:absolute;top:calc(100% + 4px);right:0}.rc-dropdown__menu--wide{min-width:280px}@media (max-width:1234px){.colors-tool>.mb-6.flex-wrap .rc-dropdown{margin-left:auto}.rc-dropdown>.rc-dropdown__menu{max-width:calc(100vw - 2rem)}.rc-dropdown__menu--wide{width:min(280px,100vw - 2rem);min-width:0}.rc-dropdown__menu--wide .rc-dropdown__item{white-space:normal;line-height:1.35}}.rc-dropdown__divider{border:none;border-top:1px solid var(--rc-border);margin:4px 0}.rc-dropdown__item{text-align:left;cursor:pointer;width:100%;color:var(--rc-fg);background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:13px;display:block}.rc-dropdown__item:hover,.rc-dropdown__item:focus-visible{background:var(--gray-a3,var(--rc-btn-secondary-bg));outline:none}.rc-preview-panel,.rc-preview-panel.converly-colors-preview{border:1px solid var(--gray-6,var(--rc-border));border-radius:var(--radius);background:var(--color-background,var(--rc-panel));color:var(--gray-12,var(--rc-fg));margin-top:48px;padding:24px;overflow:hidden}.rc-preview-grid{grid-template-columns:minmax(0,1fr);justify-content:center;gap:24px;display:grid}.rc-preview-col{flex-direction:column;gap:20px;width:100%;min-width:0;max-width:400px;margin-inline:auto;display:flex}.rc-preview-col--center{z-index:2;grid-column:1/-1;position:relative;overflow:visible}@media (min-width:640px){.rc-preview-grid{grid-template-columns:320px 320px}}@media (min-width:1024px){.rc-preview-grid{grid-template-columns:320px minmax(0,1fr) 320px}.rc-preview-col--left{grid-area:1/1;max-width:320px;margin-inline:0}.rc-preview-col--center{grid-area:1/2;width:100%;max-width:none;margin-inline:0}.rc-preview-col--right{grid-area:1/3;max-width:320px;margin-inline:0}}.rc-preview-search-row{align-items:stretch;gap:8px;display:flex}.rc-preview-field{color:var(--gray-11,var(--rc-muted));flex-direction:column;gap:6px;font-size:13px;display:flex}.rc-preview-field--grow{flex:1;position:relative}.rc-preview-field__icon{width:16px;height:16px;color:var(--gray-9,var(--rc-muted));pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.rc-preview-field input{border-radius:var(--radius);border:1px solid var(--gray-7,var(--rc-border));background:var(--gray-2,var(--rc-panel));height:32px;color:var(--gray-12,var(--rc-fg));width:100%;padding:0 12px;font-size:13px}.rc-preview-field--grow input{padding-left:32px}.rc-preview-field span{font-weight:500}.rc-preview-btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;color:#fff;border:none;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.rc-preview-btn--solid{color:#fff}.rc-preview-btn--surface{background:var(--gray-2,var(--rc-panel));color:var(--gray-12,var(--rc-fg));border:1px solid var(--gray-7,var(--rc-border))}.rc-preview-btn--block{width:100%;height:36px}.rc-preview-github-icon{flex-shrink:0;width:16px;height:16px}.rc-preview-btn--grow{flex:1}.rc-preview-callout{border-radius:var(--radius);background:var(--rc-accent-a2,var(--gray-3));border:1px solid var(--rc-accent-6,var(--gray-6));color:var(--rc-accent-11,var(--gray-12));align-items:flex-start;gap:10px;margin:0;padding:12px;font-size:14px;display:flex}.rc-preview-callout__icon{width:18px;height:18px;color:var(--rc-accent-11,var(--gray-11));flex-shrink:0;margin-top:1px}.rc-preview-layers{border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--gray-a4,var(--gray-6,var(--rc-border)));background:var(--gray-1,var(--rc-panel));flex-direction:column;display:flex;overflow:hidden}.rc-preview-layers__item{height:28px;color:var(--gray-12,var(--rc-fg));cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex}.rc-preview-layers__item svg{color:var(--gray-8,var(--rc-muted))}.rc-preview-layers__item--indent{padding-left:24px}.rc-preview-layers__item--on{background:var(--rc-accent-a3,var(--gray-a3));pointer-events:none}.rc-preview-layers__item:not(.rc-preview-layers__item--on):hover{outline:1px solid var(--gray-7,var(--rc-border));outline-offset:-1px}.rc-preview-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}@media (min-width:640px){.rc-preview-badges{justify-content:space-between}}.rc-preview-badge{border-radius:9999px;align-items:center;height:24px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.rc-preview-badge--accent{background:var(--rc-accent-a3,var(--gray-a3));color:var(--rc-accent-11,var(--gray-11))}.rc-preview-badge--surface{background:var(--gray-2,var(--rc-panel));color:var(--gray-12,var(--rc-fg));box-shadow:inset 0 0 0 1px var(--gray-a6,var(--gray-6))}.rc-preview-badge--outline{color:var(--gray-12,var(--rc-fg));box-shadow:inset 0 0 0 1px var(--gray-a7,var(--gray-7));background:0 0}.rc-preview-icon-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}@media (min-width:640px){.rc-preview-icon-row{justify-content:space-between;gap:0}}.rc-preview-icon-btns{gap:4px;display:flex}.rc-preview-icon-btn{border-radius:var(--radius);cursor:pointer;background:var(--gray-2,var(--rc-panel));width:32px;height:32px;color:var(--gray-11,var(--rc-muted));box-shadow:inset 0 0 0 1px var(--gray-a6,var(--gray-6));border:none;justify-content:center;align-items:center;display:inline-flex}.rc-preview-icon-btn--classic{background:var(--gray-1,var(--rc-panel));box-shadow:inset 0 0 0 1px var(--gray-a4), 0 1px 2px #0000000f}.rc-preview-icon-btn--solid{box-shadow:none}.rc-preview-icon-btn--soft{background:var(--gray-a3,var(--gray-3))}.rc-preview-icon-btn--outline{background:0 0}.rc-preview-switches{gap:12px;display:flex}.rc-preview-switch{width:36px;height:20px;display:inline-flex;position:relative}.rc-preview-switch input{opacity:0;width:0;height:0;position:absolute}.rc-preview-switch span{background:var(--gray-a5,var(--gray-5));cursor:pointer;border-radius:9999px;transition:background .15s;position:absolute;inset:0}.rc-preview-switch span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.rc-preview-switch input:checked+span{background:var(--rc-accent-9,var(--gray-12))}.rc-preview-switch input:checked+span:after{transform:translate(16px)}.rc-preview-profile-cards{flex-direction:column;gap:16px;display:flex}.rc-preview-card{border-radius:var(--radius);color:inherit;align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}.rc-preview-card strong{color:var(--gray-12,var(--rc-fg));font-size:14px;font-weight:500;display:block}.rc-preview-card small{color:var(--gray-11,var(--rc-muted));font-size:12px;display:block}.rc-preview-card--classic{background:var(--gray-1,var(--rc-panel));box-shadow:inset 0 0 0 1px var(--gray-a4), 0 1px 2px #0000000d}.rc-preview-card--surface{background:var(--gray-2,var(--rc-panel));box-shadow:inset 0 0 0 1px var(--gray-a6,var(--gray-6))}.rc-preview-toolbar{z-index:2;align-items:center;gap:16px;display:none;position:relative;overflow:visible}@media (min-width:1024px){.rc-preview-toolbar{display:flex}}.rc-preview-toolbar__group{border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--gray-a6,var(--gray-6));align-items:center;gap:4px;padding:0 8px;display:flex}.rc-preview-toolbar__btn{border-radius:var(--radius);width:28px;height:28px;color:var(--gray-11,var(--rc-muted));cursor:default;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.rc-preview-toolbar__sep{background:var(--gray-a6,var(--gray-6));width:1px;height:20px;margin:0 4px}.rc-preview-actions{flex:1;position:relative}.rc-preview-actions>.rc-preview-btn{width:100%}.rc-preview-actions__menu{border-radius:var(--radius);background:var(--gray-1,var(--rc-panel));border:1px solid var(--gray-a6,var(--gray-6));min-width:220px;box-shadow:0 8px 24px var(--gray-a6,#0000001f);z-index:30;opacity:0;visibility:hidden;pointer-events:none;padding:6px 4px 4px;transition:opacity .12s,visibility .12s;position:absolute;top:calc(100% - 2px);right:0}.rc-preview-actions:hover>.rc-preview-actions__menu,.rc-preview-actions:focus-within>.rc-preview-actions__menu{opacity:1;visibility:visible;pointer-events:auto}.rc-preview-actions__divider{border:none;border-top:1px solid var(--gray-a6,var(--gray-6));margin:4px 0}.rc-preview-actions__item{border-radius:calc(var(--radius) - 2px);width:100%;color:var(--gray-12,var(--rc-fg));cursor:default;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:6px 10px;font-size:13px;line-height:1.3;display:flex}.rc-preview-actions__item--on,.rc-preview-actions__submenu:hover>.rc-preview-actions__item:first-child{background:var(--rc-accent-9,var(--gray-9));color:var(--rc-accent-contrast,#fff)}.rc-preview-actions__item--on .rc-preview-actions__shortcut,.rc-preview-actions__submenu:hover>.rc-preview-actions__item:first-child .rc-preview-actions__shortcut{color:color-mix(in srgb, var(--rc-accent-contrast,#fff) 72%, transparent)}.rc-preview-actions__submenu:hover>.rc-preview-actions__item:first-child .rc-preview-actions__chevron{color:var(--rc-accent-contrast,#fff)}.rc-preview-actions__item--has-submenu .rc-preview-actions__chevron{color:var(--gray-11,var(--rc-muted))}.rc-preview-actions__shortcut{color:var(--gray-11,var(--rc-muted));white-space:nowrap;font-family:inherit;font-size:12px}.rc-preview-actions__chevron{opacity:.9;flex-shrink:0}.rc-preview-actions__submenu{position:relative}.rc-preview-actions__submenu-panel{opacity:0;visibility:hidden;pointer-events:none;min-width:200px;padding-left:6px;transition:opacity .12s,visibility .12s;top:0;left:calc(100% - 2px);right:auto}.rc-preview-actions__submenu:hover>.rc-preview-actions__submenu-panel,.rc-preview-actions__submenu:focus-within>.rc-preview-actions__submenu-panel{opacity:1;visibility:visible;pointer-events:auto}.rc-preview-signup{flex-direction:column;align-items:center;width:100%;padding:24px 0;display:flex;position:relative}.rc-preview-signup__bg{border-radius:var(--radius);background:var(--gray-2,var(--rc-btn-secondary-bg));opacity:.9;position:absolute;inset:0}.rc-preview-signup__card{border-radius:var(--radius);background:var(--gray-1,var(--rc-panel));width:100%;max-width:360px;box-shadow:inset 0 0 0 1px var(--gray-a4), 0 8px 24px #0000000f;flex-direction:column;gap:12px;padding:24px;display:flex;position:relative}.rc-preview-signup__card h3{color:var(--gray-12,var(--rc-fg));margin:0 0 4px;font-size:18px;font-weight:600}.rc-preview-signup__or{color:var(--gray-11,var(--rc-muted));align-items:center;gap:12px;font-size:12px;font-style:normal;display:flex}.rc-preview-signup__or span{background:var(--gray-a6,var(--gray-6));flex:1;height:1px}.rc-preview-tabs__list{height:auto;box-shadow:none;border-radius:0;gap:16px;margin:0 auto;padding:0;background:0 0!important}.rc-preview-tabs__list [data-state=active]{box-shadow:inset 0 -2px 0 0 var(--rc-accent-9,var(--gray-9));border-radius:0;color:var(--gray-12,var(--rc-fg))!important;background:0 0!important}.rc-preview-tabs__list button{color:var(--gray-11,var(--rc-muted));box-shadow:none;border-radius:0;padding:4px 0;font-size:13px;font-weight:500;background:0 0!important}.rc-preview-tabs__list button:hover:not([data-state=active]){color:var(--gray-12,var(--rc-fg))}.rc-preview-avatar-rows{flex-direction:column;align-items:center;gap:12px;display:flex}.rc-preview-avatar-rows>div{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.rc-preview-avatar{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:600;display:inline-flex;overflow:hidden}.rc-preview-avatar img{object-fit:cover;width:100%;height:100%}.rc-preview-avatar--solid-9{background:var(--rc-accent-9,var(--gray-9));color:var(--rc-accent-contrast,#fff)}.rc-preview-avatar--solid-12{background:var(--rc-accent-12,var(--gray-12));color:#fff}.rc-preview-avatar--soft-11{background:var(--rc-accent-a3,var(--gray-a3));color:var(--rc-accent-11,var(--gray-11))}.rc-preview-avatar--soft-12{background:var(--rc-accent-a3,var(--gray-a3));color:var(--rc-accent-12,var(--gray-12))}.rc-preview-separator{background:var(--gray-a6,var(--gray-6));border:none;height:1px;margin:0}.rc-preview-blockquote{border-left:3px solid #0000;margin:0;padding-left:12px;font-size:13px;line-height:1.5}.rc-preview-blockquote--accent{border-left-color:var(--rc-accent-6,var(--gray-6));color:var(--gray-12,var(--rc-fg))}.rc-preview-blockquote--accent .rc-preview-link{color:var(--rc-accent-11,var(--gray-11));font-weight:600;text-decoration:none}.rc-preview-blockquote--accent .rc-preview-link:hover{text-underline-offset:2px;text-decoration:underline}.rc-preview-blockquote--gray{border-left-color:var(--gray-6,var(--rc-border));color:var(--gray-11,var(--rc-muted))}.rc-preview-blockquote--gray .rc-preview-link{color:var(--gray-11,var(--rc-muted));font-weight:600;text-decoration:none}.rc-preview-blockquote--gray .rc-preview-link:hover{text-underline-offset:2px;text-decoration:underline}.rc-preview-quotes{flex-direction:column;gap:16px;display:flex}.rc-preview-todos .rc-preview-link{color:var(--gray-11,var(--rc-muted));text-underline-offset:2px;cursor:pointer;text-decoration:underline}.rc-preview-todos .rc-preview-link:hover{color:var(--gray-12,var(--rc-fg))}.rc-preview-hover-card{font-size:13px;background:var(--gray-2,var(--rc-panel))!important;border-color:var(--gray-6,var(--rc-border))!important;color:var(--gray-12,var(--rc-fg))!important}.rc-preview-todos-panel{border-radius:var(--radius);background:var(--gray-a2,var(--gray-2));padding:16px}.rc-preview-todos{flex-direction:column;gap:8px;display:flex}.rc-preview-todos label{color:var(--gray-12,var(--rc-fg));align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;display:flex}.rc-preview-todo--done{color:var(--gray-11,var(--rc-muted));text-decoration:line-through}.rc-preview-checkbox{margin-top:2px;border-color:var(--gray-7,var(--rc-border))!important}.converly-colors-preview .rc-preview-checkbox[data-state=checked]{background:var(--rc-accent-9,var(--gray-12))!important;border-color:var(--rc-accent-9,var(--gray-12))!important;color:var(--rc-accent-contrast,var(--gray-1))!important}.rc-swatch-transparency{background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.rc-dialog__meta{border-top:1px solid var(--rc-border);grid-template-columns:auto 1fr;gap:8px 16px;padding:8px 0;font-size:13px;display:grid}.rc-preview-layout{gap:24px;margin-top:48px;display:grid}@media (min-width:768px){.rc-preview-layout{grid-template-columns:1fr 1fr}}.rc-dropdown__submenu{position:relative}.rc-dropdown__submenu>.rc-dropdown__menu{margin-right:4px;top:0;right:100%}.rc-dropdown__item--has-submenu:after{content:"›";opacity:.5;margin-left:auto}.rc-preview-panel .rc-preview-accent-btn{background:var(--blue-9,#1e7bff);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:8px 16px;font-size:14px}.rc-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 16px;font-size:13px;font-weight:500;display:inline-flex}.rc-btn--secondary{background:var(--rc-btn-secondary-bg);color:var(--rc-btn-secondary-fg)}.rc-btn--secondary:hover{background:var(--gray-a4,var(--gray-4))}.rc-btn--secondary:focus-visible{outline:2px solid var(--rc-focus-ring,var(--rc-btn-primary-bg));outline-offset:2px}.rc-font-catalog-panel{border:1px solid var(--rc-border);background:var(--rc-panel);border-radius:10px;overflow:hidden}.rc-font-catalog-panel__title{color:var(--rc-fg);border-bottom:1px solid var(--rc-border);margin:0;padding:10px 14px;font-size:.9375rem;font-weight:600}.rc-font-catalog__layout{grid-template-columns:1fr min(220px,34%);gap:0;min-height:0;max-height:280px;display:grid}@media (max-width:720px){.rc-font-catalog__layout{grid-template-columns:1fr;max-height:none}}.rc-font-catalog__browse{border-right:1px solid var(--rc-border);flex-direction:column;min-height:0;max-height:280px;display:flex;overflow:hidden}@media (max-width:720px){.rc-font-catalog__browse{border-right:none;border-bottom:1px solid var(--rc-border);max-height:240px}}.rc-font-catalog__filters{flex-wrap:wrap;flex-shrink:0;gap:6px;padding:8px 10px 4px;display:flex}.rc-font-catalog__hint{color:var(--rc-muted);border-bottom:1px solid var(--rc-border);flex-shrink:0;margin:0;padding:0 10px 6px;font-size:11px}.rc-font-catalog__aside-hint{color:var(--rc-muted);flex-shrink:0;margin:0;font-size:10px;line-height:1.35}.rc-font-catalog__search,.rc-font-catalog__category{border:1px solid var(--rc-border-input);background:var(--rc-panel);height:32px;color:var(--rc-fg);border-radius:6px;flex:120px;padding:0 10px;font-size:13px}.rc-font-catalog__list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:4px 6px;overflow-y:auto}.rc-font-catalog__status{color:var(--rc-muted);text-align:center;padding:12px;font-size:13px}.rc-font-catalog__status--error{color:var(--red-11,#e5484d)}.rc-font-catalog__item{cursor:pointer;text-align:left;width:100%;color:var(--rc-fg);background:0 0;border:none;border-radius:6px;flex-direction:column;align-items:flex-start;gap:0;padding:5px 8px;font-size:13px;line-height:1.25;display:flex}.rc-font-catalog__item--active{background:var(--gray-a3,var(--gray-3))}.rc-font-catalog__item--disabled{opacity:.45;cursor:not-allowed}.rc-font-catalog__item-name{font-weight:500}.rc-font-catalog__item-meta{color:var(--rc-muted);font-size:11px}.rc-font-catalog__item-tags{color:var(--rc-btn-primary-bg);margin-left:4px}.rc-font-catalog__item:not(.rc-font-catalog__item--disabled):hover{background:var(--gray-a2,var(--gray-2))}.rc-font-catalog__slot{border:1px solid var(--rc-border);background:var(--gray-a2,var(--gray-2));text-align:left;cursor:pointer;width:100%;color:inherit;border-radius:6px;padding:6px 8px;font-size:12px;display:block}.rc-font-catalog__slot--active{border-color:var(--rc-btn-primary-bg);box-shadow:0 0 0 1px var(--rc-btn-primary-bg)}.rc-font-catalog__slot--filled .rc-font-catalog__slot-empty{display:none}.rc-font-catalog__slot-value{color:var(--rc-fg);justify-content:space-between;align-items:center;gap:6px;font-size:12px;display:flex}.rc-font-catalog__slot-clear{color:var(--rc-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:11px;text-decoration:underline}.rc-font-catalog__aside{overscroll-behavior:contain;flex-direction:column;gap:8px;min-height:0;max-height:280px;padding:10px;display:flex;overflow-y:auto}@media (max-width:720px){.rc-font-catalog__aside{max-height:none}}.rc-font-catalog__slots{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.rc-font-catalog__slot-label{text-transform:uppercase;letter-spacing:.04em;color:var(--rc-muted);margin-bottom:2px;font-size:10px;display:block}.rc-font-catalog__slot-empty{color:var(--rc-muted);font-size:12px}.rc-font-catalog__preview{border:1px solid var(--rc-border);background:var(--rc-panel);border-radius:6px;flex-shrink:0;padding:8px}.rc-font-catalog__preview-label{text-transform:uppercase;letter-spacing:.04em;color:var(--rc-muted);margin:0 0 6px;font-size:10px}.rc-font-catalog__preview-heading{color:var(--rc-fg);margin:0 0 4px;font-size:1.125rem;font-weight:700;line-height:1.2}.rc-font-catalog__preview-body{color:var(--rc-fg);margin:0;font-size:12px;line-height:1.4}.rc-font-catalog__preview-sample{color:var(--rc-fg);margin:6px 0 0;font-size:12px;line-height:1.35}.rc-font-catalog__preview-labels{letter-spacing:.06em;text-transform:uppercase;background:var(--gray-a2,var(--gray-2));color:var(--rc-fg);border-radius:4px;margin:6px 0 0;padding:6px;font-size:11px;font-weight:600}