.bg-panel.mc-tool__panel{overscroll-behavior:contain;gap:0;padding-top:0}.bg-command{z-index:3;align-items:center;gap:var(--space-2);margin:0 calc(var(--space-4) * -1);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);background:var(--card);display:flex;position:sticky;top:0}.bg-shuffle-all.mc-btn{flex:1;min-width:0}.bg-history{color:var(--mute);font-size:var(--fs-label);font-variant-numeric:lining-nums tabular-nums;flex-shrink:0;align-items:center;gap:2px;display:flex}.bg-history__count{text-align:center;white-space:nowrap;min-width:48px}.bg-icon-btn.mc-btn{width:var(--control-h-sm);flex-shrink:0;padding:0}.bg-bar.mc-tool__actions{gap:var(--space-2)}.bg-actions{gap:var(--space-2);min-width:0;display:flex}.bg-actions>.mc-btn,.bg-actions>.bg-download{flex:1 1 0;min-width:0}.bg-actions>.mc-btn,.bg-download__trigger.mc-btn{padding-inline:var(--space-3)}.bg-actions--quiet>.mc-btn{padding-inline:var(--space-2)}.bg-download{position:relative}.bg-download__trigger{width:100%}.bg-download__trigger .bg-chevron{margin-left:auto}.bg-download__menu{z-index:20;bottom:calc(100% + var(--space-2));width:max(100%,248px);padding:var(--space-1);border:1px solid var(--line-2);border-radius:var(--r-pop);background:var(--raised);box-shadow:var(--card-shadow);animation:mc-pop-in var(--dur-pop) var(--ease-out);transform-origin:0 100%;gap:2px;display:grid;position:absolute;left:0}.bg-download__menu[hidden]{display:none}.bg-download__item{justify-content:space-between;align-items:baseline;gap:var(--space-3);min-height:var(--control-h);padding:0 var(--space-3);border-radius:calc(var(--r-pop) - var(--space-1));color:var(--ink);font:inherit;font-size:var(--fs-ui);text-align:left;cursor:pointer;transition:background-color var(--dur-hover) var(--ease-out);background:0 0;border:0;display:flex}.bg-download__item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (hover:hover) and (pointer:fine){.bg-download__item:hover{background:color-mix(in srgb, var(--ink) 7%, transparent)}}.bg-download__name{font-weight:600}.bg-download__note{color:var(--mute);font-size:var(--fs-label)}@media (prefers-reduced-motion:reduce){.bg-download__menu{animation:none}}.bg-notice{color:var(--mute);font-size:var(--fs-label);overflow-wrap:anywhere;line-height:1.45}.bg-notice:empty{display:none}.bg-notice--error{color:var(--danger)}.bg-project-save{gap:var(--space-2);display:grid}.bg-project-save__line,.bg-project-save__conflict p{color:var(--mute);font-size:var(--fs-label);overflow-wrap:anywhere;margin:0;line-height:1.45}.bg-project-save__conflict{gap:var(--space-2);display:grid}.bg-main.mc-tool__preview{padding:var(--space-4);overscroll-behavior:contain;display:block}.bg-select{justify-content:space-between;align-items:center;gap:var(--space-2);padding-right:var(--space-3);text-align:left;cursor:pointer;display:flex}.bg-select[aria-expanded=true]{border-color:var(--accent)}.bg-select__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bg-select__chevron{color:var(--ink);transition:transform var(--dur) var(--ease);flex-shrink:0}.bg-select[aria-expanded=true] .bg-select__chevron{transform:rotate(180deg)}.bg-select__list{z-index:1000;padding:var(--space-1);overscroll-behavior:contain;border:1px solid var(--line);border-radius:var(--r-field);background-color:var(--bg-2);background-image:linear-gradient(var(--surface-2), var(--surface-2));max-height:320px;box-shadow:var(--card-shadow);color:var(--ink);margin:0;list-style:none;position:fixed;overflow:auto}.bg-select__list[hidden]{display:none}.bg-select__list::-webkit-scrollbar{width:6px}.bg-select__list::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--r-pill)}.bg-select__option{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);border-radius:calc(var(--r-field) - var(--space-1));cursor:pointer;font-size:14px;display:flex}.bg-select__option[data-active]{background:color-mix(in srgb, var(--ink) 7%, transparent)}.bg-select__option:active{background:color-mix(in srgb, var(--ink) 12%, transparent)}.bg-select__option[aria-selected=true]{font-weight:500}.bg-select__check{color:var(--accent);flex-shrink:0}@media (prefers-reduced-motion:reduce){.bg-select__chevron{transition:none}}.bg-lock.mc-btn{flex-shrink:0}.bg-lock[aria-pressed=true]{border-color:var(--ink);color:var(--bg-1);background:var(--ink)}@media (hover:hover) and (pointer:fine){.bg-lock[aria-pressed=true]:hover{color:var(--bg-1);background:var(--ink)}}.bg-lock svg{flex-shrink:0}.bg-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bg-board{gap:var(--space-4);min-width:0;padding:var(--space-5);border-radius:var(--shape-board);background:var(--brand-paper);color:var(--brand-text);--ui-ink:var(--brand-ink);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-flow:dense;display:grid;container-type:inline-size}.bg-tile{isolation:isolate;border-radius:var(--shape-tile);background:var(--brand-paper);min-width:0;color:var(--brand-on-paper);position:relative;overflow:hidden;container-type:inline-size}.bg-wordmark,.bg-palette,.bg-marquee{grid-column:1/-1}@container (min-width:456px){.bg-business-card,.bg-mock,.bg-pairs{grid-column:span 2}}@container (min-width:692px){.bg-story,.bg-poster,.bg-type-specimen{grid-row:span 2}}.bg-brand-name,.bg-poster__name,.bg-post__name,.bg-business-card__name,.bg-type-specimen__display{max-width:100%;font-family:var(--brand-headline);font-style:var(--brand-italic);font-weight:var(--brand-weight);letter-spacing:var(--brand-tracking);line-height:var(--brand-leading);text-transform:var(--brand-casing);overflow-wrap:anywhere;margin:0}.bg-wordmark{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);min-height:312px;display:grid}.bg-wordmark__copy{padding:var(--space-6);flex-direction:column;justify-content:center;align-items:start;min-width:0;display:flex}.bg-brand-name{font-size:clamp(28px, calc(8cqi * var(--brand-scale)), calc(var(--brand-name-size) * var(--brand-scale)))}.bg-brand-tagline,.bg-poster__tagline{margin:var(--space-5) 0 0;max-width:28ch;font-family:var(--brand-body);font-size:16px;line-height:max(1.3, var(--brand-leading));overflow-wrap:anywhere}.bg-art{isolation:isolate;min-width:0;padding:var(--space-5);background:var(--brand-primary);color:var(--brand-secondary);--texture-ink:var(--brand-on-primary);place-items:center;display:grid;position:relative;overflow:hidden}.bg-art:before{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.bg-board[data-texture=grain] .bg-art:before{background-image:radial-gradient(var(--texture-ink) .6px, transparent .8px), radial-gradient(var(--texture-ink) .5px, transparent .8px);opacity:.09;background-position:0 0,3px 2px;background-size:5px 7px,7px 5px}.bg-board[data-texture=grid] .bg-art:before{background-image:linear-gradient(var(--texture-ink) 1px, transparent 1px), linear-gradient(90deg, var(--texture-ink) 1px, transparent 1px);opacity:.1;background-size:24px 24px}.bg-art__mark{z-index:1;width:100%;max-width:208px;position:relative}.bg-art__echo{width:100%;max-width:208px;color:var(--brand-accent);position:absolute;transform:translate(40%,48%)}.bg-palette{padding:var(--space-4)}.bg-palette__swatches{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bg-palette__swatches>:first-child{grid-column:span 2}@container (min-width:440px){.bg-palette__swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width:680px){.bg-palette__swatches{grid-template-columns:repeat(5,minmax(0,1fr))}.bg-palette__swatches>:first-child{grid-column:auto}}.bg-swatch{justify-content:space-between;gap:var(--space-4);min-width:0;min-height:136px;padding:var(--space-3);text-align:left;font-family:var(--brand-label);overflow-wrap:anywhere;border-radius:var(--shape-inner);cursor:pointer;border:0;flex-direction:column;font-size:12px;font-weight:500;line-height:1.4;display:flex}.bg-swatch[data-on-paper],.bg-pair[data-on-paper]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-ink) 22%, transparent)}.bg-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.bg-swatch{container-type:inline-size}.bg-swatch__name{font-family:var(--brand-headline);font-weight:var(--brand-weight);font-style:var(--brand-italic);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(15px,16cqi,22px);line-height:1.1}.bg-swatch__meta{flex-direction:column;gap:2px;display:flex}.bg-swatch__hex{font-family:var(--ff-mono);font-size:14px}.bg-swatch__role{font-size:12px}.bg-level{font-family:var(--ff-mono);white-space:nowrap;font-size:12px}.bg-story{aspect-ratio:9/16;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-5) var(--space-5);text-align:center;background:var(--brand-secondary);color:var(--brand-on-secondary);--ui-ink:var(--brand-ink-secondary);flex-direction:column;display:flex}.bg-story__mark{width:48%;margin-top:auto}.bg-story__slogan{font-family:var(--brand-accent-font);font-weight:var(--brand-accent-weight);font-style:var(--brand-accent-italic);letter-spacing:var(--brand-tracking);text-transform:var(--brand-casing);font-size:clamp(18px, calc(11cqi * var(--brand-scale)), 40px);line-height:max(1.1, var(--brand-leading));overflow-wrap:anywhere;margin:0 0 auto}.bg-story__more{padding:var(--space-2) var(--space-5);background:var(--brand-on-secondary);color:var(--brand-secondary);font-family:var(--brand-label);font-size:14px;font-weight:500;display:inline-block}.bg-post{aspect-ratio:4/5;justify-content:space-between;gap:var(--space-3);padding:var(--space-5);background:var(--brand-primary);color:var(--brand-on-primary);flex-direction:column;display:flex}.bg-post__mark{width:28%;color:var(--brand-on-primary)}.bg-post__name{font-size:clamp(28px, calc(19cqi * var(--brand-scale)), 88px);margin-top:auto}.bg-post__handle{font-family:var(--brand-label);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:500}.bg-poster{justify-content:space-between;align-items:start;gap:var(--space-5);min-height:360px;padding:var(--space-5);background:var(--brand-text);color:var(--brand-on-text);flex-direction:column;display:flex}.bg-poster__name{font-size:clamp(24px, calc(14cqi * var(--brand-scale)), calc(56px * var(--brand-scale)))}.bg-poster__mark{width:70%;max-width:216px;color:var(--brand-accent);align-self:center}.bg-poster__tagline,.bg-type-specimen__accent{font-family:var(--brand-accent-font);font-weight:var(--brand-accent-weight);font-style:var(--brand-accent-italic);letter-spacing:var(--brand-tracking);text-transform:var(--brand-casing)}.bg-poster__tagline{max-width:24ch;margin:0}.bg-icons{justify-content:space-around;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);display:flex}.bg-icons__avatar,.bg-icons__app,.bg-icons__favicon{place-items:center;display:grid}.bg-icons__avatar{border-radius:var(--shape-avatar);background:var(--brand-primary);width:56px;height:56px;color:var(--brand-on-primary)}.bg-icons__app{border-radius:var(--shape-app);background:var(--brand-accent);width:56px;height:56px;color:var(--brand-on-accent)}.bg-icons__favicon{border-radius:var(--shape-app);background:var(--brand-text);width:32px;height:32px;color:var(--brand-on-text)}.bg-icons__avatar svg,.bg-icons__app svg{width:32px}.bg-icons__favicon svg{width:20px}.bg-business-card{justify-content:space-between;align-items:start;gap:var(--space-5);min-height:192px;padding:var(--space-5);flex-direction:column;display:flex}.bg-business-card>div{min-width:0;max-width:100%}.bg-business-card__mark{width:40px;color:var(--brand-primary);flex-shrink:0}.bg-business-card__name{font-size:calc(28px * var(--brand-scale))}.bg-business-card__tagline{margin:var(--space-2) 0 0;font-family:var(--brand-body);font-size:12px;line-height:max(1.3, var(--brand-leading));overflow-wrap:anywhere}.bg-type-specimen{gap:var(--space-5);padding:var(--space-5);background:var(--brand-secondary);color:var(--brand-on-secondary);flex-direction:column;display:flex}.bg-type-specimen__display{font-size:clamp(32px, calc(16cqi * var(--brand-scale)), calc(64px * var(--brand-scale)));margin-bottom:auto}.bg-type-specimen__sample{font-size:18px;line-height:max(1.3, var(--brand-leading));overflow-wrap:anywhere;margin:0}.bg-type-specimen__family{margin-top:var(--space-1);text-transform:none;letter-spacing:normal;font-size:12px;line-height:1.5;display:block}.bg-type-specimen__body{font-family:var(--brand-body)}.bg-type-specimen__labels{font-family:var(--brand-label);font-weight:500}.bg-mock{gap:var(--space-4);padding:var(--space-5);font-family:var(--brand-body);flex-direction:column;font-size:14px;display:flex}.bg-mock__row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.bg-mock__cta,.bg-mock__alt{min-height:40px;padding:0 var(--space-4);font-family:var(--brand-label);align-items:center;font-weight:600;display:inline-flex}.bg-mock__cta{background:var(--brand-primary);color:var(--brand-on-primary)}.bg-mock__alt{color:var(--brand-text)}.bg-mock__entry{gap:var(--space-1);flex-direction:column;max-width:320px;display:flex}.bg-mock__caption{font-family:var(--brand-label);font-size:12px;font-weight:500}.bg-mock__box{padding:var(--space-3);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bg-mock__tag{padding:var(--space-1) var(--space-3);font-family:var(--brand-label);font-size:12px}.bg-mock__tag--on{background:var(--brand-accent);color:var(--brand-on-accent)}.bg-mock__track{border-radius:var(--shape-control);background:var(--brand-primary);width:40px;height:24px;margin-left:auto;position:relative}.bg-mock__knob{border-radius:max(0px, calc(var(--shape-control) - 3px));background:var(--brand-on-primary);width:18px;height:18px;position:absolute;top:3px;right:3px}.bg-ui{border:0 solid var(--ui-ink);border-radius:var(--shape-control)}.bg-ui--quiet{background:color-mix(in srgb, var(--ui-ink) 8%, transparent)}.bg-board:is([data-edge=hairline],[data-edge=bold],[data-shadow=hard]) .bg-ui--quiet{background:0 0}.bg-board[data-edge=hairline] .bg-ui{border-width:1px;border-color:color-mix(in srgb, var(--ui-ink) 45%, transparent)}.bg-board[data-edge=bold] .bg-ui{border-width:2px}.bg-board[data-shadow=soft] .bg-ui{box-shadow:0 8px 20px -10px color-mix(in srgb, var(--ui-ink) 45%, transparent)}.bg-board[data-shadow=hard] .bg-ui{border:2px solid var(--ui-ink);box-shadow:3px 3px 0 0 var(--ui-ink)}.bg-pairs{padding:var(--space-4)}.bg-pairs__grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(96px,1fr));display:grid}.bg-pair{gap:var(--space-1);min-width:0;padding:var(--space-3);border-radius:var(--shape-inner);font-family:var(--brand-label);flex-direction:column;font-size:12px;display:flex}.bg-pair__caption{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.bg-pair__sample{font-family:var(--brand-headline);font-weight:var(--brand-weight);font-style:var(--brand-italic);font-size:32px;line-height:1.1}.bg-pattern{min-height:176px;color:var(--brand-secondary)}.bg-pattern__svg{width:100%;height:100%;position:absolute;inset:0}.bg-marquee{padding:var(--space-4) 0;background:var(--brand-primary);color:var(--brand-on-primary)}.bg-marquee__track{width:max-content;display:flex}.bg-marquee__group{flex-shrink:0;display:flex}.bg-marquee__item{align-items:center;gap:var(--space-5);padding-right:var(--space-5);font-family:var(--brand-headline);font-weight:var(--brand-weight);font-style:var(--brand-italic);letter-spacing:var(--brand-tracking);text-transform:var(--brand-casing);white-space:nowrap;font-size:28px;line-height:1.2;display:inline-flex}.bg-marquee__mark{width:28px;color:var(--brand-accent);flex-shrink:0}.bg-board[data-layout=stacked] .bg-wordmark{grid-template-columns:minmax(0,1fr)}.bg-board[data-layout=stacked] .bg-wordmark__copy{text-align:center;padding-block:var(--space-6);align-items:center}.bg-board[data-layout=stacked] .bg-art{min-height:240px}.bg-board[data-layout=stacked] .bg-art__mark{width:176px}.bg-board[data-layout=stacked] .bg-art__echo{width:176px;transform:translate(80%)rotate(45deg)}.bg-board[data-layout=stacked] .bg-poster{text-align:center;align-items:center}.bg-board[data-layout=stacked] .bg-poster__mark{order:-1;width:90%}.bg-board[data-layout=stacked] .bg-business-card{flex-direction:row;align-items:center}.bg-board[data-layout=type] .bg-wordmark{grid-template-columns:minmax(0,1fr);min-height:360px}.bg-board[data-layout=type] .bg-wordmark__copy{justify-content:start;padding-bottom:120px}.bg-board[data-layout=type] .bg-brand-name{font-size:clamp(36px, calc(13cqi * var(--brand-scale)), calc(var(--brand-name-size) * var(--brand-scale) * 1.4))}.bg-board[data-layout=type] .bg-art{right:var(--space-5);bottom:var(--space-5);width:80px;height:80px;min-height:0;color:var(--brand-ink);background:0 0;padding:0;position:absolute}.bg-board[data-layout=type] .bg-art:before,.bg-board[data-layout=type] .bg-art__echo{display:none}.bg-board[data-layout=type] .bg-poster{justify-content:start}.bg-board[data-layout=type] .bg-poster__mark{order:-1;align-self:end;width:25%}.bg-board[data-layout=type] .bg-poster__tagline{margin-top:auto}.bg-board[data-layout=type] .bg-business-card{flex-direction:column-reverse}.bg-board[data-layout=type] .bg-business-card__mark{align-self:end}@keyframes bg-brand-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(8deg)}}@keyframes bg-brand-pulse{0%,to{transform:scale(1)}50%{transform:scale(.88)}}@keyframes bg-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:no-preference){.bg-board[data-motion=float] :is(.bg-art__mark,.bg-poster__mark,.bg-business-card__mark,.bg-story__mark){animation:bg-brand-float 2s var(--ease) 2}.bg-board[data-motion=pulse] :is(.bg-art__mark,.bg-poster__mark,.bg-business-card__mark,.bg-story__mark){animation:bg-brand-pulse 2s var(--ease) 2}.bg-board:not([data-motion=none]) .bg-marquee__track{animation:24s linear infinite bg-marquee}}@media (max-width:1023px){.bg-wordmark__copy{padding:var(--space-5)}}@media (max-width:767px){.bg-panel.mc-tool__panel{display:contents}.bg-command{top:var(--bar-h);margin:0 calc(var(--gutter) * -1);padding:var(--space-2) var(--gutter);background:var(--bg-1);order:-2}.bg-form--editor{padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--r-thumb);background:var(--card)}.bg-main.mc-tool__preview{padding:var(--space-2)}}@media (max-width:639px){.bg-board{padding:var(--space-4)}.bg-wordmark{grid-template-columns:minmax(0,1fr)}.bg-brand-name{font-size:clamp(28px, calc(12cqi * var(--brand-scale)), calc(var(--brand-name-size) * var(--brand-scale)))}.bg-art{min-height:192px}.bg-art__mark,.bg-art__echo{width:152px}}
.bg-form--editor{flex-direction:column;display:flex}.bg-editor-section{min-width:0}.bg-editor-section+.bg-editor-section{border-top:1px solid var(--line)}.bg-editor-section__head{align-items:center;gap:2px;min-height:44px;display:flex}.bg-editor-section__head h2{min-width:0;font-family:var(--ff-body);font-size:var(--fs-ui);flex:1;margin:0;font-weight:600}.bg-editor-section__toggle{justify-content:flex-start;align-items:center;gap:var(--space-2);width:100%;min-height:40px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.bg-editor-section__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--space-1)}.bg-editor-section__toggle .bg-chevron{color:var(--mute);transition:transform var(--dur-hover) var(--ease-out);flex-shrink:0}.bg-editor-section__toggle[aria-expanded=false] .bg-chevron{transform:rotate(-90deg)}.bg-editor-section__head .bg-icon-btn,.bg-editor-section__head .bg-editor-lock{color:var(--mute)}.bg-editor-section__content{gap:var(--space-3);padding-bottom:var(--space-4);flex-direction:column;display:flex}.bg-editor-section__content[hidden]{display:none}.bg-editor-row{grid-template-columns:minmax(0, 1fr) var(--control-h-sm);align-items:end;gap:var(--space-2);min-width:0;display:grid}.bg-editor-row>.mc-field{min-width:0}.bg-editor-row>.bg-editor-lock{margin-bottom:calc((var(--control-h) - var(--control-h-sm)) / 2)}.bg-editor-row--inline{align-items:center}.bg-editor-row--inline>.bg-editor-lock{margin-bottom:0}.bg-editor-row--inline>.mc-field,.bg-editor-color>.mc-field:not(.mc-color){align-items:center;column-gap:var(--space-2);row-gap:var(--space-1);grid-template-columns:96px minmax(0,1fr);display:grid}.bg-editor-row--inline>.mc-field>:not(.mc-field__label),.bg-editor-color>.mc-field:not(.mc-color)>:not(.mc-field__label){grid-column:2}.bg-editor-row--inline .mc-field__label,.bg-editor-color .mc-field__label{color:var(--mute);font-weight:400}.bg-editor-lock.mc-btn{width:var(--control-h-sm);padding:0}.bg-editor-lock:not([aria-pressed=true]){color:var(--mute)}.bg-editor-range{gap:2px}.bg-editor-range__heading{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.bg-editor-range output{color:var(--mute);font-family:var(--ff-mono);font-size:var(--fs-small);white-space:nowrap;flex-shrink:0}.bg-editor-range input{appearance:none;cursor:pointer;background:0 0;width:100%;min-width:0;height:24px;margin:0;padding:0}.bg-editor-range input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-pill)}.bg-editor-range input::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:var(--r-pill);height:4px}.bg-editor-range input::-moz-range-track{background:var(--line-strong);border-radius:var(--r-pill);height:4px}.bg-editor-range input::-webkit-slider-thumb{appearance:none;border:2px solid var(--card);border-radius:var(--r-pill);background:var(--ink);width:16px;height:16px;margin-top:-6px}.bg-editor-range input::-moz-range-thumb{border:2px solid var(--card);border-radius:var(--r-pill);background:var(--ink);width:16px;height:16px}.bg-editor-colors{gap:var(--space-2);flex-direction:column;display:flex}.bg-editor-color{grid-template-columns:var(--control-h-sm) minmax(0, 1fr) var(--control-h-sm);align-items:center;gap:var(--space-2);min-width:0;display:grid}.bg-editor-color>.mc-field:not(.mc-color){grid-template-columns:68px minmax(0,1fr);min-width:0}.bg-editor-color .mc-input{padding-inline:var(--space-3);font-family:var(--ff-mono);font-size:var(--fs-label);letter-spacing:.02em}.bg-editor-contrast{color:var(--mute);font-size:var(--fs-label);margin:0}.bg-editor-note{color:var(--mute);font-size:var(--fs-small);margin:0;line-height:1.45}.bg-editor-contrast--low{color:var(--danger)}@media (prefers-reduced-motion:reduce){.bg-editor-section__toggle .bg-chevron{transition:none}}