.panel-grid{--pg-ink:#20252d;--pg-muted:#526071;--pg-blue:#355bc6;--pg-line:#c8d0dc;color:var(--pg-ink);background:#f7f8fa;padding:clamp(16px,3vw,34px);font-family:Arial,sans-serif}.panel-grid *{box-sizing:border-box}.panel-grid button,.panel-grid input,.panel-grid select{font:inherit}.panel-grid button{cursor:pointer}.panel-grid button:disabled{cursor:not-allowed;opacity:.45}.panel-grid :focus-visible{outline-offset:3px;outline:3px solid #143eaa}.panel-grid .pg-topline{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.panel-grid .pg-kicker,.panel-grid .pg-stage-heading,.panel-grid .pg-dock-title>span,.panel-grid .pg-selection{letter-spacing:.08em;color:var(--pg-muted);font:700 11px/1.4 IBM Plex Mono,monospace}.panel-grid .pg-topline h2{letter-spacing:-.035em;margin:5px 0 0;font-size:clamp(22px,2.8vw,34px);line-height:1.12}.panel-grid .pg-columns{gap:6px;min-width:154px;font-size:13px;font-weight:700;display:grid}.panel-grid .pg-columns select,.panel-grid .pg-inspector input,.panel-grid .pg-inspector select{width:100%;min-height:42px;color:var(--pg-ink);background:#fff;border:1px solid #8793a5;border-radius:2px;padding:8px 10px}.panel-grid .pg-workbench{grid-template-columns:minmax(0,1fr) 254px;align-items:start;gap:24px;display:grid}.panel-grid .pg-stage-wrap{min-width:0}.panel-grid .pg-stage-heading{border-top:2px solid var(--pg-ink);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.panel-grid .pg-scroll{border:1px solid var(--pg-line);background:#edf0f5;overflow-x:auto}.panel-grid .pg-canvas{grid-auto-rows:92px;align-content:start;gap:10px;min-height:282px;padding:16px;display:grid}.panel-grid .pg-panel{text-align:left;min-width:0;color:var(--pg-ink);border:1px solid #aab4c4;border-top:4px solid var(--pg-blue);background:#fff;border-radius:0;flex-direction:column;align-items:flex-start;padding:12px 15px;transition:background .15s,box-shadow .15s;display:flex}.panel-grid .pg-panel:hover{background:#f7f9ff}.panel-grid .pg-panel.is-selected{box-shadow:inset 0 0 0 2px var(--pg-blue)}.panel-grid .pg-panel-index,.panel-grid .pg-panel small{color:var(--pg-muted);font:11px/1.2 IBM Plex Mono,monospace}.panel-grid .pg-panel strong{overflow-wrap:anywhere;margin:auto 0;font-size:16px;line-height:1.25}.panel-grid .pg-panel small{align-self:flex-end}.panel-grid .pg-empty{color:var(--pg-muted);text-align:center;flex-direction:column;grid-area:span 2/1/auto/-1;justify-content:center;align-items:center;display:flex}.panel-grid .pg-empty-mark{border:2px dashed #a2aec0;place-items:center;width:46px;height:46px;font-size:27px;line-height:1;display:grid}.panel-grid .pg-empty p{color:var(--pg-ink);margin:12px 0 2px;font-weight:700}.panel-grid .pg-empty>span:last-child{font-size:13px}.panel-grid .pg-scroll-hint{color:var(--pg-muted);margin:8px 0 0;font-size:12px}.panel-grid .pg-dock{border-top:2px solid var(--pg-ink)}.panel-grid .pg-dock-title{justify-content:space-between;align-items:center;gap:8px;padding:8px 0 16px;display:flex}.panel-grid .pg-dock-title button,.panel-grid .pg-download{border:1px solid var(--pg-blue);background:var(--pg-blue);color:#fff;border-radius:2px;padding:9px 12px;font-weight:700}.panel-grid .pg-dock-title button:hover,.panel-grid .pg-download:hover{background:#2448a9}.panel-grid .pg-inspector{gap:15px;display:grid}.panel-grid .pg-selection{margin:0}.panel-grid .pg-inspector label{gap:6px;font-size:13px;font-weight:700;display:grid}.panel-grid .pg-inspector input[aria-invalid=true]{border-color:#b62d2d}.panel-grid .pg-error{color:#a22424;margin:-9px 0 0;font-size:12px}.panel-grid .pg-span-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.panel-grid .pg-order{grid-template-columns:1fr 1fr;gap:8px;display:grid}.panel-grid .pg-order button,.panel-grid .pg-remove,.panel-grid .pg-reset{color:var(--pg-ink);background:#fff;border:1px solid #8793a5;border-radius:2px;padding:9px 8px;font-size:12px;font-weight:700}.panel-grid .pg-order button:hover:not(:disabled),.panel-grid .pg-remove:hover,.panel-grid .pg-reset:hover{background:#edf0f5}.panel-grid .pg-remove{justify-self:start}.panel-grid .pg-no-selection{color:var(--pg-muted);margin:4px 0 30px;font-size:13px;line-height:1.5}.panel-grid .pg-actions{gap:8px;margin-top:26px;display:grid}.panel-grid .pg-download,.panel-grid .pg-reset{min-height:42px}.panel-grid .pg-notice{min-height:1.4em;color:var(--pg-muted);margin:10px 0 0;font-size:12px}@media (width<=800px){.panel-grid .pg-workbench{grid-template-columns:1fr}.panel-grid .pg-dock{max-width:none}.panel-grid .pg-inspector{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.panel-grid .pg-selection,.panel-grid .pg-error{grid-column:1/-1}.panel-grid .pg-actions{grid-template-columns:1fr 1fr}}@media (width<=520px){.panel-grid{padding:16px}.panel-grid .pg-topline{flex-direction:column;align-items:stretch;gap:14px}.panel-grid .pg-columns{max-width:220px}.panel-grid .pg-inspector{grid-template-columns:1fr}.panel-grid .pg-span-fields,.panel-grid .pg-order{grid-template-columns:1fr 1fr}.panel-grid .pg-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.panel-grid *,.panel-grid :before,.panel-grid :after{transition:none!important;animation:none!important}}