.pg-page{min-height:100vh;background:var(--c-bg);font-family:var(--font-body);color:var(--c-text)}.pg-content{padding-top:clamp(var(--sp8),5vw,var(--sp12));padding-bottom:clamp(var(--sp12),7vw,var(--sp24));display:flex;flex-direction:column;gap:var(--sp8)}.pg-header{max-width:640px}.pg-title{font-size:var(--text-xl);font-family:var(--font-display);font-weight:700;color:var(--c-text);line-height:1.2;margin-bottom:var(--sp3)}.pg-desc{font-size:var(--text-base);color:var(--c-muted);line-height:1.7}.pg-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp6);align-items:start}.pg-panel{display:flex;flex-direction:column;gap:var(--sp4)}.pg-tabs{display:flex;gap:var(--sp1);background:var(--c-surface-alt);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp1);flex-wrap:wrap}.pg-tab{flex:1;min-width:max-content;padding:var(--sp2) var(--sp4);font-size:var(--text-xs);font-weight:600;font-family:var(--font-body);color:var(--c-muted);background:none;border:none;border-radius:calc(var(--r-lg) - var(--sp1));cursor:pointer;white-space:nowrap;transition:background var(--tr),color var(--tr),box-shadow var(--tr)}.pg-tab--active,.pg-tab:hover{color:var(--c-text)}.pg-tab--active{background:var(--c-surface);box-shadow:var(--sh-sm)}.pg-request{display:flex;flex-direction:column;gap:var(--sp2)}.pg-input-group__label,.pg-request__label,.pg-response__label{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-faint);display:flex;align-items:center;gap:var(--sp2)}.pg-input-group{display:flex;flex-direction:column;gap:var(--sp2)}.pg-textarea{width:100%;padding:var(--sp4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);font-size:var(--text-sm);font-family:var(--font-body);color:var(--c-text);resize:vertical;min-height:140px;line-height:1.65;transition:border-color var(--tr),box-shadow var(--tr);outline:none}.pg-textarea::placeholder{color:var(--c-faint)}.pg-textarea:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-hi)}.pg-response{display:flex;flex-direction:column;gap:var(--sp2);min-height:320px}.pg-response__status{font-size:.72rem;font-weight:700;color:#1e8449;background:rgba(39,174,96,.1);padding:2px 8px;border-radius:var(--r-full);font-family:var(--font-body);letter-spacing:.04em}.pg-loading{display:flex;flex-direction:column;gap:var(--sp3);padding:var(--sp6);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);align-items:center;justify-content:center;min-height:200px}@keyframes pg-bar{0%{transform:scaleX(.05)}50%{transform:scaleX(.7)}to{transform:scaleX(.05)}}.pg-loading__bar{width:120px;height:3px;background:var(--c-primary);border-radius:var(--r-full);transform-origin:left center;animation:pg-bar 1.4s ease-in-out infinite;opacity:.7}.pg-loading__text{font-size:var(--text-sm);color:var(--c-muted)}.pg-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp3);min-height:200px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);font-size:var(--text-sm)}.pg-empty,.pg-hint{color:var(--c-faint)}.pg-hint{font-size:var(--text-xs);line-height:1.65}.pg-hint a{color:var(--c-primary);text-decoration:underline;text-underline-offset:2px}@media (max-width:900px){.pg-layout{grid-template-columns:1fr}}@media (max-width:480px){.pg-tabs{gap:var(--sp1)}.pg-tab{padding:var(--sp2) var(--sp2);font-size:.67rem}}