@font-face{font-family:Phosphor;src:url(/_astro/Phosphor.DtdjzkpE.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}.ph{speak:never;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:Phosphor!important}.ph.ph-arrow-left:before{content:""}.ph.ph-images-square:before{content:""}.ph.ph-paint-brush-household:before{content:""}.ph.ph-arrow-counter-clockwise:before{content:""}.ph.ph-arrow-clockwise:before{content:""}.ph.ph-columns:before{content:""}.ph.ph-download-simple:before{content:""}.ph.ph-magnifying-glass:before{content:""}.ph.ph-squares-four:before{content:""}.ph.ph-circle-dashed:before{content:""}.ph.ph-arrows-out:before{content:""}.ph.ph-image-square:before{content:""}.ph.ph-file-x:before{content:""}.ph.ph-sparkle:before{content:""}.ph.ph-plus:before{content:""}.ph.ph-x:before{content:""}.ph.ph-trash:before{content:""}@font-face{font-family:Phosphor-Bold;src:url(/_astro/Phosphor-Bold.BCak21uZ.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}.ph-bold{speak:never;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:Phosphor-Bold!important}.ph-bold.ph-sparkle:before{content:""}.ph-bold.ph-arrows-left-right:before{content:""}@font-face{font-family:Phosphor-Fill;src:url(/_astro/Phosphor-Fill.D4CDmGRg.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}.ph-fill{speak:never;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:Phosphor-Fill!important}.ph-fill.ph-lock-simple:before{content:""}.ph-fill.ph-check-circle:before{content:""}.ph-fill.ph-circle:before{content:""}.ph-fill.ph-info:before{content:""}.ph-fill.ph-warning-circle:before{content:""}:root{--color-bg:#161826;--color-surface:#232532;--color-text:#e9e9ed;--color-accent:#9184d9;--color-divider:#e9e9ed29;--color-neutral-100:#f3f5fe;--color-neutral-200:#e4e7f5;--color-neutral-300:#cfd3e5;--color-neutral-400:#b2b6ca;--color-neutral-500:#9397ab;--color-neutral-600:#75798c;--color-neutral-700:#595d6c;--color-neutral-800:#3f424d;--color-neutral-900:#292b31;--color-accent-100:#f5f4ff;--color-accent-400:#b5abfc;--color-accent-500:#968ae0;--color-accent-800:#423a6a;--font-heading:"Inter", system-ui, -apple-system, "PingFang SC", sans-serif;--font-heading-weight:500;--font-body:"Inter", system-ui, -apple-system, "PingFang SC", sans-serif;--space-1:2.8px;--space-2:5.6px;--space-3:8.4px;--space-4:11.2px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--shadow-sm:0 0 0 1px #3f424d;--shadow-md:0 0 0 1px #595d6c, 0 6px 18px #0000008c;--shadow-lg:0 0 0 1px #9397ab, 0 16px 40px #000000a6;--mask:color-mix(in srgb, var(--color-accent) 40%, transparent);--canvas-bg:#0e1017;--chrome-bg:#161822;--ok:oklch(74% .1 158);--warn:oklch(80% .11 78);--err:oklch(68% .15 25)}*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background:#0c0d14;font-size:15px;line-height:1.55}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.015em;line-height:1.12}h4{font-size:20px}.text-muted{color:color-mix(in srgb, var(--color-text) 55%, transparent)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}.btn{cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-size:14px;line-height:1.2;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:var(--color-accent);border-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.btn-primary:active:not(:disabled){background:color-mix(in srgb, var(--color-accent) 22%, transparent)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover:not(:disabled){background:color-mix(in srgb, var(--color-text) 7%, transparent)}.btn-secondary:active:not(:disabled){background:color-mix(in srgb, var(--color-text) 14%, transparent)}.btn-ghost{color:var(--color-accent);padding-inline:var(--space-1)}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.btn-icon{width:34px;height:34px;padding:0}.btn-sm{padding:5px 11px;font-size:13px}.input{min-height:34px;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);cursor:pointer;padding:5px 10px;font-size:13px}.input:hover{border-color:color-mix(in srgb, var(--color-text) 45%, transparent)}.input:disabled{opacity:.45;cursor:not-allowed}input[type=range]{appearance:none;background:var(--color-neutral-800);cursor:pointer;border-radius:2px;outline:none;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-accent);width:14px;height:14px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 25%, transparent);border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--color-accent);border:0;border-radius:50%;width:14px;height:14px}input[type=range]:disabled{opacity:.45;cursor:not-allowed}input[type=checkbox]{accent-color:var(--color-accent);cursor:pointer;width:15px;height:15px}.tag{letter-spacing:.02em;border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;display:inline-flex}.tag-neutral{background:var(--color-neutral-800);color:var(--color-neutral-100)}.app{border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:var(--canvas-bg);flex-direction:column;height:clamp(520px,76vh,860px);display:flex;overflow:hidden}.brandbar{border-bottom:1px solid var(--color-divider);background:#12141d;flex:none;align-items:center;gap:10px;padding:9px 16px;display:flex}.brand{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:14px}.local-badge{border:1px solid var(--color-divider);color:var(--color-neutral-300);background:#0c0d14;border-radius:20px;align-items:center;gap:7px;padding:5px 12px;font-size:12px;display:inline-flex}.local-badge .ph-fill{color:var(--ok)}.brandbar-context{margin-left:auto;font-size:12px}.toolbar{background:var(--chrome-bg);border-bottom:1px solid var(--color-divider);flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding:11px 16px;display:flex}.tb-group{align-items:center;gap:8px;display:flex}.tb-group-brush{gap:10px}.tb-actions{margin-left:auto}.tb-vr{background:var(--color-divider);flex:none;width:1px;height:22px}.brush-readout{color:var(--color-neutral-300);align-items:center;gap:7px;min-width:66px;font-size:12px;display:inline-flex}.brush-dot{background:var(--mask);border:1px solid color-mix(in srgb, var(--color-accent) 60%, transparent);border-radius:50%;flex:none}.sync-toggle{cursor:pointer;align-items:center;gap:7px;margin-left:4px;font-size:13px;display:inline-flex}.main{background:var(--canvas-bg);flex:1;min-height:0;position:relative}.canvas-wrap{position:absolute;inset:0}.canvas-wrap canvas{width:100%;height:100%;display:block}.canvas-hud{pointer-events:none;gap:8px;display:flex;position:absolute;bottom:14px;left:14px}.hud-chip{color:var(--color-neutral-300);background:#0000008c;border-radius:6px;align-items:center;gap:4px;padding:4px 9px;font-size:11px;display:inline-flex}.hud-chip-hint{color:var(--color-neutral-400)}.dropzone-wrap{background:var(--color-bg);flex-direction:column;gap:16px;padding:22px;display:flex;position:absolute;inset:0}.dropzone{border:1.5px dashed var(--color-neutral-700);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--color-accent) 8%, transparent), transparent);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.dropzone:hover{border-color:var(--color-accent)}.dropzone-icon{color:var(--color-accent);font-size:44px}.dropzone-sub{font-size:13px}.dropzone-privacy{color:var(--ok);align-items:center;gap:7px;margin-top:2px;font-size:12px;display:inline-flex}.model-notice{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 0 0 1px color-mix(in srgb, var(--warn) 30%, transparent);flex:none;align-items:flex-start;gap:10px;padding:11px 13px;display:flex}.model-notice i{color:var(--warn);margin-top:1px;font-size:17px}.model-notice p{color:var(--color-neutral-200);font-size:12.5px}.grid{background:var(--color-bg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:min-content;align-content:start;align-items:start;gap:12px;padding:12px;display:grid;position:absolute;inset:0;overflow:auto}.grid-cell{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.grid-cell[data-status=done]{box-shadow:0 0 0 1px color-mix(in srgb, var(--ok) 55%, transparent)}.grid-cell[data-status=painted]{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 55%, transparent)}.grid-canvas{background:var(--canvas-bg);width:100%;position:relative}.grid-canvas .canvas-wrap{position:absolute;inset:0}.status-badge{z-index:1;pointer-events:none;background:#0c0d14b8;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;display:inline-flex;position:absolute;top:7px;left:7px}.status-done{color:var(--ok)}.status-painted{color:var(--color-accent)}.status-idle{color:var(--color-neutral-400)}.cell-bar{flex:none;align-items:center;gap:6px;padding:7px 9px;font-size:11px;display:flex}.cell-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-neutral-300);flex:1;overflow:hidden}.cell-act{border-radius:var(--radius-sm);color:var(--color-neutral-400);cursor:pointer;background:0 0;border:0;padding:3px;font-size:15px;display:inline-flex}.cell-act:hover:not(:disabled){color:var(--color-text);background:color-mix(in srgb, var(--color-text) 8%, transparent)}.cell-act:disabled{opacity:.35;cursor:not-allowed}.cell-act-ready{color:var(--color-accent)}.focus-layout{display:flex;position:absolute;inset:0}.focus-stage{flex:1;min-width:0;position:relative}.filmstrip{background:var(--color-bg);border-right:1px solid var(--color-divider);flex-direction:column;flex:none;gap:8px;width:96px;padding:10px 8px;display:flex;overflow:hidden auto}.strip-item{cursor:pointer;border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);background:0 0;border:0;padding:0;display:block;position:relative;overflow:hidden}.strip-item:disabled{cursor:not-allowed;opacity:.5}.strip-item[data-status=done]{box-shadow:0 0 0 1px color-mix(in srgb, var(--ok) 45%, transparent)}.strip-item[data-status=painted]{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 45%, transparent)}.strip-item:hover:not(:disabled){box-shadow:0 0 0 1px color-mix(in srgb, var(--color-text) 45%, transparent)}.strip-active{outline:2px solid var(--color-accent);outline-offset:-2px}.strip-thumb{aspect-ratio:1;background:var(--canvas-bg);width:100%;display:block;position:relative}.strip-thumb-canvas{width:100%;height:100%;display:block}.strip-badge{filter:drop-shadow(0 1px 2px #000000d9);font-size:13px;line-height:1;position:absolute;top:4px;right:4px}.strip-index{color:var(--color-neutral-300);background:#0c0d14b8;border-radius:8px;padding:1px 6px;font-size:10px;position:absolute;bottom:4px;left:4px}.compare-wrap{cursor:ew-resize;position:absolute;inset:0;overflow:hidden}.compare-layer{width:100%;height:100%;position:absolute;inset:0}.compare-divider{background:var(--color-accent);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.compare-handle{background:var(--color-surface);width:32px;height:32px;box-shadow:var(--shadow-md);color:var(--color-accent);border-radius:50%;place-items:center;font-size:15px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compare-label{color:var(--color-neutral-200);pointer-events:none;background:#0000008c;border-radius:6px;padding:3px 9px;font-size:11px;position:absolute;top:12px}.compare-label-left{left:14px}.compare-label-right{right:14px}.busy-overlay{z-index:20;background:#0c0d149e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.busy-box{border-radius:var(--radius-lg);background:var(--color-surface);width:min(340px,100%);box-shadow:var(--shadow-lg);flex-direction:column;gap:12px;padding:20px;display:flex}.busy-title{align-items:center;gap:9px;min-width:0;display:flex}.busy-title i{color:var(--color-accent);flex:none;font-size:18px}.busy-title span{font-family:var(--font-heading);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;overflow:hidden}.busy-detail{font-size:12.5px}.busy-track{background:var(--color-neutral-800);border-radius:4px;height:7px;overflow:hidden}.busy-fill{background:linear-gradient(90deg, var(--color-accent-500), var(--color-accent-400));border-radius:4px;height:100%;transition:width .2s}.busy-fill-download{background:repeating-linear-gradient(45deg, var(--color-accent-500), var(--color-accent-500) 7px, var(--color-accent-400) 7px, var(--color-accent-400) 14px);background-size:28px 28px;animation:1s linear infinite barflow}@keyframes barflow{0%{background-position:0 0}to{background-position:28px 0}}.busy-foot{justify-content:space-between;font-size:11px;display:flex}.busy-readout{font:inherit;color:inherit;cursor:pointer;text-align:right;border:0;border-bottom:1px dashed color-mix(in srgb, currentColor 35%, transparent);background:0 0;min-width:8ch;padding:0}.busy-readout:hover{color:var(--color-text)}.notices{z-index:30;flex-direction:column;align-items:flex-end;gap:9px;display:flex;position:fixed;bottom:16px;right:16px}.notice{border-radius:var(--radius-md);background:var(--color-surface);width:340px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-sm);border-left:3px solid var(--color-neutral-500);align-items:flex-start;gap:10px;padding:10px 12px;font-size:12.5px;display:flex}.notice i{flex:none;margin-top:1px}.notice-success{border-left-color:var(--ok)}.notice-success i{color:var(--ok)}.notice-warn{border-left-color:var(--warn)}.notice-warn i{color:var(--warn)}.notice-error{border-left-color:var(--err)}.notice-error i{color:var(--err)}.notice-info i{color:var(--color-neutral-400)}@media (width<=720px){.toolbar{gap:8px;padding:9px 12px}.tb-actions{margin-left:0}.brandbar-context{display:none}.filmstrip{gap:6px;width:68px;padding:8px 6px}.strip-index{display:none}}.page{max-width:1120px;margin:0 auto;padding:0 20px 72px}.page-narrow{max-width:760px}.site-header{align-items:center;gap:16px;max-width:1120px;margin:0 auto;padding:18px 20px;display:flex}.site-logo{font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);letter-spacing:-.01em;align-items:center;gap:9px;font-size:16px;text-decoration:none;display:inline-flex}.site-logo img{border-radius:7px;width:28px;height:28px;display:block}.site-nav{align-items:center;gap:18px;margin-left:auto;font-size:14px;display:flex}.site-nav a{color:color-mix(in srgb, var(--color-text) 68%, transparent);text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-text)}.lang-switch{border:1px solid var(--color-divider);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.lang-switch a{color:color-mix(in srgb, var(--color-text) 60%, transparent);padding:3px 10px;font-size:13px;text-decoration:none}.lang-switch a[aria-current=true]{background:color-mix(in srgb, var(--color-accent) 18%, transparent);color:var(--color-accent-400)}.hero{text-align:center;padding:40px 0 28px}.hero h1{max-width:18em;margin:0 auto 14px;font-size:clamp(30px,4.4vw,46px)}.hero-sub{max-width:40em;color:color-mix(in srgb, var(--color-text) 72%, transparent);margin:0 auto;font-size:17px;line-height:1.5}.hero-badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.hero-badge{border:1px solid var(--color-divider);color:color-mix(in srgb, var(--color-text) 75%, transparent);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:inline-flex}.hero-badge i{color:var(--color-accent-400)}.section{padding-top:56px}.section>h2{margin-bottom:10px;font-size:clamp(22px,2.6vw,30px)}.section>.section-lead{color:color-mix(in srgb, var(--color-text) 68%, transparent);max-width:46em;margin-bottom:22px}.prose p{max-width:46em;margin-bottom:14px}.prose h3{margin:26px 0 8px;font-size:18px}.prose ul,.prose ol{max-width:46em;margin:0 0 14px 20px}.prose li{margin-bottom:6px}.prose a{color:var(--color-accent-400)}.prose strong{color:var(--color-neutral-100);font-weight:600}.facts{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.fact{border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:var(--color-surface);padding:18px}.fact h3{align-items:center;gap:7px;margin-bottom:6px;font-size:15px;display:flex}.fact h3 i{color:var(--color-accent-400);font-size:17px}.fact p{color:color-mix(in srgb, var(--color-text) 70%, transparent);font-size:14px}.table-scroll{overflow-x:auto}.cmp{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}.cmp th,.cmp td{text-align:left;border-bottom:1px solid var(--color-divider);vertical-align:top;padding:11px 14px}.cmp thead th{font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:color-mix(in srgb, var(--color-text) 70%, transparent);font-size:13px}.cmp tbody th{color:color-mix(in srgb, var(--color-text) 78%, transparent);font-weight:400}.cmp .yes{color:var(--ok)}.cmp .no{color:var(--err)}.cmp col.hl{background:color-mix(in srgb, var(--color-accent) 9%, transparent)}.faq-item{border-bottom:1px solid var(--color-divider);padding:18px 0}.faq-item h3{margin-bottom:8px;font-size:16px}.faq-item p{color:color-mix(in srgb, var(--color-text) 72%, transparent);max-width:46em}.faq-item p+p{margin-top:10px}.site-footer{border-top:1px solid var(--color-divider);margin-top:64px;padding:24px 20px 40px}.site-footer-inner{max-width:1120px;color:color-mix(in srgb, var(--color-text) 55%, transparent);flex-wrap:wrap;align-items:center;gap:14px;margin:0 auto;font-size:13px;display:flex}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:var(--color-text)}.site-footer nav{gap:16px;margin-left:auto;display:flex}@media (width<=720px){.site-nav{gap:12px;font-size:13px}.site-nav .nav-link{display:none}.hero{padding:24px 0 20px}.section{padding-top:40px}}.app-slot{min-height:clamp(520px,76vh,860px)}.bg-slot{min-height:clamp(420px,56vh,560px)}.bg-tool{flex-direction:column;gap:18px;display:flex}.bg-dropzone-frame{border:1px solid var(--color-divider);border-radius:var(--radius-lg);height:clamp(300px,42vh,420px);position:relative;overflow:hidden}.bg-frame{flex-direction:column;gap:10px;display:flex}.bg-frame .toolbar{border:1px solid var(--color-divider);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0}.bg-stage-wrap{border:1px solid var(--color-divider);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--canvas-bg);border-top:0;height:clamp(360px,58vh,640px);margin-top:-10px;position:relative;overflow:hidden}.bg-stage-caption{text-align:center;font-size:12.5px}.img-stage{cursor:grab;touch-action:none;position:absolute;inset:0}.img-stage-compare{cursor:ew-resize}.img-stage-grabbing,.img-stage-compare.img-stage-grabbing{cursor:grabbing}.img-stage .compare-layer{width:100%;height:100%;position:absolute;inset:0}.zoom-hud{cursor:default;border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-bg) 82%, transparent);border:1px solid var(--color-divider);backdrop-filter:blur(3px);align-items:center;gap:2px;padding:3px;display:flex;position:absolute;bottom:12px;left:12px}.zoom-btn,.zoom-readout{color:var(--color-neutral-300);font:inherit;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;font-size:12px}.zoom-btn{justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:inline-flex}.zoom-readout{font-variant-numeric:tabular-nums;min-width:48px;height:26px}.zoom-btn:hover,.zoom-readout:hover{background:color-mix(in srgb, var(--color-text) 10%, transparent);color:var(--color-text)}.stage-hint{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-bg) 82%, transparent);border:1px solid var(--color-divider);backdrop-filter:blur(3px);pointer-events:none;max-width:60%;padding:5px 10px;font-size:11.5px;line-height:1.35;position:absolute;bottom:12px;right:12px}@media (width<=720px){.stage-hint{display:none}}.bg-spinner{background:color-mix(in srgb, var(--color-bg) 78%, transparent);backdrop-filter:blur(2px);z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;inset:0}.bg-spinner i{color:var(--color-accent);font-size:26px;animation:.9s linear infinite bg-spin}@keyframes bg-spin{to{transform:rotate(360deg)}}.bg-error{color:var(--err);justify-content:center;align-items:center;gap:8px;font-size:13.5px;display:flex}.bg-modes{flex-direction:column;align-items:center;gap:8px;display:flex}.bg-switch{border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface);gap:3px;padding:3px;display:inline-flex}.bg-switch-btn{border-radius:var(--radius-sm);color:color-mix(in srgb, var(--color-text) 62%, transparent);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:7px 14px;font-size:14px;display:inline-flex}.bg-switch-btn:hover:not(:disabled):not([aria-pressed=true]){background:color-mix(in srgb, var(--color-text) 7%, transparent);color:var(--color-text)}.bg-switch-btn[aria-pressed=true]{background:color-mix(in srgb, var(--color-accent) 20%, transparent);color:var(--color-accent-100)}.bg-switch-btn:disabled{opacity:.45;cursor:not-allowed}.bg-mode-hint{text-align:center;font-size:13px}