.kh2 .hp-hero{padding-top:20px}.kh2 .hp-hero .kh2-hero__wrap{width:min(91vw,1442px)}.hp-hero .kh2-display{max-width:900px;margin-inline:auto;font-size:clamp(32px,3.2vw,42px);line-height:1.14}.kh2 .hp-bridge{max-width:960px;margin-inline:auto;font-size:clamp(16px,1.7vw,20px)}.hp-workspace{border:1px solid var(--kh2-line);border-radius:var(--kh2-r-object);background:var(--kh2-paper);grid-template-columns:64px minmax(0,1fr) minmax(0,1fr);margin-top:24px;display:grid;position:relative;overflow:hidden}.hp-tools{z-index:1;border-right:1px solid var(--kh2-line);background:var(--kh2-quiet);flex-direction:column;gap:12px;width:64px;padding:14px 10px;transition:width .22s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0 auto 0 0;overflow:hidden}.hp-tools:hover,.hp-tools:focus-within,.hp-tools[data-expanded]{width:224px}.hp-tool{min-height:44px;color:var(--kh2-body);border:0;flex-shrink:0;align-items:center;gap:12px;padding:6px;text-decoration:none;display:flex}.hp-tool[aria-current=page]{color:var(--kh2-ink)}.hp-tool:hover{color:var(--kh2-ink);background:var(--kh2-paper)}.hp-tool:focus-visible{outline:2px solid var(--kh2-amber);outline-offset:2px}.hp-tool__icon{width:32px;height:32px;color:var(--kh2-ink);opacity:.7;flex-shrink:0;transition:opacity .15s ease-out}.hp-tool:hover .hp-tool__icon,.hp-tool:focus-visible .hp-tool__icon{opacity:1}.hp-tool__accent{stroke:var(--kh2-amber)}.hp-tool__label{opacity:0;white-space:nowrap;font:13px/1.4 var(--kh2-control);transition:opacity .15s ease-out}.hp-tool[aria-current=page] .hp-tool__label{font-weight:650}.hp-tools:hover .hp-tool__label,.hp-tools:focus-within .hp-tool__label,.hp-tools[data-expanded] .hp-tool__label{opacity:1}.hp-pane{min-width:0;font-family:var(--kh2-control);flex-direction:column;display:flex}.hp-input{border-right:1px solid var(--kh2-line);grid-column:2}.hp-output{grid-column:3}.hp-pane__head{border-bottom:1px solid var(--kh2-line-soft);justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:14px 22px;display:flex}.hp-pane__head label,.hp-pane__head h2{color:var(--kh2-ink);margin:0;font-size:15px;font-weight:650}.hp-count{color:var(--kh2-body);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}.hp-count[data-exceeded]{color:var(--kh2-red)}.hp-editor{flex:1;min-height:250px;display:flex;position:relative}.hp-editor__highlights{white-space:pre-wrap;overflow-wrap:break-word;color:var(--kh2-ink);font:16px/1.8 var(--kh2-control);pointer-events:none;padding:18px 22px;position:absolute;inset:0;overflow:hidden auto}.hp-editor[data-highlighted] textarea{color:#0000;background:0 0}.hp-editor[data-highlighted] textarea::selection{color:#0000}.hp-mark{color:var(--kh2-ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-block:2px}.hp-mark--red{background:#fee2e2}.hp-mark--green{background:#dcfce7}.hp-input textarea{resize:vertical;width:100%;min-height:250px;color:var(--kh2-ink);background:var(--kh2-paper);font:16px/1.8 var(--kh2-control);caret-color:var(--kh2-ink);border:0;flex:1;padding:18px 22px;display:block}.hp-input textarea::placeholder{color:var(--kh2-faint)}.hp-input textarea:focus-visible{outline:none}.hp-result{min-height:250px;color:var(--kh2-ink);flex:1;padding:18px 22px}.hp-result__text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.8}.hp-empty{text-align:center;max-width:350px;min-height:214px;color:var(--kh2-faint);flex-direction:column;justify-content:center;align-items:center;margin:auto;display:flex}.hp-empty p{font:16px/1.8 var(--kh2-control);margin:0}.hp-login{color:var(--kh2-body);gap:16px}.hp-score{color:var(--kh2-body);font-size:12px}.hp-score__readout{border-radius:var(--kh2-r-artifact);border:1px solid;flex-shrink:0;justify-content:center;align-items:center;gap:10px;min-width:112px;min-height:50px;padding:8px 14px;display:inline-flex}.hp-input .hp-score[data-result]{justify-content:flex-start}.hp-output .hp-score[data-result]{justify-content:flex-end}.hp-score__label{color:var(--kh2-body);font-size:14px;font-weight:500}.hp-score__number{display:inline-flex;position:relative}.hp-score__lock{width:16px;height:16px;color:var(--kh2-ink);pointer-events:none;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hp-score__readout--red{background:color-mix(in srgb,var(--kh2-red)6%,var(--kh2-paper));border-color:color-mix(in srgb,var(--kh2-red)16%,var(--kh2-paper))}.hp-score__readout--green{background:color-mix(in srgb,var(--kh2-green)6%,var(--kh2-paper));border-color:color-mix(in srgb,var(--kh2-green)16%,var(--kh2-paper))}.hp-score strong{color:var(--kh2-ink);font-family:var(--kh2-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:32px;font-weight:700;line-height:1;display:inline-flex}.hp-score strong small{font-family:var(--kh2-control);letter-spacing:0;font-size:18px;font-weight:600;line-height:1}.hp-score .hp-score__value--red{color:var(--kh2-red)}.hp-score .hp-score__value--green{color:var(--kh2-green)}.hp-score__digits[data-blurred=true]{filter:blur(5px);-webkit-user-select:none;user-select:none}.hp-pane__actions{border-top:1px solid var(--kh2-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:78px;padding:14px 22px;display:flex}.kh2 .hp-pane__actions .kh2-cta,.kh2 .hp-gate .kh2-cta,.kh2 .hp-login .kh2-cta{min-height:44px;font:600 13px/1.4 var(--kh2-control);cursor:pointer;padding:12px 16px}.hp-input textarea:disabled{opacity:1}.hp-pane button:disabled{opacity:.5;cursor:not-allowed}.hp-gate{min-height:194px;margin-top:8px;position:relative}.hp-blur{color:var(--kh2-faint);filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none;margin:0;padding-top:8px;font-size:16px;line-height:1.8;position:absolute;inset:0;overflow:hidden}.hp-gate__content{text-align:center;background:linear-gradient(transparent,var(--kh2-paper)25%);flex-direction:column;align-items:center;gap:7px;padding:20px 10px 8px;display:flex;position:relative}.hp-gate h3{margin:0;font-size:18px;line-height:1.3}.hp-gate__content p{max-width:340px;color:var(--kh2-body);margin:0;font-size:13px;line-height:1.6}.hp-gate__note{color:var(--kh2-body);font-size:11px}.hp-message{color:var(--kh2-body);font:12px/1.5 var(--kh2-control);margin:12px 0 0}.hp-pane button:focus-visible{outline:2px solid var(--kh2-amber);outline-offset:3px}@media (max-width:760px){.hp-workspace{grid-template-columns:56px minmax(0,1fr)}.hp-tools{width:56px;padding-inline:6px}.hp-input{border-right:0;border-bottom:1px solid var(--kh2-line);grid-area:1/2}.hp-output{grid-area:2/2}.hp-input textarea,.hp-editor{min-height:220px}.hp-pane__head{padding:14px 16px}.hp-result{min-height:240px;padding:18px 16px}.hp-pane__actions{padding:14px 16px}.hp-empty{min-height:210px}.hp-gate{min-height:240px}}@media (prefers-reduced-motion:reduce){.hp-tools,.hp-tool__label,.hp-tool__icon{transition:none}}@media (max-width:440px){.hp-pane__head{flex-direction:column;align-items:flex-start;gap:4px}.hp-pane__actions>button{justify-content:center;width:100%}.hp-gate__content{padding-inline:0}}