.hk-page{max-width:900px}.hk-form{display:grid;gap:14px;max-width:780px;padding:22px;border:1px solid var(--pl-border,#dfe5f0);border-radius:14px;background:#fff}.hk-form label{display:grid;gap:7px}.hk-form textarea{resize:vertical;min-height:220px}.hk-message{min-height:24px;margin:12px 0;color:#be123c}.hk-result{margin-top:28px;padding:22px;border:1px solid var(--pl-border,#dfe5f0);border-radius:14px}.hk-result[hidden]{display:none}.hk-result>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.hk-result h2{margin:0}.hk-result ul{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:18px 0 0}.hk-result li{padding:8px 11px;border-radius:999px;background:#e9efff;color:#294ba6;font-weight:600}
.hk-message.is-ok{color:#16803c;font-weight:600}.hk-result{border-color:#b8e5c7;background:#f2fcf5}.hk-result li{background:#dff6e6;color:#176b35;border:1px solid #b5e5c3}.hk-result .pl-btn-secondary{border-color:#83c99a;color:#176b35}

#hk-copy{display:inline-flex;align-items:center;gap:8px;transition:background-color .18s,border-color .18s,color .18s}
#hk-copy svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
#hk-copy.is-copied{background:#fff;border-color:#aebbd2;color:#17233a}