.htp{gap:1.75rem;display:grid}.htp__panel{gap:.9rem;display:grid}.htp__panel+.htp__panel{border-top:1px solid color-mix(in srgb, currentColor 15%, transparent);padding-top:1.5rem}.htp__heading{margin:0;font-size:1.15rem}.htp__fields{flex-wrap:wrap;gap:.8rem 1.2rem;display:flex}.htp__fields>.htp__field{flex:14rem}.htp__field{gap:.3rem;font-size:.9rem;font-weight:600;display:grid}.htp__row{flex-wrap:wrap;gap:.5rem;display:flex}.htp__row .htp__input{flex:12rem;min-width:0}.htp__buttons{gap:.5rem;display:flex}.htp__input,.htp__select,.htp__textarea{border:1px solid color-mix(in srgb, currentColor 35%, transparent);background:var(--surface);color:inherit;font:inherit;border-radius:7px;min-width:0;padding:.45rem .6rem;font-weight:400}.htp__input--mono,.htp__textarea{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-size:.9rem}.htp__textarea{box-sizing:border-box;resize:vertical;overflow-wrap:anywhere;word-break:break-all;width:100%;max-height:20rem}.htp__hint,.htp__note,.htp__status{color:var(--muted);margin:0;font-size:.9rem}.htp__note[data-problem=true],.htp__error{color:var(--warn);margin:0;font-size:.9rem}.htp__status:empty,.htp__hint:empty{display:none}.htp__actions{flex-wrap:wrap;gap:.6rem;display:flex}.htp__button{border:1px solid color-mix(in srgb, currentColor 35%, transparent);color:inherit;font:inherit;cursor:pointer;text-align:center;background:0 0;border-radius:7px;padding:.5rem 1.05rem;font-size:.95rem;text-decoration:none}.htp__button:hover:not(:disabled){background:color-mix(in srgb, currentColor 8%, transparent)}.htp__button:disabled{opacity:.45;cursor:default}.htp__button--primary{background:var(--accent);border-color:var(--accent);color:var(--surface)}.htp__button--primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, black)}.htp__file{gap:.6rem;display:grid}.htp__users{flex-wrap:wrap;gap:.4rem 1rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.htp__user{overflow-wrap:anywhere;align-items:baseline;gap:.4rem;display:flex}.htp__link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.htp__result{overflow-wrap:anywhere;min-height:1.5em;margin:0;font-weight:600}.htp__result[data-kind=mismatch],.htp__result[data-kind=cannot],.htp__result[data-kind=error]{color:var(--warn)}