.hg-tool{--ink:#173f55;--muted:#5e7581;--blue:#eaf3f6;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);max-width:960px;margin:24px auto;background:#fff;border:1px solid #d9e4e9;border-radius:16px;overflow:hidden;text-align:left}.hg-tool *{box-sizing:border-box}.hg-tool .ht-head{background:#173f66;color:white;padding:32px}.hg-tool .ht-head h2{color:white;font:600 30px/1.2 system-ui;margin:0 0 12px}.hg-tool p{font:400 15px/1.65 system-ui;margin:0 0 14px;color:inherit}.hg-tool .ht-head p{max-width:720px;color:#dceaf1}.hg-tool .ht-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:24px 32px}.hg-tool label{font:600 13px/1.5 system-ui;display:block}.hg-tool input:not([type=range]),.hg-tool textarea{font:400 15px/1.5 system-ui;width:100%;padding:10px 12px;border:1px solid #bacdd6;border-radius:6px;background:white;color:var(--ink);margin-top:6px}.hg-tool textarea{min-height:86px;resize:vertical}.hg-tool .ht-instructions{padding:0 32px 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.hg-tool details{border:1px solid #ccdde4;border-radius:7px;background:#fff}.hg-tool summary{font:600 14px/1.5 system-ui;padding:12px 14px;cursor:pointer}.hg-tool .ht-detail{padding:0 14px 14px}.hg-tool .ht-wave{padding:26px 32px;background:#eaf3f6}.hg-tool .ht-wave:nth-child(even){background:#fff}.hg-tool .ht-wave h3{font:600 21px/1.3 system-ui;margin:0 0 8px;color:var(--ink)}.hg-tool .ht-description{color:var(--muted)}.hg-tool .herstelgolf{margin:18px 0;border-radius:8px;max-width:none}.hg-tool .herstelgolf svg{max-height:260px}.hg-tool .hg-heading{padding:8px 14px}.hg-tool .hg-heading strong{font-size:13px}.hg-tool .ht-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.hg-tool ul{margin:0;padding-left:20px;font:400 14px/1.6 system-ui}.hg-tool li{margin:0 0 8px}.hg-tool .ht-sub{margin:18px 0 0;padding:18px;background:#ffffffb0;border:1px solid #cbdde5;border-radius:8px}.hg-tool .ht-subtop{display:flex;gap:12px;align-items:end}.hg-tool .ht-subtop label{flex:1}.hg-tool button{font:600 13px/1.4 system-ui;border:1px solid #aac4d0;background:#fff;color:var(--ink);border-radius:6px;padding:9px 13px;cursor:pointer}.hg-tool .ht-add{margin-top:16px}.hg-tool .ht-result{padding:28px 32px;border-top:1px solid #ccdde4}.hg-tool h3{font:600 22px/1.3 system-ui}.hg-tool table{border-collapse:collapse;width:100%;font:400 14px/1.5 system-ui;margin:16px 0}.hg-tool th,.hg-tool td{padding:10px 8px;border-bottom:1px solid #dae6eb;text-align:left}.hg-tool .ht-download{background:#173f66;color:white;border:0;padding:13px 18px}.hg-tool .ht-privacy{font-size:12px;color:var(--muted);margin-top:14px}.hg-tool button:focus-visible,.hg-tool summary:focus-visible{outline:3px solid #59aabc;outline-offset:3px}@media(max-width:650px){.hg-tool .ht-meta,.hg-tool .ht-instructions,.hg-tool .ht-bottom{grid-template-columns:1fr}.hg-tool .ht-head,.hg-tool .ht-wave,.hg-tool .ht-result{padding:22px 18px}.hg-tool .ht-meta{padding:20px 18px}.hg-tool .ht-instructions{padding:0 18px 20px}.hg-tool .ht-head h2{font-size:25px}.hg-tool th,.hg-tool td{font-size:12px;padding:8px 4px}}

/* Compact waves keep their natural aspect ratio on every screen. */
.hg-tool .herstelgolf svg{max-height:none;aspect-ratio:520 / 235;}
.hg-tool .ht-wave > .herstelgolf > .hg-heading strong{display:none;}
.hg-tool .ht-wave > .herstelgolf > .hg-heading{justify-content:flex-end;}
.hg-tool .ht-conversation{margin-top:16px;}
.hg-tool .ht-conversation label{margin-top:16px;}
.hg-tool .ht-conversation-notes{min-height:95px;}
/* Version 2.2: stable controls, compact image toolbar, navigation. */
.hg-tool .herstelgolf{position:relative;}
.hg-tool .herstelgolf .hg-heading{position:absolute;right:8px;top:8px;z-index:1;background:transparent;padding:0;}
.hg-tool .herstelgolf .hg-toggle{background:#fffffff0;}
.hg-tool .herstelgolf svg{height:auto;width:100%;display:block;}
.hg-tool .hg-slider{position:relative;min-width:0;}
.hg-tool .hg-slider label{padding-right:40px;}
.hg-tool .hg-slider output{position:absolute;right:0;top:0;float:none;}
.hg-tool input[type=range]{height:36px;margin:4px 0 0;touch-action:none;}
.hg-tool .ht-navigation{display:flex;flex-wrap:wrap;gap:8px;padding:0 32px 24px;}
.hg-tool .ht-navigation a{font:500 12px/1.4 system-ui;padding:7px 10px;border:1px solid #ccdde4;border-radius:5px;color:#173f66;text-decoration:none;}
.hg-tool .ht-wave{scroll-margin-top:100px;}
.hg-tool .ht-confirm{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:-5px 0 18px;}
.hg-tool .ht-choice-status{font:400 12px/1.5 system-ui;color:#5e7581;}
.hg-tool .ht-confirm button{font-size:12px;padding:6px 10px;}
.hg-tool .ht-field{flex:1;min-width:0;}
.hg-tool .ht-subhint{font-size:12px;color:#5e7581;margin:16px 0 8px;}
.hg-tool .ht-add{margin-top:0;}
.hg-tool .ht-prior{margin-top:12px;}
.hg-tool .ht-prior-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px;}
.hg-tool .ht-detail p{font-size:14px;}
@media(max-width:650px){.hg-tool .ht-navigation{padding:0 18px 20px;}.hg-tool .ht-prior-grid{grid-template-columns:1fr;}.hg-tool .ht-confirm{flex-wrap:wrap;}}

@media(max-width:650px){.hg-tool .hg-slider label{min-height:40px;}}