html,body,#root{height:100%}body{margin:0;font-family:var(--ip-font);background:var(--ip-muted);color:var(--ip-foreground)}.ip-pg-layout{max-width:1200px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:24px}.ip-pg-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.ip-pg-header__title{margin:0 0 4px;font-size:24px}.ip-pg-header__subtitle{margin:0;color:var(--ip-muted-foreground)}.ip-pg-header__lang{display:flex;gap:4px}.ip-pg-header__lang-button{border:1px solid var(--ip-border);border-radius:var(--ip-radius);padding:6px 12px;background:var(--ip-background);color:var(--ip-foreground);cursor:pointer}.ip-pg-header__lang-button[aria-pressed=true]{background:var(--ip-primary);color:var(--ip-primary-foreground);border-color:var(--ip-primary)}.ip-pg-widget-picker{display:flex;gap:12px;flex-wrap:wrap}.ip-pg-widget-card{flex:1;min-width:200px;text-align:left;border:1px solid var(--ip-border);border-radius:var(--ip-radius);padding:16px;background:var(--ip-background);cursor:pointer;display:flex;flex-direction:column;gap:4px}.ip-pg-widget-card[data-selected=true]{border-color:var(--ip-primary);box-shadow:0 0 0 1px var(--ip-primary)}.ip-pg-widget-card__name{font-weight:600}.ip-pg-widget-card__description{font-size:13px;color:var(--ip-muted-foreground)}.ip-pg-layout__columns{display:flex;gap:24px;align-items:flex-start}.ip-pg-layout__column{display:flex;flex-direction:column;gap:16px}.ip-pg-layout__column--form{flex:0 0 320px}.ip-pg-layout__column--preview{flex:1;min-width:0}@media(max-width:800px){.ip-pg-layout__columns{flex-direction:column}.ip-pg-layout__column--form{flex:1 1 auto}}.ip-pg-config-form,.ip-pg-preview,.ip-pg-event-log,.ip-pg-snippet{background:var(--ip-background);border:1px solid var(--ip-border);border-radius:var(--ip-radius);padding:16px}.ip-pg-config-form{display:flex;flex-direction:column;gap:12px}.ip-pg-field{display:flex;flex-direction:column;gap:4px;font-size:13px}.ip-pg-field__label{color:var(--ip-muted-foreground)}.ip-pg-field__input{border:1px solid var(--ip-border);border-radius:var(--ip-radius);padding:8px;font:inherit;color:inherit;background:var(--ip-background)}.ip-pg-field__error{color:var(--ip-danger)}.ip-pg-field__hint{color:var(--ip-muted-foreground);font-size:12px;line-height:1.4}.ip-pg-field--switch{flex-direction:row;align-items:center;gap:8px}.ip-pg-field--color .ip-pg-field__color-row{display:flex;gap:8px;align-items:center}.ip-pg-preview__toolbar,.ip-pg-event-log__toolbar,.ip-pg-snippet__toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;flex-wrap:wrap}.ip-pg-preview__title,.ip-pg-event-log__title,.ip-pg-snippet__title{margin:0;font-size:16px}.ip-pg-preview__actions{display:flex;gap:8px}.ip-pg-button{border:1px solid var(--ip-border);border-radius:var(--ip-radius);padding:6px 12px;background:var(--ip-muted);color:var(--ip-foreground);cursor:pointer}.ip-pg-button:disabled{opacity:.5;cursor:default}.ip-pg-button[aria-pressed=true]{background:var(--ip-primary);color:var(--ip-primary-foreground)}.ip-pg-preview__frame-wrap{height:520px;border:1px solid var(--ip-border);border-radius:var(--ip-radius);overflow:hidden}.ip-pg-preview__frame-wrap--mobile{width:375px;height:667px;margin:0 auto}.ip-pg-preview__frame{width:100%;height:100%;border:0}.ip-pg-preview__invalid{padding:24px;text-align:center;color:var(--ip-muted-foreground)}.ip-pg-event-log__empty{color:var(--ip-muted-foreground);font-size:13px}.ip-pg-event-log__list{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.ip-pg-event-log__item{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:baseline;font-size:12px;border-bottom:1px solid var(--ip-border);padding-bottom:6px}.ip-pg-event-log__time{color:var(--ip-muted-foreground);font-variant-numeric:tabular-nums}.ip-pg-event-log__name{font-weight:600}.ip-pg-event-log__payload{margin:0;white-space:pre-wrap;word-break:break-word;font-size:11px;color:var(--ip-muted-foreground)}.ip-pg-snippet__toggle{flex-direction:row;align-items:center}.ip-pg-snippet__code{margin:0;padding:12px;background:var(--ip-muted);border-radius:var(--ip-radius);overflow-x:auto;font-size:13px}.ip-pg-snippet__fallback{margin:8px 0 0;color:var(--ip-danger);font-size:13px}