@charset "UTF-8";:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;background:#0f0a1f;color:#fff;--pg-bg: #0f0a1f;--pg-bg-secondary: #1a1230;--pg-surface: #15082a;--pg-border: rgba(255, 255, 255, .1);--pg-text: #ffffff;--pg-text-muted: rgba(255, 255, 255, .5);--pg-accent: #a855f7;--pg-accent-hover: #9333ea;--pg-gold: #e4c44a;--pg-gold-bright: #facc15;--pg-bar-padding-y: .5rem;--pg-bar-padding-x: 1rem;--pg-bar-gap: .75rem;--pg-control-h: 2.25rem;--pg-control-radius: .45rem;--pg-control-pad-x: .75rem;--pg-sidebar-width: 240px}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}.playground-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--pg-bg)}.playground{display:grid;grid-template-columns:var(--pg-sidebar-width) 1fr;flex:1;min-height:0}body.dev-config-open{overflow:hidden}.pg-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pg-mobile-only{display:none}.pg-control{box-sizing:border-box;height:var(--pg-control-h);min-height:var(--pg-control-h);margin:0;padding:0 var(--pg-control-pad-x);border-radius:var(--pg-control-radius);border:1px solid rgba(255,255,255,.14);background:var(--pg-bg);color:var(--pg-text);font:inherit;font-size:.875rem;line-height:1}.pg-control--primary{border-color:transparent;background:linear-gradient(135deg,var(--pg-accent) 0%,var(--pg-accent-hover) 100%);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #a855f752}.pg-control--primary:hover{background:linear-gradient(135deg,var(--pg-accent-hover) 0%,#7c3aed 100%);border-color:transparent}.playground-sidebar{border-right:1px solid var(--pg-border);padding:1.25rem 1rem;background:var(--pg-bg-secondary)}.playground-brand{display:flex;align-items:center;gap:.65rem;margin-bottom:1.5rem;padding:0 .5rem}.playground-brand__logo{display:block;width:auto;height:2rem;flex-shrink:0}.playground-brand__text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.playground-brand__text span{font-size:.85rem;color:var(--pg-gold)}.playground-nav{display:flex;flex-direction:column;gap:.25rem}.playground-nav__link{display:block;padding:.55rem .75rem;border-radius:.5rem;color:#ffffffb8;text-decoration:none;font-size:.95rem}.playground-nav__link.is-active,.playground-nav__link.active{background:#a855f72e;color:#fff}.playground-nav__link:hover{background:#ffffff0f;color:#fff}.playground-main{display:flex;flex-direction:column;min-width:0;padding:0 2rem 2rem;background:var(--pg-bg)}.playground-topbar{display:flex;align-items:center;gap:var(--pg-bar-gap);margin:0 -2rem;padding:var(--pg-bar-padding-y) var(--pg-bar-padding-x);border-bottom:1px solid var(--pg-border)}.playground-topbar__picker{align-items:center;margin:0;min-width:0}.playground-topbar__picker select.pg-control{width:100%;min-width:0}@media (min-width: 576px){.playground-topbar{justify-content:flex-end;margin:0 -2rem;padding:var(--pg-bar-padding-y) var(--pg-bar-padding-x)}.playground-topbar:not(:has(.playground-topbar__configure)){display:none}.playground-topbar__configure{flex-shrink:0}}.playground-header{margin:1.5rem 0}.playground-header h1{margin:0 0 .35rem;font-size:1.5rem}.playground-header p{margin:0;color:var(--pg-text-muted);max-width:68ch}.playground-header__link{color:var(--pg-gold);text-decoration:underline;text-underline-offset:3px}.playground-header__link:hover{color:var(--pg-gold-bright)}.playground-campaigns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:1.15rem}.playground-campaign{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.7rem .8rem;border:1px solid var(--pg-border);border-radius:.55rem;background:var(--pg-bg-secondary);color:inherit;text-align:left;font:inherit;cursor:pointer}.playground-campaign strong{font-size:.88rem}.playground-campaign span{font-size:.75rem;color:var(--pg-text-muted);line-height:1.35}.playground-campaign:hover{border-color:var(--pg-accent)}.playground-campaign.is-active{border-color:var(--pg-accent);background:#a855f724;box-shadow:0 0 0 1px #a855f759}.playground-campaign.is-active strong{color:var(--pg-gold)}.playground-header__row{display:flex;flex-wrap:wrap;gap:1.5rem 2rem;align-items:flex-start;justify-content:space-between}.playground-stage{flex:1;min-height:60vh;min-width:0}.dev-config-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#000000a6;backdrop-filter:blur(4px)}.dev-config-backdrop[hidden]{display:none}.dev-config-dialog{width:min(560px,100%);max-height:min(90vh,720px);display:flex;flex-direction:column;border-radius:.85rem;border:1px solid rgba(255,255,255,.14);background:var(--pg-bg-secondary);box-shadow:0 24px 48px #00000073}.dev-config-dialog--fixed{width:min(960px,100vw - 3rem);height:min(90vh,820px);max-height:min(90vh,820px)}.dev-config-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid var(--pg-border)}.dev-config-dialog__header h2{margin:0;font-size:1.1rem}.dev-config-dialog__close{width:2rem;height:2rem;border:none;border-radius:.4rem;background:transparent;color:#9aa3b2;font-size:1.35rem;line-height:1;cursor:pointer}.dev-config-dialog__close:hover{background:#1a1f28;color:#fff}.dev-config-dialog--custom{width:min(720px,100%)}.dev-config-tabs{display:flex;gap:0;padding:0 1.15rem;border-bottom:1px solid var(--pg-border)}.dev-config-tabs--inner{padding-top:.35rem;background:var(--pg-bg)}.dev-config-tab{margin:0;padding:.65rem 1rem;border:none;border-bottom:2px solid transparent;background:transparent;color:#9aa3b2;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer}.dev-config-tab:hover{color:var(--pg-text)}.dev-config-tab.is-active,.dev-config-tab[aria-selected=true]{color:var(--pg-text);border-bottom-color:var(--pg-accent)}.dev-config-tabpanel[hidden]{display:none!important}.dev-config-dialog__body{flex:1;overflow:auto;padding:1rem 1.15rem;display:flex;flex-direction:column;gap:1.25rem}.dev-config-subpanels{display:flex;flex-direction:column;gap:1rem}.dev-config-section-cards{display:flex;flex-direction:column;gap:.65rem}.dev-config-section-card{border:1px solid var(--pg-border);border-radius:.55rem;background:var(--pg-bg);overflow:hidden}.dev-config-section-card.is-enabled{border-color:#ffffff24}.dev-config-section-card__head{padding:.65rem .75rem;border-bottom:1px solid var(--pg-border)}.dev-config-section-card:not(.is-enabled) .dev-config-section-card__head{border-bottom:none}.dev-config-section-card__toggle{display:flex;align-items:center;gap:.45rem;cursor:pointer;font-weight:600;font-size:.9rem}.dev-config-section-card__hint{margin:.35rem 0 0 1.55rem;font-size:.75rem;color:#6b7280}.dev-config-section-card__body{display:flex;flex-direction:column;gap:.65rem;padding:.75rem}.dev-config-section-card__body.is-collapsed{display:none}.dev-config-layout-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.dev-config-layout-block{border:1px solid var(--pg-border);border-radius:.55rem;background:var(--pg-bg);overflow:hidden}.dev-config-layout-block.is-enabled{border-color:#ffffff24}.dev-config-layout-block.is-drag-over{border-color:var(--pg-accent);box-shadow:0 0 0 1px #a855f759}.dev-config-layout-block__head{display:grid;grid-template-columns:auto auto 1fr;grid-template-areas:"handle expand toggle" "handle expand hint";gap:.35rem .5rem;align-items:center;padding:.65rem .75rem;cursor:pointer}.dev-config-layout-block__toggle{grid-area:toggle;display:flex;align-items:center;gap:.45rem;font-weight:600;font-size:.9rem}.dev-config-layout-block__title{font-weight:600}.dev-config-layout-block__hint{grid-area:hint;margin:0 0 0 1.55rem;font-size:.75rem;color:#6b7280}.dev-config-layout-block__expand{grid-area:expand;color:#9aa3b2}.dev-config-layout-block.is-collapsed .dev-config-layout-block__expand-icon{transform:rotate(-90deg)}.dev-config-layout-block__fields{display:flex;flex-direction:column;gap:.65rem;padding:.75rem;border-top:1px solid var(--pg-border)}.dev-config-layout-block__fields.is-collapsed,.dev-config-layout-block__fields.is-disabled{display:none}.dev-config-drag-handle{grid-area:handle;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin:0;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:.35rem;background:var(--pg-bg-secondary);color:#9aa3b2;font:inherit;cursor:grab}.dev-config-drag-handle:active{cursor:grabbing}.dev-config-mini-block{display:flex;flex-direction:column;gap:.5rem;padding:.55rem .6rem;border-radius:.4rem;border:1px solid #252a35;background:var(--pg-bg-secondary)}.dev-config-mini-block__title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9aa3b2}.dev-config-mini-grid{display:flex;flex-direction:column;gap:.5rem}.dev-config-preset-card.is-selected{border-color:var(--pg-accent);background:#151a22;box-shadow:0 0 0 1px #a855f759}.dev-config-section h3{margin:24px 0 .25rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#9aa3b2}.dev-config-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;margin-bottom:.75rem}.dev-config-preset-card{display:flex;flex-direction:column;gap:.2rem;padding:.55rem .65rem;border:1px solid var(--pg-border);border-radius:.5rem;background:var(--pg-bg);color:inherit;text-align:left;font:inherit;cursor:pointer}.dev-config-preset-card:hover{border-color:var(--pg-accent);background:#151a22}.dev-config-preset-card strong{font-size:.85rem}.dev-config-preset-card span{font-size:.72rem;color:#9aa3b2;line-height:1.3}.dev-config-field{display:flex;flex-direction:column;font-size:.85rem;margin-top:.75rem}.dev-config-field>span{margin-bottom:.25rem;color:#9aa3b2;font-size:.75rem}.dev-config-field input,.dev-config-field select,.dev-config-field textarea{padding:.45rem .55rem;border-radius:.4rem;border:1px solid rgba(255,255,255,.14);background:var(--pg-bg);color:var(--pg-text);font:inherit}.dev-config-color-row{display:flex;align-items:center;gap:.5rem;overflow:visible}.dev-config-color-row ngx-colors{flex-shrink:0}.dev-config-color-row input{flex:1;min-width:0}.dev-config-field-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}.dev-config-field-row>.dev-config-field{margin-top:0}.dev-config-checkboxes,.dev-config-checkgrid{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.dev-config-check{display:flex;align-items:center;gap:.35rem;font-size:.88rem;cursor:pointer}.dev-config-check--sub{margin-top:.5rem;font-size:.82rem;color:#9aa3b2}.dev-config-check.is-disabled{opacity:.45;pointer-events:none}.dev-config-dialog__footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.85rem 1.15rem;border-top:1px solid var(--pg-border)}.dev-config-btn{padding:.5rem 1rem;border-radius:.45rem;border:1px solid transparent;font:inherit;font-size:.88rem;cursor:pointer}.dev-config-btn--ghost{background:transparent;border-color:#ffffff24;color:#c5cad3}.dev-config-btn--primary{background:linear-gradient(135deg,var(--pg-accent) 0%,var(--pg-accent-hover) 100%);color:#fff}.dev-config-btn--primary:hover{background:linear-gradient(135deg,var(--pg-accent-hover) 0%,#7c3aed 100%)}@media (max-width: 575px){:root{--pg-bar-padding-x: .65rem;--pg-bar-gap: .5rem;--pg-control-pad-x: .6rem}.pg-mobile-only{display:flex}.playground-topbar__picker{flex:1}.playground-topbar__configure{margin-left:auto;flex-shrink:0}.playground{grid-template-columns:1fr}.playground-sidebar{display:none}.playground-main{padding:0 0 1.5rem}.playground-topbar{margin:0}.playground-header{margin:1rem var(--pg-bar-padding-x) 1.25rem}.playground-campaigns{grid-template-columns:1fr}.playground-stage{padding:0 var(--pg-bar-padding-x)}}@media (max-width: 575px){.dev-config-backdrop{padding:.75rem;align-items:flex-end}.dev-config-dialog,.dev-config-dialog--fixed{width:100%;height:min(92vh,92dvh);max-height:min(92vh,92dvh);border-bottom-left-radius:0;border-bottom-right-radius:0}.dev-config-field-row,.dev-config-preset-grid{grid-template-columns:1fr}}