.mp-studio-bar,.mp-studio-panel,.mp-studio-focus-label{font-family:var(--mp-font-family-body);color:var(--mp-white)}.mp-studio-bar,.mp-studio-panel{z-index:10000;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--mp-white) 16%, transparent);background:color-mix(in srgb, var(--mp-black) 94%, transparent);box-shadow:0 8px 32px color-mix(in srgb, var(--mp-black) 35%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mp-studio-bar{border-radius:var(--mp-radius-small,16px);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:max-content;max-width:calc(100vw - 16px);padding:8px;display:flex;position:fixed;bottom:8px;left:50%;transform:translate(-50%)}.mp-studio-group{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.mp-studio-label{color:color-mix(in srgb, var(--mp-white) 75%, transparent);font-size:var(--mp-font-size-caption,14px);padding:0 8px;font-weight:600}.mp-studio-btn,.mp-studio-debug{appearance:none;border-radius:var(--mp-radius-extra-small,8px);color:var(--mp-white);cursor:pointer;font:500 var(--mp-font-size-caption,14px)/1.4 var(--mp-font-family-body);white-space:nowrap;background:0 0;border:1px solid #0000;padding:8px 12px}.mp-studio-btn:hover,.mp-studio-debug:hover{background:color-mix(in srgb, var(--mp-white) 12%, transparent)}.mp-studio-btn[aria-pressed=true],.mp-studio-debug[aria-pressed=true]{border-color:color-mix(in srgb, var(--mp-purple-500) 75%, transparent);background:color-mix(in srgb, var(--mp-purple-500) 22%, transparent)}.mp-studio-btn:disabled{cursor:not-allowed;opacity:.6}.mp-studio-pick{border-color:color-mix(in srgb, var(--mp-white) 30%, transparent)}.mp-studio-btn:focus-visible,.mp-studio-debug:focus-visible,.mp-studio-panel select:focus-visible,.mp-studio-action:focus-visible{outline:2px solid var(--mp-highlighter);outline-offset:2px}.mp-studio-panel{border-radius:var(--mp-radius-small,16px);width:min(320px,100vw - 16px);max-height:min(70vh,100vh - 112px);padding:16px;position:fixed;top:8px;right:8px;overflow:auto}.mp-studio-panel section+section{border-top:1px solid color-mix(in srgb, var(--mp-white) 16%, transparent);margin-top:16px;padding-top:16px}.mp-studio-panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.mp-studio-panel h2,.mp-studio-panel label{color:color-mix(in srgb, var(--mp-white) 75%, transparent);font:500 var(--mp-font-size-caption,14px)/1.4 var(--mp-font-family-body);margin:0 0 8px;display:block}.mp-studio-panel h2{color:var(--mp-white)}.mp-studio-debug{border-color:color-mix(in srgb, var(--mp-white) 30%, transparent);padding:4px 8px}.mp-studio-panel select,.mp-studio-action{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--mp-white) 30%, transparent);border-radius:var(--mp-radius-extra-small,8px);background:color-mix(in srgb, var(--mp-white) 8%, transparent);width:100%;color:var(--mp-white);font:500 var(--mp-font-size-caption,14px)/1.4 var(--mp-font-family-body);margin:0 0 8px;padding:8px 12px;display:block}.mp-studio-action{cursor:pointer;text-align:center;text-decoration:none}.mp-studio-action:hover{background:color-mix(in srgb, var(--mp-white) 16%, transparent)}.mp-studio-args{border-collapse:collapse;width:100%;margin:0 0 12px}.mp-studio-args td{vertical-align:top;font-size:var(--mp-font-size-caption,14px);overflow-wrap:anywhere;padding:6px 0}.mp-studio-args td:first-child{width:42%;color:color-mix(in srgb, var(--mp-white) 75%, transparent);padding-right:8px}.mp-studio-panel .mp-studio-hint{color:color-mix(in srgb, var(--mp-white) 75%, transparent);font:400 var(--mp-font-size-caption,14px)/1.5 var(--mp-font-family-body);overflow-wrap:anywhere;margin:0 0 12px}.mp-studio-measure{font:500 24px/1.2 var(--mp-font-family-body);margin-bottom:8px}.mp-studio-measure span{color:color-mix(in srgb, var(--mp-white) 75%, transparent);font-size:var(--mp-font-size-caption,14px)}.mp-studio-snippet{border-radius:var(--mp-radius-extra-small,8px);background:color-mix(in srgb, var(--mp-white) 8%, transparent);color:var(--mp-white);font:400 var(--mp-font-size-caption,14px)/1.5 var(--mp-font-family-caption);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 12px;padding:12px}.mp-studio-snippet .mp-tok-punct{color:color-mix(in srgb, var(--mp-white) 75%, transparent)}.mp-studio-snippet .mp-tok-tag,.mp-studio-snippet .mp-tok-attr,.mp-studio-snippet .mp-tok-num{color:var(--mp-purple-300)}.mp-studio-snippet .mp-tok-string{color:var(--mp-white)}.mp-studio-swatch{border:1px solid var(--mp-white);vertical-align:-2px;border-radius:4px;width:12px;height:12px;margin-right:4px;display:inline-block}.mp-studio-flags{flex-wrap:wrap;gap:4px;margin:0 0 8px;display:flex}.mp-studio-flags span{border-radius:var(--mp-radius-extra-small,8px);background:color-mix(in srgb, var(--mp-white) 12%, transparent);color:var(--mp-white);font:500 var(--mp-font-size-caption,14px)/1.4 var(--mp-font-family-body);padding:4px 8px}.mp-studio-flags span[data-tone=modified]{color:var(--mp-orange)}.mp-studio-flags span[data-tone=done]{color:var(--mp-highlighter)}.mp-studio-focus{z-index:9998;box-sizing:border-box;pointer-events:none;outline:2px solid var(--mp-purple-500);outline-offset:2px;position:fixed}.mp-studio-focus-label{border-radius:var(--mp-radius-extra-small,8px);background:var(--mp-black);max-width:min(240px,100vw - 16px);font:500 var(--mp-font-size-caption,14px)/1.4 var(--mp-font-family-body);text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;position:absolute;top:0;left:0;overflow:hidden}
[data-mp-debug-labels] [data-mp-component]{outline:1px dashed color-mix(in srgb, var(--mp-purple-500) 45%, transparent);outline-offset:-1px}[data-mp-debug-labels] [data-mp-component^=Custom\/]{outline-color:color-mix(in srgb, var(--mp-black) 45%, transparent)}@layer components{[data-mp-debug-structure] [data-mp-structure],[data-mp-debug-analytics] [data-analytics-cta],[data-mp-debug-analytics] [data-analytics-cta-impression]{position:relative}}[data-mp-debug-structure] [data-mp-structure]{outline:2px dashed color-mix(in srgb, var(--mp-purple-300) 72%, transparent);outline-offset:-2px}[data-mp-debug-structure] [data-mp-structure]:before{content:attr(data-mp-structure);z-index:9995;border-bottom-right-radius:var(--mp-radius-extra-small);background:var(--mp-black);color:var(--mp-white);font:500 var(--mp-font-size-caption)/1.4 var(--mp-font-family-body);white-space:nowrap;pointer-events:none;padding:4px 8px;position:absolute;top:0;left:0}[data-mp-debug-type] [data-mp-type],[data-mp-debug-type] .text-mp-display,[data-mp-debug-type] .text-mp-h1,[data-mp-debug-type] .text-mp-h1-large,[data-mp-debug-type] .text-mp-h1-display,[data-mp-debug-type] .text-mp-h1-hero,[data-mp-debug-type] .text-mp-h2,[data-mp-debug-type] .text-mp-body-heading,[data-mp-debug-type] .text-mp-body-heading-sm,[data-mp-debug-type] .text-mp-intro,[data-mp-debug-type] .text-mp-intro-strong,[data-mp-debug-type] .text-mp-body,[data-mp-debug-type] .text-mp-body-strong,[data-mp-debug-type] .text-mp-caption,[data-mp-debug-type] .text-mp-legal,[data-mp-debug-type] .text-mp-card-title,[data-mp-debug-type] .text-mp-button-sm,[data-mp-debug-type] .text-mp-button-md,[data-mp-debug-type] .text-mp-button-lg,[data-mp-debug-type] [class*=text-\[0],[data-mp-debug-type] [class*=text-\[1],[data-mp-debug-type] [class*=text-\[2],[data-mp-debug-type] [class*=text-\[3],[data-mp-debug-type] [class*=text-\[4],[data-mp-debug-type] [class*=text-\[5],[data-mp-debug-type] [class*=text-\[6],[data-mp-debug-type] [class*=text-\[7],[data-mp-debug-type] [class*=text-\[8],[data-mp-debug-type] [class*=text-\[9]{outline:1px dotted color-mix(in srgb, var(--mp-purple-300) 60%, transparent);outline-offset:-1px}[data-mp-debug-media] img,[data-mp-debug-media] video{outline:2px solid color-mix(in srgb, var(--mp-purple-500) 72%, transparent);outline-offset:-2px}[data-mp-debug-media] img:not([data-mp-media]),[data-mp-debug-media] video:not([data-mp-media]){outline-color:color-mix(in srgb, var(--mp-orange) 72%, transparent)}[data-mp-debug-analytics] [data-analytics-cta],[data-mp-debug-analytics] [data-analytics-cta-impression]{outline:2px solid color-mix(in srgb, var(--mp-highlighter) 72%, transparent);outline-offset:-2px}[data-mp-debug-analytics] [data-analytics-cta]:after,[data-mp-debug-analytics] [data-analytics-cta-impression]:after{content:attr(data-analytics-cta-id);z-index:9994;border-top-left-radius:var(--mp-radius-extra-small);background:var(--mp-black);color:var(--mp-highlighter);font:500 var(--mp-font-size-caption)/1.4 var(--mp-font-family-body);white-space:nowrap;pointer-events:none;padding:4px 8px;position:absolute;bottom:0;right:0}[data-mp-debug-analytics] [data-analytics-cta]:not([data-analytics-cta-id]):after{content:"cta · url-derived";color:var(--mp-white)}[data-mp-debug-analytics] [data-analytics-cta-impression]:not([data-analytics-cta-id]):after{content:"impression"}