.hwt{display:grid;gap:14px}.hwt-stage{display:grid;gap:10px}.hwt-canvas-frame{position:relative;border:2px solid var(--color-line-strong);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:680 / 240;cursor:crosshair;box-shadow:inset 0 2px 6px #14162b0f;transition:border-color .2s ease}.hwt-canvas-frame:has(.hwt-canvas:active),.hwt-canvas-frame:focus-within{border-color:var(--color-brand-400);box-shadow:0 0 0 3px var(--color-brand-100),inset 0 2px 6px #14162b0f}.hwt-canvas{display:block;width:100%;height:100%;touch-action:none}.hwt-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;color:var(--color-text-subtle);font-size:1.05rem;gap:6px;padding:1rem}.hwt-empty span{font-size:.8rem;color:var(--color-brand-300);font-weight:600}.hwt-leg{position:absolute;top:10px;right:10px;font-size:.76rem;font-weight:800;padding:.3rem .7rem;border-radius:999px;pointer-events:none;border:1px solid;backdrop-filter:blur(6px)}.leg-gut{background:#e9fbf3e6;color:var(--color-mint-700);border-color:var(--color-mint-400)}.leg-mittel{background:#fff4e2e6;color:var(--color-amber-700);border-color:var(--color-amber-500)}.leg-schwer{background:#fdecebe6;color:var(--color-rose-700);border-color:var(--color-rose-500)}.hwt-privacy{display:flex;align-items:center;gap:7px;font-size:.82rem;color:var(--color-mint-700);font-weight:600;background:var(--color-mint-50);border:1px solid var(--color-mint-100);border-radius:999px;padding:.38rem .85rem;width:fit-content}.hwt-controls{display:grid;gap:12px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-xs)}.hwt-ctrl-group{display:grid;gap:8px}.hwt-ctrl-label{font-family:var(--font-display);font-weight:700;font-size:.83rem;color:var(--color-text-muted)}.hwt-ctrl-label strong{color:var(--color-text)}.hwt-range{width:100%;accent-color:var(--color-brand-600);height:22px}.hwt-colors{display:flex;align-items:center;gap:9px}.hwt-swatch{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-surface);box-shadow:0 0 0 1px var(--color-line-strong);cursor:pointer;padding:0;transition:transform .14s ease}.hwt-swatch:hover{transform:scale(1.1)}.hwt-swatch.is-active{box-shadow:0 0 0 2.5px var(--color-brand-500);transform:scale(1.05)}.hwt-swatch-custom{width:32px;height:32px;border-radius:50%;border:2px dashed var(--color-line-strong);overflow:hidden;display:inline-flex;cursor:pointer;flex-shrink:0}.hwt-swatch-custom input{width:46px;height:46px;border:none;transform:translate(-7px,-7px);cursor:pointer;background:none}.hwt-actions{display:flex;flex-wrap:wrap;gap:8px;grid-column:1 / -1}.hwt-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;font-size:.88rem;border-radius:var(--radius);padding:.58rem .95rem;cursor:pointer;border:1px solid transparent;transition:all .15s ease;white-space:nowrap}.hwt-btn:disabled{opacity:.45;cursor:not-allowed}.hwt-btn:focus-visible{outline:3px solid var(--color-brand-300);outline-offset:2px}.hwt-btn.primary{background:var(--grad-brand);color:#fff;box-shadow:0 8px 20px -10px #6725d1b3}.hwt-btn.primary:hover:not(:disabled){box-shadow:0 12px 26px -10px #6725d1d9}.hwt-btn.big{padding:.85rem 1.3rem;font-size:1rem}.hwt-btn.ghost{background:var(--color-surface);color:var(--color-text);border-color:var(--color-line-strong);box-shadow:var(--shadow-xs)}.hwt-btn.ghost:hover:not(:disabled){border-color:var(--color-brand-300);color:var(--color-brand-700);background:var(--color-brand-50)}.hwt-btn.outline{background:transparent;color:var(--color-text-muted);border-color:var(--color-line-strong)}.hwt-btn.outline:hover:not(:disabled){border-color:var(--color-brand-300);color:var(--color-brand-700);background:var(--color-brand-50)}.hwt-btn.danger:hover:not(:disabled){border-color:var(--color-rose-400);color:var(--color-rose-700);background:var(--color-rose-50)}.hwt-btn.small{padding:.42rem .7rem;font-size:.82rem}.hwt-export{background:var(--color-brand-50);border:1px solid var(--color-brand-100);border-radius:var(--radius-lg);padding:20px 22px}.hwt-export-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-bottom:14px}.hwt-export-head strong{font-family:var(--font-display);font-size:1.1rem;color:var(--color-brand-900)}.hwt-export-head span{font-size:.84rem;color:var(--color-brand-800);opacity:.75;font-weight:600}.hwt-export-btns{display:flex;flex-wrap:wrap;gap:10px}.hwt-status{margin-top:12px;font-weight:700;font-size:.9rem;color:var(--color-mint-700);background:var(--color-mint-50);border:1px solid var(--color-mint-100);padding:.55rem .85rem;border-radius:var(--radius-sm)}.hwt-micro{margin-top:12px;font-size:.82rem;color:var(--color-brand-800);opacity:.72}.hwt-saved{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden}.hwt-saved-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:14px 18px;background:none;border:none;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--color-text);text-align:left}.hwt-saved-toggle:hover{background:var(--color-surface-muted)}.hwt-saved-note{margin-left:4px;font-weight:500;color:var(--color-text-subtle);font-size:.84rem}.hwt-saved-list{list-style:none;margin:0;padding:0 18px 18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.hwt-saved-item{display:grid;gap:9px}.hwt-saved-item img{width:100%;height:80px;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--color-line)}.hwt-saved-actions{display:flex;gap:7px}.hwt-saved-actions .hwt-btn{flex:1;justify-content:center}@media(min-width:700px){.hwt-controls{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.hwt-export-btns{flex-direction:column}.hwt-export-btns .hwt-btn{width:100%;justify-content:center}}.pd-container{border:1px solid var(--color-line);border-radius:var(--radius-xl);padding:24px;background:var(--color-surface);box-shadow:var(--shadow-card)}.pd-header{margin-bottom:18px}.pd-title{font-family:var(--font-display);font-size:1.1rem;font-weight:800;margin:0 0 6px;color:var(--color-text)}.pd-subtitle{margin:0;font-size:.9rem;color:var(--color-text-muted)}.pd-canvas-wrap{display:grid;gap:8px;margin-bottom:16px}.pd-stroke-svg{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--color-line)}.pd-velocity-svg{width:100%;height:40px;border-radius:var(--radius-sm);border:1px solid var(--color-line)}.pd-status{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:16px;padding:10px 14px;background:var(--color-surface-muted);border-radius:var(--radius);border:1px solid var(--color-line)}.pd-meter{display:flex;align-items:center;gap:8px;font-size:.88rem}.pd-meter-label{color:var(--color-text-subtle);font-weight:600}.pd-meter-value{font-family:var(--font-display);font-weight:800;font-size:.92rem}.pd-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.pd-play-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;font-size:.88rem;font-weight:700;font-family:var(--font-display);border:1px solid var(--color-brand-200);border-radius:var(--radius);background:var(--color-brand-50);color:var(--color-brand-700);cursor:pointer;transition:background .15s,border-color .15s}.pd-play-btn:hover{background:var(--color-brand-100);border-color:var(--color-brand-300)}.pd-speed-label,.pd-progress-label{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--color-text-subtle)}.pd-speed-range,.pd-progress-range{width:80px;accent-color:var(--color-brand-600)}.pd-speed-val{font-family:var(--font-display);font-weight:800;min-width:2.2ch;color:var(--color-text)}.pd-legend{display:flex;gap:18px;flex-wrap:wrap;padding:10px 14px;background:var(--color-surface-muted);border-radius:var(--radius);border:1px solid var(--color-line);font-size:.82rem;color:var(--color-text-muted)}.pd-legend-item{display:flex;align-items:center;gap:7px}.pd-legend-line{display:inline-block;width:28px;border-radius:3px;background:#1a3a8f}.pd-legend-thick{height:6px}.pd-legend-medium{height:3.5px}.pd-legend-thin{height:1.5px}:root{--pd-slow: #1a6b3a;--pd-medium: #1a3a8f;--pd-fast: #b3231f}.crumbs[data-astro-cid-zpitsub2]{display:flex;align-items:center;gap:6px;padding-top:4px;font-size:.85rem;color:var(--color-text-subtle)}.crumbs[data-astro-cid-zpitsub2] a[data-astro-cid-zpitsub2]{color:var(--color-brand-700);text-decoration:none;font-weight:600}.crumbs[data-astro-cid-zpitsub2] a[data-astro-cid-zpitsub2]:hover{text-decoration:underline}.hw-hero[data-astro-cid-zpitsub2]{padding-top:12px}.hw-hero-top[data-astro-cid-zpitsub2]{max-width:760px;margin-bottom:22px}h1[data-astro-cid-zpitsub2]{font-size:clamp(1.95rem,5.4vw,2.85rem);margin:14px 0}.hw-tool-shell[data-astro-cid-zpitsub2]{margin-top:26px;border-radius:var(--radius-2xl);padding:22px}@media(min-width:768px){.hw-tool-shell[data-astro-cid-zpitsub2]{padding:28px}}.style-gallery[data-astro-cid-zpitsub2]{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:1fr}.style-card[data-astro-cid-zpitsub2]{padding:18px}.style-preview[data-astro-cid-zpitsub2]{border-radius:var(--radius);border:1px solid var(--color-line);padding:6px;margin-bottom:14px;aspect-ratio:280 / 90}.style-preview[data-astro-cid-zpitsub2] svg[data-astro-cid-zpitsub2]{width:100%;height:100%;display:block}.style-card[data-astro-cid-zpitsub2] h3[data-astro-cid-zpitsub2]{font-size:1.05rem;margin:0 0 4px}.style-who[data-astro-cid-zpitsub2]{font-size:.85rem;color:var(--color-brand-700);margin:0 0 7px}.style-card[data-astro-cid-zpitsub2] p[data-astro-cid-zpitsub2]:last-child{margin:0;color:var(--color-text-muted);font-size:.93rem}@media(min-width:640px){.style-gallery[data-astro-cid-zpitsub2]{grid-template-columns:1fr 1fr}}.hw-anatomy-grid[data-astro-cid-zpitsub2]{display:grid;gap:20px;margin-top:6px}.hw-anatomy-svg-wrap[data-astro-cid-zpitsub2]{padding:16px}.hw-anatomy-svg[data-astro-cid-zpitsub2]{width:100%;height:auto;display:block}.hw-anatomy-labels[data-astro-cid-zpitsub2]{display:grid;gap:14px}.hw-anat-item[data-astro-cid-zpitsub2]{display:grid;grid-template-columns:12px 1fr;gap:12px;align-items:start}.hw-anat-dot[data-astro-cid-zpitsub2]{width:12px;height:12px;border-radius:50%;margin-top:4px}.hw-anat-item[data-astro-cid-zpitsub2] strong[data-astro-cid-zpitsub2]{font-family:var(--font-display);font-size:.95rem;display:block;margin-bottom:3px}.hw-anat-item[data-astro-cid-zpitsub2] p[data-astro-cid-zpitsub2]{margin:0;color:var(--color-text-muted);font-size:.88rem}@media(min-width:800px){.hw-anatomy-grid[data-astro-cid-zpitsub2]{grid-template-columns:1.4fr .6fr;align-items:start}}.hw-mistakes-grid[data-astro-cid-zpitsub2]{display:grid;gap:14px;margin-bottom:18px}.hw-mistake[data-astro-cid-zpitsub2]{padding:18px}.hw-mistake-visual[data-astro-cid-zpitsub2]{position:relative;border-radius:var(--radius);border:1px solid var(--color-line);padding:10px;margin-bottom:12px;background:var(--color-surface-muted)}.hw-mistake-visual[data-astro-cid-zpitsub2] svg[data-astro-cid-zpitsub2]{width:100%;height:auto;display:block}.hw-mistake-x[data-astro-cid-zpitsub2]{position:absolute;top:6px;right:8px;font-size:1.1rem;font-weight:800;color:#b3231f}.hw-mistake[data-astro-cid-zpitsub2] h3[data-astro-cid-zpitsub2]{font-size:1rem;margin:0 0 5px;color:#b3231f}.hw-mistake[data-astro-cid-zpitsub2] p[data-astro-cid-zpitsub2]{margin:0;font-size:.88rem;color:var(--color-text-muted)}@media(min-width:680px){.hw-mistakes-grid[data-astro-cid-zpitsub2]{grid-template-columns:repeat(3,1fr)}}.hw-correct[data-astro-cid-zpitsub2]{padding:18px;display:grid;gap:14px;border:2px solid var(--color-mint-200);background:var(--color-mint-50)}.hw-correct-visual[data-astro-cid-zpitsub2]{position:relative;border-radius:var(--radius);border:1px solid var(--color-mint-200);padding:10px;background:#fff}.hw-correct-visual[data-astro-cid-zpitsub2] svg[data-astro-cid-zpitsub2]{width:100%;height:auto;display:block}.hw-correct-check[data-astro-cid-zpitsub2]{position:absolute;top:6px;right:8px;font-size:1.2rem;font-weight:800;color:var(--color-mint-700)}.hw-correct[data-astro-cid-zpitsub2] p[data-astro-cid-zpitsub2]{margin:0;font-size:.9rem;color:var(--color-text-muted)}.hw-compare[data-astro-cid-zpitsub2]{padding:30px 26px}.hw-compare-body[data-astro-cid-zpitsub2]{max-width:680px}.hw-compare-eyebrow[data-astro-cid-zpitsub2]{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;font-family:var(--font-display);font-size:.76rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--color-brand-300)}.hw-compare[data-astro-cid-zpitsub2] h2[data-astro-cid-zpitsub2]{color:#fff;font-size:clamp(1.3rem,3.2vw,1.7rem);margin:0 0 10px}.hw-compare-lede[data-astro-cid-zpitsub2]{color:#a9adca;margin:0 0 20px}.hw-compare-table[data-astro-cid-zpitsub2]{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff14;border-radius:var(--radius);overflow:hidden;margin-bottom:22px}.hw-ct-header[data-astro-cid-zpitsub2]{padding:10px 14px;font-family:var(--font-display);font-weight:800;font-size:.84rem;text-transform:uppercase;letter-spacing:.04em}.hw-ct-draw[data-astro-cid-zpitsub2]{background:#6346ea33;color:#c9b4ff}.hw-ct-scan[data-astro-cid-zpitsub2]{background:#ffffff0f;color:#a9adca}.hw-ct-cell[data-astro-cid-zpitsub2]{padding:9px 14px;font-size:.86rem;color:#dcdef0;background:#ffffff08;border-top:1px solid rgba(255,255,255,.06)}.hw-compare-cta[data-astro-cid-zpitsub2]{margin-top:4px}.hw-privacy[data-astro-cid-zpitsub2]{display:grid;gap:16px;padding:26px;align-items:flex-start}.hw-priv-icon[data-astro-cid-zpitsub2]{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--color-mint-50);color:var(--color-mint-700);border:1px solid var(--color-mint-100);flex:none}.hw-privacy[data-astro-cid-zpitsub2] h2[data-astro-cid-zpitsub2]{font-size:1.25rem;margin:0 0 8px}.hw-privacy[data-astro-cid-zpitsub2] p[data-astro-cid-zpitsub2]{margin:0 0 14px;color:var(--color-text-muted);max-width:58ch}.hw-priv-links[data-astro-cid-zpitsub2]{display:flex;flex-wrap:wrap;gap:12px}.hw-priv-link[data-astro-cid-zpitsub2]{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);font-weight:700;font-size:.9rem;color:var(--color-brand-700);text-decoration:none}.hw-priv-link[data-astro-cid-zpitsub2]:hover{text-decoration:underline}@media(min-width:620px){.hw-privacy[data-astro-cid-zpitsub2]{grid-template-columns:42px 1fr;gap:20px}}