.hprd-root{--hprd-ink:#18344c;--hprd-line:#d9e3e9;--hprd-green:#086f68;--hprd-pale:#eef8f5;color:var(--hprd-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1300px;margin:1.5rem auto;line-height:1.5;box-sizing:border-box}
.hprd-root *{box-sizing:border-box}
.hprd-root .hprd-head{border-radius:20px;background:linear-gradient(110deg,#10394c,#087568);color:#fff;padding:clamp(1.2rem,3vw,2.2rem);margin-bottom:1rem}
.hprd-root .hprd-head h2{color:inherit;font-size:clamp(1.45rem,2.6vw,2.25rem);line-height:1.22;margin:.35rem 0 .6rem}
.hprd-root .hprd-head p{color:inherit;margin:.2rem 0;max-width:75ch}
.hprd-root .hprd-eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.14em}
.hprd-root .hprd-toolbar,.hprd-root .hprd-modes{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1rem}
.hprd-root button{background:#fff;border:1px solid #bdcfd9;border-radius:9px;color:var(--hprd-ink);padding:.53rem .83rem;font:inherit;font-size:.91rem;font-weight:650;line-height:1.25;min-height:39px;cursor:pointer}
.hprd-root button:hover,.hprd-root button:focus-visible{border-color:var(--hprd-green);background:var(--hprd-pale);color:#064f49}
.hprd-root button[aria-pressed=true]{background:var(--hprd-green);border-color:var(--hprd-green);color:#fff}
.hprd-root .hprd-danger{color:#a13b29}
.hprd-root select,.hprd-root input:not([type=file]){background:#fff;border:1px solid #bdcfd9;border-radius:8px;color:var(--hprd-ink);padding:.5rem;font:inherit;max-width:100%}
.hprd-root .hprd-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.9fr);gap:1rem;align-items:start}
.hprd-root .hprd-editor,.hprd-root .hprd-panel,.hprd-root .hprd-bottom{background:#fff;border:1px solid var(--hprd-line);border-radius:16px;padding:1rem;min-width:0}
.hprd-root .hprd-modes{margin-bottom:.75rem}
.hprd-root .hprd-board{width:100%;aspect-ratio:10/7;border:1px solid #b9d1d7;border-radius:10px;overflow:hidden;background:#fbfcfe}
.hprd-root .hprd-board svg{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}
.hprd-root .hprd-board svg .hprd-handle{cursor:grab}
.hprd-root .hprd-status{margin:.65rem 0 0;color:#175c68;font-size:.89rem;min-height:1.8rem}
.hprd-root .hprd-panel{background:#fbfdfc}
.hprd-root h3{font-size:1.12rem;color:var(--hprd-ink);margin:.15rem 0 .8rem}
.hprd-root .hprd-panel>label{display:block;margin:.65rem 0;font-weight:600;font-size:.92rem}
.hprd-root .hprd-panel>label input,.hprd-root .hprd-panel>label select{display:block;width:100%;margin:.2rem 0 .1rem}
.hprd-root .hprd-hint,.hprd-root .hprd-note{font-size:.88rem;color:#4c6070}
.hprd-root .hprd-stats{display:grid;grid-template-columns:1fr auto;gap:.25rem .5rem;margin:.35rem 0 1rem;font-size:.88rem}
.hprd-root .hprd-stats dt{margin:0;color:#465c6b}
.hprd-root .hprd-stats dd{margin:0;text-align:right;font-weight:700;white-space:nowrap}
.hprd-root .hprd-kit{background:var(--hprd-pale);border-left:4px solid #128579;border-radius:6px;padding:.7rem .85rem;font-size:.89rem;overflow-wrap:anywhere}
.hprd-root .hprd-kit p{margin:.3rem 0 0}
.hprd-root .hprd-bottom{margin-top:1rem}
.hprd-root .hprd-all{padding:.2rem 0 .5rem;font-size:.91rem}
.hprd-root .hprd-all p{margin:.25rem 0;overflow-wrap:anywhere}
.hprd-root .hprd-note{border-top:1px solid var(--hprd-line);padding-top:1rem;margin-bottom:0}
@media(max-width:780px){.hprd-root .hprd-grid{grid-template-columns:1fr}.hprd-root .hprd-toolbar,.hprd-root .hprd-modes{gap:.4rem}.hprd-root button{font-size:.86rem}}
@media print{.hprd-root{max-width:none;color:#111}.hprd-root .hprd-head{background:#fff;color:#111;border:1px solid #bbb}.hprd-root .hprd-toolbar,.hprd-root .hprd-modes,.hprd-root .hprd-status,.hprd-root .hprd-panel>label{display:none!important}.hprd-root .hprd-grid{grid-template-columns:1.6fr 1fr}.hprd-root .hprd-editor,.hprd-root .hprd-panel,.hprd-root .hprd-bottom{break-inside:avoid}.hprd-root .hprd-board{max-height:16cm}}