.pg{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:20px 0;overflow:hidden}.pg-top{grid-template-columns:1fr 260px;display:grid}@media (width<=720px){.pg-top{grid-template-columns:1fr}}.pg-preview{background-image:radial-gradient(var(--dot) 1px, transparent 1px);background-size:15px 15px;place-items:center;gap:12px;min-height:190px;padding:28px 22px;display:grid}.pg-controls{border-left:1px solid var(--border-soft);background:var(--inset);align-content:start;gap:10px;padding:16px;display:grid}@media (width<=720px){.pg-controls{border-left:0;border-top:1px solid var(--border-soft)}}.pg-h{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.1px;color:var(--muted);font-size:10.5px}.pg-row{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;display:flex}.pg-label{color:var(--text);font-size:12.5px;display:grid}.pg-hint{color:var(--muted);font-size:11px}.pg-check{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex:none}.pg-text{width:118px;font-family:var(--mono);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:7px;flex:none;padding:5px 8px;font-size:12px}.pg-text:focus{border-color:var(--muted);outline:none}.pg-select{flex:none;width:118px}.pg-select [data-enigma-select-trigger]{font-family:var(--mono);padding:5px 8px;font-size:12px}.pg-select [data-enigma-select-option]{font-family:var(--mono);font-size:12px}.pg-reset{font-family:var(--mono);color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:7px;justify-self:start;margin-top:4px;padding:4px 9px;font-size:11px}.pg-reset:hover{color:var(--text);border-color:var(--muted)}.pg-code{border-top:1px solid var(--border-soft)}.pg-code pre{color:#fff;background:#101010;border:0;border-radius:0;margin:0;padding:14px 16px;font-size:12.5px;line-height:1.6;position:relative;overflow-x:auto}.pg-btn{font-family:var(--mono);font-size:var(--demo-font-size,13px);color:var(--demo-color,#101010);background:var(--demo-bg,var(--accent));border-radius:var(--demo-radius,9px);padding:var(--demo-padding,9px 16px);cursor:pointer;text-align:center;border:1px solid #0000;align-items:center;gap:8px;font-weight:600;line-height:1.25;text-decoration:none;transition:opacity .12s ease-out;display:inline-flex}.pg-btn:hover{opacity:.9}.pg-btn kbd{font-family:var(--mono);color:inherit;background:#00000024;border-radius:5px;padding:3px 6px;font-size:11px;line-height:1}.pg-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.pg-btn[data-cooldown]{color:var(--text);background:var(--surface2);border-color:var(--border)}.pg-picker{width:min(280px,100%)}.pg-field{width:min(340px,100%)}.pg-search{gap:10px;width:min(420px,100%);display:grid}.pg-search-in{width:100%}.pg-results{align-content:start;gap:2px;min-height:116px;margin:0;padding:0;list-style:none;display:grid}.pg-results li{font-size:var(--demo-row-size,12.5px);color:var(--demo-row-color,var(--text));border-radius:6px;align-items:center;gap:10px;padding:3px 6px;display:flex}.pg-results li:hover{background:var(--demo-row-active,transparent)}.pg-kind{font-family:var(--mono);color:var(--muted);font-size:10.5px}.pg-score{font-family:var(--mono);color:var(--accent);margin-left:auto;font-size:10.5px}.pg-none{color:var(--muted)}.pg-marquee{width:100%}.pg-pill{font-family:var(--mono);color:var(--demo-pill-color,var(--muted));background:var(--demo-pill-bg,var(--surface2));border:1px solid var(--border);border-radius:var(--demo-pill-radius,999px);white-space:nowrap;user-select:none;align-items:center;padding:6px 13px;font-size:12px;display:inline-flex}.pg-time{color:var(--demo-time-color,var(--muted));font-size:var(--demo-time-size,14px)}.pg-wall{justify-self:stretch;width:100%;min-width:0}.pg-flags{justify-items:center;gap:10px;display:grid}.pg-flag{border-radius:var(--demo-flag-radius,3px);outline:1px solid var(--demo-flag-ring,transparent);outline-offset:1px}.pg-flag[data-flag-shape=circle]{border-radius:999px}.pg-flag-alt{font-family:var(--mono);color:var(--muted);font-size:11px}.pg-h-tabs{gap:4px;padding:0;display:flex}.pg-h-tabs button,.pg-out button{font-family:var(--mono);letter-spacing:.4px;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 8px;font-size:11px}.pg-h-tabs button.is-on,.pg-out button.is-on{color:var(--text);background:var(--surface2)}.pg-h-tabs button:hover,.pg-out button:hover{color:var(--text)}.pg-out{gap:4px;padding:8px 10px 0;display:flex}.pg-color{cursor:pointer;border:1px solid var(--border);background:0 0;border-radius:6px;width:34px;height:22px;padding:0}.pg-color::-webkit-color-swatch-wrapper{padding:2px}.pg-color::-webkit-color-swatch{border:0;border-radius:4px}.pg-range{width:120px;accent-color:var(--accent);cursor:pointer}.pg-menu{gap:10px;width:min(360px,100%);display:grid}.pg-menu-area{min-height:132px;color:var(--muted);text-align:center;background:var(--surface2);border:1px dashed var(--border);border-radius:var(--radius-sm);cursor:context-menu;place-content:center;justify-items:center;gap:4px;padding:16px;font-size:13px;display:grid}.pg-menu-area:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pg-menu-hint{opacity:.7;font-size:11.5px}.pg-menu-field{width:260px;max-width:100%;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:8px;padding:6px 9px;font-size:12.5px}.pg-menu-field:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.pg-menu-out{min-height:20px;color:var(--muted);margin:0;font-size:12px}.pg-menu-out code{font-family:var(--mono);color:var(--text)}.pg-pick-wrap{gap:10px;width:min(380px,100%);display:grid}.pg-pick{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;gap:2px;padding:6px;display:grid}.pg-pick[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.pg-pick:focus-visible{border-color:var(--accent)}.pg-pick [data-enigma-selection-item]{border-radius:var(--demo-pick-radius,7px);min-width:0;color:var(--text);cursor:default;user-select:none;align-items:center;gap:8px;padding:5px 8px;font-size:12.5px;display:flex}.pg-pick[data-columns="4"] [data-enigma-selection-item]{text-align:center;flex-direction:column;gap:4px;padding:10px 4px}.pg-pick [data-enigma-selection-item][data-selected]{color:var(--demo-pick-text,var(--text));background:var(--demo-pick-bg,var(--accent-weak))}.pg-pick [data-enigma-selection-item][data-cursor]{box-shadow:inset 0 0 0 1px var(--demo-pick-cursor,var(--accent))}.pg-pick [data-enigma-selection-item][data-disabled]{opacity:.4}.pg-pick-icon{color:var(--muted)}.pg-pick-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pg-pick [data-enigma-selection-marquee]{background:var(--demo-pick-band,var(--accent-weak));border:1px solid var(--accent);border-radius:4px}.pg-pick-out{min-height:20px;color:var(--muted);margin:0;font-size:12px}.pg-gallery{flex-wrap:wrap;justify-content:center;gap:8px;width:min(420px,100%);display:flex}.pg-gallery-item{border-radius:var(--radius-sm);width:96px;height:72px;overflow:hidden}.pg-gallery-item img{object-fit:cover;width:100%;height:100%}.pg-player{gap:10px;width:min(420px,100%);display:grid}.pg-player-frame{width:100%}.pg-player-pick{color:var(--muted);gap:6px;font-size:12px;display:grid}.pg-player-pick input{font:inherit;color:inherit}