:root{--vz-bg:#f8fafc;--vz-surface:#fff;--vz-border:#e2e8f0;--vz-text:#0f172a;--vz-muted:#64748b;--vz-accent:#6366f1;--vz-accent-2:#2563eb;--vz-radius:12px;--vz-shadow:0 1px 3px #0f172a14}*{box-sizing:border-box;margin:0}body{background:var(--vz-bg);color:var(--vz-text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,sans-serif}.pg-header{background:var(--vz-surface);border-bottom:1px solid var(--vz-border);z-index:10;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.pg-brand{align-items:center;gap:10px;font-size:1.1rem;display:flex}.pg-badge{color:var(--vz-accent);background:#eef2ff;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600}.pg-nav{gap:16px;display:flex}.pg-nav a{color:var(--vz-muted);font-size:.9rem;font-weight:500;text-decoration:none}.pg-nav a:hover{color:var(--vz-text)}.pg-toolbar{border-bottom:1px solid var(--vz-border);background:#f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.pg-hint{color:var(--vz-muted);font-size:.9rem}.pg-actions{flex-wrap:wrap;gap:8px;display:flex}.pg-btn{border:1px solid var(--vz-border);background:var(--vz-surface);color:var(--vz-text);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.pg-btn:hover{box-shadow:var(--vz-shadow);border-color:#cbd5e1}.pg-btn.primary{background:var(--vz-accent);border-color:var(--vz-accent);color:#fff}.pg-btn.ghost{background:0 0}.pg-stage{padding:20px 24px 32px}.pg-canvas-wrap{border:1px solid var(--vz-border);border-radius:var(--vz-radius);background:var(--vz-surface);min-height:68vh;box-shadow:var(--vz-shadow);overflow:hidden}.pg-canvas-wrap canvas{cursor:grab;display:block}.pg-canvas-wrap canvas:active{cursor:grabbing}@media (width<=640px){.pg-header,.pg-toolbar,.pg-stage{padding-left:16px;padding-right:16px}}