.variant-design-legend{display:none}
html[data-theme="studio"] #variant-comparison-dialog{box-sizing:border-box;position:fixed;inset:56px 0 auto;width:min(1152px,calc(100vw - 32px));height:calc(100dvh - 80px);max-height:none;max-width:none;margin:0 auto;border:1px solid #cfe0d4;border-radius:10px;background:#f8f9f8;box-shadow:0 20px 65px #10291c33;overflow:hidden}
html[data-theme="studio"] #variant-comparison-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
html[data-theme="studio"] #variant-comparison-dialog::backdrop{background:#0006;backdrop-filter:none}
html[data-theme="studio"] #variant-comparison-dialog>header{align-items:center;gap:12px;min-height:64px;box-sizing:border-box;padding:16px 24px;background:transparent}
html[data-theme="studio"] #variant-comparison-dialog>header>div:first-child{min-width:0}
html[data-theme="studio"] #variant-comparison-dialog>header>div:first-child>:not(h2){display:none}
html[data-theme="studio"] #variant-comparison-dialog>header h2{margin:0;font:600 18px/24px 'Space Grotesk',sans-serif;color:#1f2a24}
html[data-theme="studio"] #variant-comparison-dialog .variant-design-legend{display:flex;gap:8px;margin-left:auto;font:400 11px/16px 'DM Sans',sans-serif;white-space:nowrap}
.variant-design-legend span{padding:2px 6px;border-radius:4px}.variant-design-legend .is-added{background:#3f7f5526;color:#3f7f55}.variant-design-legend .is-removed{background:#c9372d1a;color:#c9372d;text-decoration:line-through}
html[data-theme="studio"] #variant-comparison-close{flex:none;display:grid;place-items:center;width:32px;height:32px;min-height:32px;margin:0;padding:0;border:1px solid #cfe0d4;border-radius:6px;background:white;color:#66746d}
html[data-theme="studio"] #variant-comparison-close svg{width:16px;height:16px}
html[data-theme="studio"] #variant-comparison-dialog>main{min-height:0;overflow:hidden;border-top:0}
html[data-theme="studio"] #variant-comparison-dialog .variant-comparison-pane{padding:0;min-height:0;gap:0;background:transparent;overflow:hidden}
html[data-theme="studio"] #variant-comparison-dialog .variant-comparison-pane>header{flex:none;box-sizing:border-box;min-height:61px;padding:12px 24px;background:transparent}
html[data-theme="studio"] #variant-comparison-dialog .studio-comparison-picker{display:flex;width:100%;max-width:none;height:36px;box-sizing:border-box;background:white}
html[data-theme="studio"] #variant-comparison-dialog .studio-comparison-picker>button{flex:none;width:36px;height:34px;min-height:34px;font-size:16px}
.studio-comparison-picker>button svg{width:16px;height:16px}
html[data-theme="studio"] #variant-comparison-dialog .studio-comparison-select{flex:1;min-width:0;height:34px;padding:0}
html[data-theme="studio"] #variant-comparison-dialog .studio-comparison-select::after{display:none}
html[data-theme="studio"] #variant-comparison-dialog .studio-comparison-select select[hidden]{display:none}
html[data-theme="studio"] #variant-comparison-dialog .studio-comparison-trigger{display:flex;align-items:center;gap:8px;width:100%;height:34px;min-height:34px;padding:0 12px;border:0;border-radius:0;background:white;text-align:left;color:#1f2a24;font:400 14px 'DM Sans',sans-serif;cursor:pointer}
.studio-comparison-trigger::after{content:'';flex:none;width:6px;height:6px;border-right:1.5px solid #66746d;border-bottom:1.5px solid #66746d;transform:rotate(45deg);margin:-3px 2px 0 4px}
.studio-comparison-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="studio"] #variant-comparison-dialog .studio-comparison-current{flex:none;height:20px;box-sizing:border-box;padding:2px 6px;border-radius:4px;font:600 10px/16px 'DM Sans',sans-serif}
html[data-theme="studio"] #variant-comparison-dialog .variant-comparison-pane article{flex:none;margin:0 24px;padding:20px 0 12px;border:0;border-bottom:1px solid #cfe0d4;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
html[data-theme="studio"] #variant-comparison-dialog .variant-comparison-pane article>small{display:none}
html[data-theme="studio"] #variant-comparison-dialog .variant-comparison-pane article>div{margin:0;font:600 15px/22px 'DM Sans',sans-serif;color:#1f2a24}
html[data-theme="studio"] #variant-comparison-dialog .variant-comparison-pane article.is-prompt{flex:1;min-height:0;max-height:none;padding:12px 8px 0 0;border:0;overflow:auto;white-space:pre-wrap}
html[data-theme="studio"] #variant-comparison-dialog .variant-comparison-pane article.is-prompt>div{font:400 13px/1.75 'JetBrains Mono',monospace}
html[data-theme="studio"] #variant-comparison-dialog .variant-comparison-pane>footer{flex:none;min-height:34px;margin:12px 24px 20px;padding:8px 0 0;gap:6px;flex-wrap:wrap;font:400 11px/16px 'JetBrains Mono',monospace}
html[data-theme="studio"] #variant-comparison-dialog mark{border-radius:2px;padding:0 2px}
html[data-theme="studio"] #variant-comparison-dialog mark.is-added{background:#3f7f5526;color:#3f7f55}
html[data-theme="studio"] #variant-comparison-dialog mark.is-removed{background:#c9372d1a;color:#c9372dcc;text-decoration-color:#c9372d99}
html[data-theme="studio"] #variant-comparison-dialog [id^="variant-comparison-delta-"]{margin-left:0}.variant-comparison-pane.is-target>footer>span:first-child{margin-right:auto}
.studio-comparison-popup{position:fixed;z-index:10;box-sizing:border-box;max-height:320px;padding:6px;border:1px solid #cfe0d4;border-radius:8px;background:white;box-shadow:0 10px 30px #203d2926;overflow:auto}
.studio-comparison-popup>button{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;margin:0;padding:6px 8px;border:0;border-radius:6px;background:white;color:#1f2a24;font:400 14px 'DM Sans',sans-serif;text-align:left;cursor:pointer}
.studio-comparison-popup>button:is(:hover,:focus-visible),.studio-comparison-popup>button[aria-selected=true]{background:#eaf4ed;outline:0}.studio-comparison-popup time{flex:none;font:400 10px 'JetBrains Mono',monospace;color:#66746d}.studio-comparison-popup .studio-entry-badge{flex:none;min-width:52px;justify-content:center}
@media(max-width:620px){html[data-theme="studio"] #variant-comparison-dialog{inset:8px 0 auto;width:calc(100vw - 16px);height:calc(100dvh - 16px)}html[data-theme="studio"] #variant-comparison-dialog>header{padding:12px;flex-wrap:wrap;gap:8px}html[data-theme="studio"] #variant-comparison-dialog .variant-design-legend{margin-left:0}html[data-theme="studio"] #variant-comparison-close{margin-left:auto}html[data-theme="studio"] #variant-comparison-dialog .variant-comparison-pane>header{padding:10px 8px}html[data-theme="studio"] #variant-comparison-dialog .variant-comparison-pane article{margin-inline:8px}html[data-theme="studio"] #variant-comparison-dialog .variant-comparison-pane>footer{margin-inline:8px}.studio-comparison-popup time{display:none}html[data-theme="studio"] #variant-comparison-dialog .studio-comparison-trigger{padding-inline:5px;gap:4px}}

html[data-theme="studio"] #variant-comparison-dialog .variant-comparison-pane:has(article.is-prompt[hidden]) article:not(.is-prompt){flex:1;min-height:0;overflow:auto}