.container-wide{max-width:1400px;margin:0 auto;padding:0 24px 64px;--pg-preview-h: calc(100vh - 150px) }.pg-access{margin-bottom:24px}.pg-access-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;padding:16px 18px}.pg-access-row .pg-field{flex:1 1 220px}.pg-access-row .pg-access-project{flex:1 1 240px}.pg-access-row .pg-run{flex:0 0 auto}.pg-access-note{padding:0 18px 16px;margin:0}.pg-preview-bar{position:sticky;top:72px;z-index:5;display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.pg-run-dirty{position:relative;box-shadow:0 0 0 3px var(--amber-100)}.pg-run-dirty:after{content:"";position:absolute;top:-4px;right:-4px;width:10px;height:10px;border-radius:var(--radius-full);background:var(--amber-500)}.pg-dirty{font-size:.82rem;color:var(--amber-700);font-weight:600}.pg-layout{display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:start}.pg-config{display:flex;flex-direction:column;gap:16px;position:sticky;top:88px}.pg-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.pg-card .card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--gray-50)}.pg-card .card-header h3{margin:0;font-size:.95rem;color:var(--text-strong)}.pg-card .card-body{padding:18px;display:flex;flex-direction:column;gap:14px}.pg-tabs>.tabs{display:flex;gap:2px;padding:0 10px;border-bottom:1px solid var(--border);background:var(--gray-50);margin:calc(var(--sp-8) * -1);margin-bottom:var(--sp-4);justify-content:center}.pg-tabs>.tabs .tab{padding:12px 14px;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent}.pg-tabs>.tabs .tab.active{color:var(--blue-600);border-bottom-color:var(--blue-500)}.pg-tabs>.tab-panel{display:none}.pg-tabs>.tab-panel.active{display:flex}.pg-user-fields{display:flex;flex-direction:column;gap:14px}.pg-check-strong{font-weight:600}.pg-check-disabled{opacity:.6;cursor:not-allowed}.pg-required{color:var(--red-500)}.pg-secret{-webkit-text-security:disc;text-security:disc}.pg-secret.pg-secret-visible{-webkit-text-security:none;text-security:none}.pg-add{align-self:flex-start;margin-top:12px}.pg-field{display:flex;flex-direction:column;gap:6px}.pg-field .form-label{font-size:.8rem;font-weight:600;color:var(--text)}.pg .form-control{width:100%;padding:9px 12px;border:1px solid var(--border-hover);border-radius:var(--radius);font-family:var(--font-body);font-size:.9rem;color:var(--text);background:var(--bg)}.pg .form-control:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-100)}.pg .form-text{font-size:.78rem;color:var(--text-muted);margin:4px 0 0}.pg-input-reveal{position:relative;display:block}.pg-input-reveal .form-control{padding-right:42px}.pg-reveal{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;padding:6px;cursor:pointer;color:var(--text-muted);line-height:0}.pg-reveal:hover{color:var(--text)}.pg-check{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--text);cursor:pointer}.pg-check input{width:16px;height:16px}.pg-avatars{display:flex;flex-wrap:wrap;gap:8px}.pg-avatar{width:40px;height:40px;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;background:var(--gray-100);transition:border-color .15s,transform .15s}.pg-avatar:hover{transform:scale(1.08)}.pg-avatar-active{border-color:var(--blue-500)}#pg-threads{display:flex;flex-direction:column;gap:14px}.pg-thread{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px dashed var(--border-hover);border-radius:var(--radius);background:var(--gray-50)}.pg-thread-row{display:flex;align-items:center;gap:8px}.pg-thread-row .form-control{flex:1}.pg-thread-remove{flex:0 0 auto;width:30px;height:30px;border:1px solid var(--border-hover);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-muted);font-size:1.1rem;line-height:1;cursor:pointer}.pg-thread-remove:hover{color:var(--red-600);border-color:var(--red-500)}#pg-entities{display:flex;flex-direction:column;gap:14px;margin-bottom:4px}.pg-entity{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px dashed var(--border-hover);border-radius:var(--radius);background:var(--gray-50)}.pg-entity-head{display:flex;align-items:center;gap:8px}.pg-entity-head .form-control{flex:1}.pg-entity-field-list{display:flex;flex-direction:column;gap:6px}.pg-entity-field{display:flex;align-items:center;gap:8px}.pg-entity-field .form-control{flex:1}.pg-entity-remove,.pg-entity-field-remove{flex:0 0 auto;width:30px;height:30px;border:1px solid var(--border-hover);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-muted);font-size:1.1rem;line-height:1;cursor:pointer}.pg-entity-remove:hover,.pg-entity-field-remove:hover{color:var(--red-600);border-color:var(--red-500)}.pg-preview{min-height:var(--pg-preview-h)}.pg-preview-inner{position:relative;min-height:var(--pg-preview-h);display:flex;flex-direction:column;gap:20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at 1px 1px,var(--gray-100) 1px,transparent 0) 0 0 / 22px 22px,var(--surface);padding:20px}.pg-cta{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:var(--text-muted);padding:24px}.pg-cta h3{margin:0;color:var(--text-strong)}.pg-threads-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;flex:1;min-height:0}.pg-thread-frame{height:var(--pg-preview-h);min-height:480px;border-radius:var(--radius);overflow:hidden;animation:pg-fade-in .25s ease}@keyframes pg-fade-in{0%{opacity:0}to{opacity:1}}.pg-home{height:var(--pg-preview-h);min-height:480px;border-radius:var(--radius);overflow:hidden}.pg-home-app{height:100%}.pg-code{margin-top:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.pg-code .tabs{display:flex;gap:4px;padding:10px 14px 0;border-bottom:1px solid var(--border)}.pg-code .tab{padding:10px 16px;cursor:pointer;font-size:.88rem;font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent}.pg-code .tab.active{color:var(--blue-600);border-bottom-color:var(--blue-500)}.pg-code .tab-panel{display:none;padding:18px}.pg-code .tab-panel.active{display:block}.pg-code .code-titlebar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px}.pg-code .code-filename{font-family:var(--font-mono);font-size:.8rem;color:var(--gray-300)}.pg-copy{flex:0 0 auto}@media(max-width:960px){.pg-layout{grid-template-columns:1fr}.pg-config{position:static}}