.srd-hub3-panel{margin:20px 0;padding:22px;border:1px solid #d7e7da;border-radius:6px;background:#f7fbf8}
.srd-hub3-panel h3{margin:0 0 8px}.srd-hub3-panel p{margin:6px 0 14px}
.srd-hub3-generate,.srd-hub3-download{display:inline-block;margin:5px 8px 5px 0;padding:11px 17px;border:0;border-radius:3px;background:#6aae7a;color:#fff;font-weight:700;cursor:pointer}
.srd-hub3-download{background:#555}.srd-hub3-generate:hover{background:#548f62}.srd-hub3-download:hover{background:#333}
.srd-hub3-error{display:none;margin-top:12px;padding:10px;background:#fdeaea;color:#8a2020}
.srd-hub3-result{display:none;margin-top:18px}.srd-hub3-result canvas{display:block;max-width:100%;height:auto;margin:12px 0;background:#fff}
.srd-hub3-details{display:grid;grid-template-columns:max-content 1fr;gap:5px 12px;padding:13px;background:#fff;border:1px solid #ddd}
.srd-hub3-details dt{font-weight:700}.srd-hub3-details dd{margin:0;overflow-wrap:anywhere}
.srd-hub3-note{font-size:13px;color:#555}
@media(max-width:550px){.srd-hub3-details{grid-template-columns:1fr}.srd-hub3-details dd{margin-bottom:7px}}