.pg{position:relative;min-height:100vh}.pg__backdrop{position:fixed;inset:0;z-index:-2;transition:background-color .2s ease}.pg__field{display:block;width:100%;height:100%}.pg__fallback,.pg__field{position:fixed;inset:0;z-index:-1}.pg__fallback{display:flex;align-items:center;justify-content:center;font-family:var(--font-mono),monospace;font-size:13px;color:var(--muted)}.pg-panel{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:30;width:min(720px,calc(100vw - 32px));padding:16px 18px;display:flex;flex-direction:column;gap:14px}.pg-panel__row{display:flex;align-items:center;justify-content:space-between;gap:16px}.pg-panel__tabs{display:flex;gap:4px;font-family:var(--font-mono),monospace;font-size:12px}.pg-panel__tab{padding:6px 12px;border-radius:999px;color:var(--muted);letter-spacing:.02em;transition:color .15s ease,background-color .15s ease}.pg-panel__tab:hover{color:var(--ink)}.pg-panel__tab[data-active=true]{color:var(--bg);background:var(--ink)}.pg-panel__actions{display:flex;align-items:center;gap:4px;border-left:1px solid var(--hairline);padding-left:12px}.pg-icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;color:var(--muted);border:1px solid transparent;transition:color .15s ease,border-color .15s ease}.pg-icon-btn:hover{color:var(--ink);border-color:var(--hairline)}.pg-icon-btn[data-active=true]{color:var(--accent)}.pg-icon-btn--inline{width:26px;height:26px;flex:none}.pg-color:focus-visible,.pg-icon-btn:focus-visible,.pg-panel__tab:focus-visible,.pg-range:focus-visible,.pg-select:focus-visible,.pg-switch:focus-visible,.pg-text:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.pg-panel__body{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px 20px;gap:14px 20px}.pg-field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-mono),monospace;font-size:12px}.pg-field__label{color:var(--muted);letter-spacing:.03em}.pg-field__value{color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pg-field--color,.pg-field--select{flex-direction:row;align-items:center;gap:10px}.pg-field--color .pg-field__label,.pg-field--select .pg-field__label{flex:none;width:74px}.pg-field--text{flex-direction:row;align-items:center;gap:8px}.pg-field--text .pg-field__label{flex:none;width:40px}.pg-field--toggle{flex-direction:row;align-items:center;justify-content:space-between}.pg-range{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:2px;background:var(--hairline);border-radius:999px;outline:none}.pg-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;-webkit-transition:transform .15s ease;transition:transform .15s ease}.pg-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.pg-range::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--accent);cursor:pointer}.pg-range::-moz-range-track{background:var(--hairline);height:2px;border-radius:999px}.pg-color{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:26px;height:26px;padding:0;border:1px solid var(--hairline);border-radius:6px;background:none;cursor:pointer}.pg-color::-webkit-color-swatch-wrapper{padding:2px}.pg-color::-webkit-color-swatch{border:none;border-radius:4px}.pg-text{background:transparent}.pg-select,.pg-text{flex:1 1;border:1px solid var(--hairline);border-radius:6px;padding:5px 8px;color:var(--ink);font-family:var(--font-mono),monospace;font-size:12px}.pg-select{background:var(--panel)}.pg-switch{position:relative;width:32px;height:18px;border-radius:999px;background:var(--hairline);transition:background-color .15s ease}.pg-switch[data-on=true]{background:var(--accent)}.pg-switch__thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--ink);transition:transform .15s ease,background-color .15s ease}.pg-switch[data-on=true] .pg-switch__thumb{transform:translateX(14px);background:var(--bg)}.pg-modal__overlay{position:fixed;inset:0;z-index:50;background:rgba(13,13,11,.6);display:flex;align-items:center;justify-content:center;padding:24px}.pg-modal{width:min(560px,100%);max-height:80vh;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.pg-modal__header{display:flex;align-items:center;justify-content:space-between}.pg-modal__title{font-family:var(--font-mono),monospace;font-size:13px;color:var(--ink);letter-spacing:.02em}.pg-modal__section{display:flex;flex-direction:column;gap:8px}.pg-modal__label{font-family:var(--font-mono),monospace;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}@media (max-width:560px){.pg-panel{bottom:12px;padding:14px;width:calc(100vw - 20px)}.pg-panel__row{flex-wrap:wrap;gap:10px}.pg-panel__actions{border-left:none;padding-left:0}.pg-panel__body{grid-template-columns:1fr}}