.gmph{--gmph-ink:#213047;--gmph-muted:#7b8797;box-sizing:border-box;margin:28px 0;padding:24px;background:#fff;border:1px solid #e5eaf1;border-radius:16px;color:var(--gmph-ink);font-family:inherit;line-height:1.6}
.gmph *,.gmph-builder,.gmph-builder *{box-sizing:border-box}.gmph-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.gmph h3{margin:0;font-size:1.15rem;line-height:1.5;letter-spacing:.01em;color:var(--gmph-ink)}.gmph-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.gmph-controls label{display:flex;flex-direction:column;gap:5px;font-size:.76rem;font-weight:500;color:#69778a}.gmph select{font:inherit;font-size:.85rem;min-height:36px;border:1px solid #e1e7ee;border-radius:8px;padding:5px 28px 5px 10px;background:#f9fafc;color:var(--gmph-ink);max-width:100%}.gmph-header .gmph-controls{flex-shrink:0}.gmph-state{padding:22px 0;color:#69778a;text-align:center;font-size:.88rem}.gmph-state:empty{display:none}.gmph-state.is-error{color:#a44236}.gmph-graph{width:100%;overflow:hidden}.gmph-graph svg{display:block;width:100%;height:auto}.gmph-graph text{font-family:inherit;fill:var(--gmph-muted);font-size:11px}.gmph-point{cursor:help;outline:none}.gmph-point:focus{stroke:#172b48;stroke-width:3}.gmph-legend{display:flex;justify-content:center;gap:12px 28px;flex-wrap:wrap;margin-top:16px;font-size:.82rem;color:#56657a}.gmph-legend-item{display:flex;align-items:center;gap:8px}.gmph-swatch{width:23px;height:3px;border-radius:2px;display:inline-block;flex-shrink:0}
.gmph-builder{max-width:1100px}.gmph-builder select{max-width:100%}.gmph-builder .gmph-code{display:flex;gap:10px;align-items:center;margin:18px 0}.gmph-builder textarea{resize:none;width:100%;min-height:70px;padding:12px;font-family:monospace}.gmph-builder .gmph-builder-controls{padding:16px;background:#fff;border:1px solid #dbe3ea;border-radius:10px}.gmph-builder .gmph-copy-status{min-height:24px}.gmph-builder .gmph-preview-title{margin-top:24px}.gmph-builder .gmph-product-label{flex:1 1 260px}
@media(max-width:600px){.gmph{padding:16px 12px;margin:20px 0;border-radius:12px}.gmph-header{align-items:flex-start;gap:10px;margin-bottom:16px}.gmph h3{font-size:1rem;max-width:calc(100% - 95px)}.gmph-header .gmph-controls label{font-size:.7rem}.gmph select{font-size:.8rem}.gmph-legend{gap:8px 18px;font-size:.76rem}.gmph-builder-controls .gmph-controls label{flex:1 1 42%;min-width:0}.gmph-builder .gmph-code{display:block}.gmph-builder .gmph-code button{margin-top:8px}}