@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Syne:wght@400;600;700;800&display=swap";
.piper-root{--c-bg:#0c0c0e;--c-surface:#111114;--c-border:#ffffff14;--c-border-strong:#ffffff2e;--c-text:#e8e8ec;--c-muted:#6b6b78;--c-accent:#e8ff6e;--c-accent-dim:#e8ff6e1f;--c-accent2:#6ef4ff;--mono:"IBM Plex Mono", monospace;font-family:Syne,sans-serif}.piper-header{margin-bottom:2.5rem}.piper-eyebrow{font-family:var(--mono);letter-spacing:.2em;color:var(--c-accent);margin-bottom:8px;font-size:10px}.piper-title{color:var(--c-text);letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(48px,8vw,80px);font-weight:800;line-height:1}.piper-title-accent{color:var(--c-accent)}.piper-subtitle{color:var(--c-muted);max-width:520px;margin-bottom:32px;font-size:14px;line-height:1.6}.piper-steps{align-items:center;gap:0;display:flex}.piper-step{align-items:center;gap:8px;display:flex}.piper-step-num{font-family:var(--mono);border:1px solid var(--c-border-strong);width:28px;height:28px;color:var(--c-muted);border-radius:50%;justify-content:center;align-items:center;font-size:11px;transition:all .2s;display:flex}.piper-step.active .piper-step-num{background:var(--c-accent);border-color:var(--c-accent);color:#0c0c0e;font-weight:600}.piper-step.done .piper-step-num{background:var(--c-accent-dim);border-color:var(--c-accent);color:var(--c-accent)}.piper-step-label{color:var(--c-muted);letter-spacing:.05em;font-size:12px}.piper-step.active .piper-step-label{color:var(--c-text)}.piper-step-connector{background:var(--c-border);width:40px;height:1px;margin:0 8px;display:block}.piper-panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;overflow:hidden}.piper-panel-header{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 16px;display:flex}.piper-panel-step{font-family:var(--mono);letter-spacing:.15em;color:var(--c-accent);margin-bottom:4px;font-size:10px}.piper-panel-title{color:var(--c-text);margin:0 0 2px;font-size:18px;font-weight:700}.piper-panel-subtitle{color:var(--c-muted);margin:0;font-size:12px}.piper-panel-body{padding:24px}.piper-label{color:var(--c-muted);letter-spacing:.05em;font-size:12px;font-family:var(--mono);flex-direction:column;gap:6px;display:flex}.piper-input{border:1px solid var(--c-border);color:var(--c-text);font-family:var(--mono);background:#ffffff0a;border-radius:6px;width:100%;padding:10px 12px;font-size:13px;transition:border-color .15s}.piper-input:focus{border-color:var(--c-accent);outline:none}.piper-preset-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px;display:grid}.piper-preset-card{border:1px solid var(--c-border);cursor:pointer;text-align:left;color:var(--c-text);background:0 0;border-radius:8px;padding:14px 16px;transition:border-color .15s,background .15s;position:relative}.piper-preset-card:hover{border-color:var(--c-border-strong);background:#ffffff08}.piper-preset-card.selected{border-color:var(--c-accent);background:var(--c-accent-dim)}.piper-preset-name{margin-bottom:4px;font-size:14px;font-weight:700;display:block}.piper-preset-desc{color:var(--c-muted);font-size:11px;font-family:var(--mono);line-height:1.4}.piper-preset-badge{position:absolute;top:10px;right:10px}.piper-btn-primary{background:var(--c-accent);color:#0c0c0e;letter-spacing:.04em;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:11px 22px;font-family:Syne,sans-serif;font-size:13px;font-weight:700;transition:opacity .15s,transform .1s;display:inline-flex}.piper-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.piper-btn-primary:active{transform:translateY(0)}.piper-btn-export{border:1px solid var(--c-border);color:var(--c-text);font-size:12px;font-family:var(--mono);cursor:pointer;text-align:left;background:0 0;border-radius:6px;align-items:center;gap:10px;padding:12px 16px;transition:border-color .15s,background .15s;display:flex}.piper-btn-export:hover{border-color:var(--c-accent2);color:var(--c-accent2);background:#6ef4ff0f}.piper-btn-export-icon{opacity:.6;font-size:18px}.piper-details{border:1px solid var(--c-border);border-radius:8px;margin-top:20px;overflow:hidden}.piper-details summary{cursor:pointer;font-size:12px;font-family:var(--mono);color:var(--c-muted);letter-spacing:.08em;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:12px 16px;list-style:none;display:flex}.piper-details summary::-webkit-details-marker{display:none}.piper-details summary:before{content:"▶";font-size:8px;transition:transform .15s}.piper-details[open] summary:before{transform:rotate(90deg)}.piper-details-body{border-top:1px solid var(--c-border);grid-template-columns:1fr 1fr;gap:16px;padding:16px;display:grid}.piper-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px;display:grid}.piper-stat{border:1px solid var(--c-border);background:#ffffff08;border-radius:6px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.piper-stat-label{font-family:var(--mono);color:var(--c-muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.piper-stat-value{color:var(--c-text);font-size:22px;font-weight:700;line-height:1}.piper-insert-order{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.piper-relationships{border:1px solid var(--c-border);background:#ffffff05;border-radius:8px;flex-wrap:wrap;gap:6px;max-height:140px;margin-bottom:24px;padding:12px;display:flex;overflow:auto}.piper-relationships-empty{font-size:12px;font-family:var(--mono);color:var(--c-text)}.piper-relationships .piper-tag{color:var(--c-text)}.piper-tag{font-family:var(--mono);border:1px solid var(--c-border);color:var(--c-muted);white-space:nowrap;background:#ffffff0d;border-radius:4px;padding:4px 8px;font-size:10px}.piper-tag-accent{background:var(--c-accent-dim);color:var(--c-accent);border-color:#e8ff6e40}.piper-tables-scroll{flex-direction:column;gap:8px;max-height:300px;margin-bottom:20px;display:flex;overflow-y:auto}.piper-entity{border:1px solid var(--c-border);border-radius:6px;padding:12px 14px}.piper-entity-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.piper-entity-name{color:var(--c-text);font-size:13px;font-weight:700;font-family:var(--mono)}.piper-entity-count{font-family:var(--mono);color:var(--c-muted);font-size:10px}.piper-field-row{flex-wrap:wrap;gap:4px;display:flex}.piper-field{font-family:var(--mono);color:var(--c-text);border:1px solid var(--c-border);background:#ffffff0a;border-radius:3px;align-items:center;gap:2px;padding:3px 7px;font-size:10px;display:inline-flex}.piper-field-type{color:var(--c-accent2);opacity:.8}.piper-field-nullable{color:var(--c-muted);margin-left:2px;font-size:9px}.piper-btn-tables-toggle{margin-bottom:20px}.piper-success-inline{margin:0}.piper-checkbox-label{font-size:12px;font-family:var(--mono);color:var(--c-muted);cursor:pointer;align-items:center;gap:8px;display:flex}.piper-footer{font-family:var(--mono);color:var(--c-muted);border-top:1px solid var(--c-border);align-items:center;gap:12px;padding-top:16px;font-size:11px;display:flex}.piper-footer-dot{opacity:.3}.piper-success{font-family:var(--mono);color:var(--c-accent);align-items:center;gap:6px;margin-top:12px;font-size:11px;display:flex}.piper-section-label{font-family:var(--mono);color:var(--c-muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;display:flex}.piper-section-label:after{content:"";background:var(--c-border);flex:1;height:1px}