:root{--mp-bg: #f1f1f1;--mp-surface: #ffffff;--mp-border: #e3e3e3;--mp-text: #303030;--mp-text-subdued: #616161;--mp-accent: #303030;--mp-success: #0c7a43;--mp-success-bg: #cdfee1;--mp-money: var(--p-color-text-success, #0c7a43);--mp-warning: #8a6116;--mp-critical: #b42318;--mp-series-0: #2c6ecb;--mp-series-1: #0c7a43;--mp-series-2: #b98900;--mp-series-3: #8c49c9;--mp-radius: 12px}:root{color-scheme:light}body{margin:0;background:var(--mp-bg);color:var(--mp-text);font-family:Inter,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif}.mp-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mp-tabular{font-variant-numeric:tabular-nums}.mp-demo{min-height:100vh;display:flex;flex-direction:column}.mp-demo__top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#1a1a1a;color:#fff;font-size:14px}.mp-demo__brand{font-weight:650}.mp-demo__top a{color:#fff}.mp-demo__notice{padding:6px 16px;background:#fff4d4;color:#4f3a00;font-size:13px}.mp-demo__body{display:flex;flex:1;min-width:0}.mp-demo__nav{width:220px;flex-shrink:0;padding:12px 8px;border-right:1px solid var(--mp-border);background:var(--mp-surface)}.mp-demo__nav ul{list-style:none;margin:0;padding:0}.mp-demo__nav a{display:block;padding:8px 12px;border-radius:8px;color:var(--mp-text);text-decoration:none;font-size:14px}.mp-demo__nav a:hover{background:var(--mp-bg)}.mp-demo__nav a[aria-current=page]{background:var(--mp-bg);font-weight:650}.mp-demo__nav summary{display:none}.mp-demo__main{flex:1;min-width:0;padding-bottom:96px}@media(max-width:760px){.mp-demo__body{flex-direction:column}.mp-demo__nav{width:auto;padding:4px 8px;border-right:0;border-bottom:1px solid var(--mp-border)}.mp-demo__nav summary{display:block;cursor:pointer;padding:6px 12px;font-weight:650}.mp-demo__nav details:not(.is-user-open) ul,.mp-demo__nav details:not([open]) ul{display:none}}.mp-page-header{display:flex;flex-direction:column;gap:4px;margin:0 0 16px;min-width:0}.mp-page-header__back{align-self:flex-start;max-width:100%;color:var(--mp-text-subdued);font-size:13px;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}.mp-page-header__back:hover{color:var(--mp-text);text-decoration:underline}.mp-page-header__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.mp-page-header__title{flex:1 1 240px;min-width:0;margin:0;font-size:20px;font-weight:650;line-height:1.3;overflow-wrap:anywhere}.mp-page-header__actions{display:flex;flex-wrap:wrap;gap:8px}.mp-savebar{position:fixed;left:0;right:0;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#1a1a1a;color:#fff;font-size:14px}.mp-savebar__actions{display:flex;gap:8px}.mp-savebar button,.mp-toast button,.mp-picker button{font:inherit;border-radius:8px;padding:6px 12px;border:1px solid #5a5a5a;background:#303030;color:#fff;cursor:pointer}.mp-savebar button.mp-primary{background:#fff;color:#1a1a1a}.mp-toasts{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1001;display:flex;flex-direction:column;gap:8px;align-items:center;width:max-content;max-width:calc(100vw - 32px)}.mp-toast{max-width:min(560px,calc(100vw - 32px));box-sizing:border-box;background:#1a1a1a;color:#fff;padding:10px 16px;border-radius:10px;font-size:14px;line-height:1.4;text-align:center;overflow-wrap:anywhere;box-shadow:0 4px 16px #0003}.mp-picker{position:fixed;inset:0;z-index:1002;display:flex;align-items:center;justify-content:center;background:#00000073}.mp-picker__panel{width:min(560px,calc(100vw - 32px));max-height:80vh;overflow:auto;background:var(--mp-surface);color:var(--mp-text);border-radius:var(--mp-radius);padding:16px}.mp-picker__row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--mp-border)}.mp-picker__row img{width:40px;height:40px;border-radius:6px;object-fit:cover}.mp-skeleton{border-radius:6px;background:linear-gradient(90deg,var(--mp-border) 25%,var(--mp-bg) 50%,var(--mp-border) 75%);background-size:200% 100%;animation:mp-shimmer 1.4s infinite}.mp-skeleton--number{width:40%;height:28px}.mp-skeleton--line{width:70%;height:12px}@keyframes mp-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.mp-skeleton{animation:none}}.mp-subdued{color:var(--mp-text-subdued)}.mp-money{color:var(--mp-money);font-weight:600;font-variant-numeric:tabular-nums}.mp-roas{font-weight:700;color:var(--mp-money);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.15}.mp-roas--base{font-size:16px}.mp-roas--medium{font-size:24px}.mp-roas--large{font-size:40px;line-height:1.1}@media(max-width:600px){.mp-roas--large{font-size:30px}}.mp-stat__value{min-width:0;font-size:28px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--mp-text);overflow-wrap:anywhere}.mp-stat__value .mp-roas,.mp-stat__value .mp-roas--base,.mp-stat__value .mp-roas--medium,.mp-stat__value .mp-roas--large{font-size:28px;line-height:1.15}.mp-stat__value .mp-money{font-weight:700}.mp-health{display:inline-flex;align-items:center;gap:6px;font-size:13px}.mp-health__dot{width:9px;height:9px;border-radius:50%;background:#9a9a9a}.mp-health--good .mp-health__dot{background:var(--mp-success)}.mp-health--ok .mp-health__dot{background:#d4a106}.mp-health--bad .mp-health__dot{background:var(--mp-critical)}.mp-timeline{list-style:none;margin:0;padding:0}.mp-timeline__row{position:relative;display:flex;gap:12px;padding:0 0 14px}.mp-timeline__row:before{content:"";position:absolute;left:4px;top:14px;bottom:0;width:1px;background:var(--mp-border)}.mp-timeline__row:last-child:before{display:none}.mp-timeline__dot{flex-shrink:0;width:9px;height:9px;margin-top:5px;border-radius:50%;background:#9a9a9a}.mp-timeline__row--success .mp-timeline__dot{background:var(--mp-success)}.mp-timeline__row--warning .mp-timeline__dot{background:#d4a106}.mp-timeline__row--critical .mp-timeline__dot{background:var(--mp-critical)}.mp-timeline__body{color:var(--mp-text-subdued);font-size:13px}.mp-kv{margin:0;display:grid;gap:8px}.mp-kv__row{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:12px}.mp-kv dd{margin:0;overflow-wrap:anywhere}@media(max-width:520px){.mp-kv__row{grid-template-columns:1fr;gap:2px}}.mp-code{display:flex;align-items:flex-start;gap:8px;background:var(--mp-bg);border-radius:8px;padding:8px 12px}.mp-code pre{margin:0;flex:1;overflow-x:auto;font-size:13px}.mp-frame{background:#e9e9e9;border-radius:var(--mp-radius);padding:12px}.mp-chart{margin:0}.mp-chart__plot{display:block;overflow:visible}.mp-chart__labels{position:relative;overflow:hidden}.mp-chart__label{position:absolute;top:4px;transform:translate(-50%);font-size:11px;line-height:1.2;white-space:nowrap;color:var(--mp-text-subdued)}.mp-chart__label--start{transform:none}.mp-chart__label--end{transform:translate(-100%)}.mp-sparkline--money .mp-chart__line.mp-chart__series-0{stroke:#3d9a6a;stroke:color-mix(in srgb,var(--mp-money) 75%,#fff)}.mp-chart__axis{font-size:10px;fill:var(--mp-text-subdued)}.mp-chart__bar.mp-chart__series-0{fill:var(--mp-series-0)}.mp-chart__line.mp-chart__series-0{stroke:var(--mp-series-0)}.mp-chart__line.mp-chart__series-1{stroke:var(--mp-series-1)}.mp-chart__line.mp-chart__series-2{stroke:var(--mp-series-2)}.mp-chart__line.mp-chart__series-3{stroke:var(--mp-series-3)}.mp-chart__swatch.mp-chart__series-0,.mp-stacked__part.mp-chart__series-0{background:var(--mp-series-0)}.mp-chart__swatch.mp-chart__series-1,.mp-stacked__part.mp-chart__series-1{background:var(--mp-series-1)}.mp-chart__swatch.mp-chart__series-2,.mp-stacked__part.mp-chart__series-2{background:var(--mp-series-2)}.mp-chart__swatch.mp-chart__series-3,.mp-stacked__part.mp-chart__series-3{background:var(--mp-series-3)}.mp-chart__legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;font-size:12px;color:var(--mp-text-subdued)}.mp-chart__legend-item{display:inline-flex;align-items:center;gap:6px}.mp-chart__swatch{width:10px;height:10px;border-radius:2px}.mp-stacked{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--mp-border)}.mp-sparkline svg{display:inline-block;vertical-align:middle}.mp-store{max-width:1100px;margin:0 auto;padding:24px 16px 80px;font-family:Georgia,Times New Roman,serif}.mp-store__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.mp-store__card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.mp-store__card button{margin-top:6px}