.tool-main{flex-direction:column;flex:1;width:100%;max-width:100%;padding:0;display:flex;overflow:hidden}.tool-header{border-bottom:1px solid var(--color-border);background-color:var(--color-surface-raised);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.5rem 2rem;display:flex}.tool-header__title{flex-direction:column;gap:.25rem;display:flex}.tool-title{color:var(--color-text-title);margin:0;font-size:1.3rem;font-weight:700}.tool-subtitle{color:var(--color-text-muted);margin:0;font-size:.85rem}.hr-workspace{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem 2rem;display:flex;overflow-y:auto}.hr-tabs{border-bottom:1px solid var(--color-border);gap:0;margin-bottom:.5rem;display:flex}.hr-tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:color .15s,border-color .15s}.hr-tab:hover{color:var(--color-text-primary)}.hr-tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.hr-tab--right{color:var(--color-text-muted);opacity:.7;margin-left:auto}.hr-tab--right:hover{opacity:1;color:var(--color-text-primary)}.hr-composer{flex-direction:column;gap:1rem;display:flex}.hr-method-url{align-items:stretch;gap:.5rem;display:flex}.hr-method-select{background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;border-radius:6px;min-width:100px;padding:.5rem .75rem;font-size:.85rem;font-weight:600}.hr-method-select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px #7eb8f726}.hr-url-input{background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:6px;flex:1;padding:.5rem .75rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.85rem}.hr-url-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px #7eb8f726}.hr-url-input::placeholder{color:var(--color-text-muted)}.hr-section-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.8rem;font-weight:600}.hr-headers-list{flex-direction:column;gap:.4rem;display:flex}.hr-header-row{align-items:center;gap:.4rem;display:flex}.hr-header-key,.hr-header-value{background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:5px;flex:1;padding:.4rem .6rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8rem}.hr-header-key:focus,.hr-header-value:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px #7eb8f726}.hr-header-key::placeholder,.hr-header-value::placeholder{color:var(--color-text-muted)}.hr-header-remove{width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:flex}.hr-header-remove:hover{color:#e57373;background:#e573731a}.hr-add-header{border:1px dashed var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:5px;align-self:flex-start;padding:.35rem .7rem;font-size:.75rem;transition:color .15s,border-color .15s}.hr-add-header:hover{color:var(--color-accent);border-color:var(--color-accent)}.hr-body-section{flex-direction:column;gap:.4rem;display:flex}.hr-body-textarea{background:var(--color-surface-raised);border:1px solid var(--color-border);min-height:100px;color:var(--color-text-primary);resize:vertical;border-radius:6px;padding:.6rem .75rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8rem;line-height:1.5}.hr-body-textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px #7eb8f726}.hr-body-textarea::placeholder{color:var(--color-text-muted)}.hr-import-section{flex-direction:column;gap:.5rem;display:flex}.hr-import-textarea{background:var(--color-surface-raised);border:1px solid var(--color-border);min-height:80px;color:var(--color-text-primary);resize:vertical;border-radius:6px;padding:.6rem .75rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8rem;line-height:1.5}.hr-import-textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px #7eb8f726}.hr-import-textarea::placeholder{color:var(--color-text-muted)}.hr-import-btn{background:var(--color-accent);color:var(--color-accent-on);cursor:pointer;border:none;border-radius:5px;align-self:flex-start;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:opacity .15s}.hr-import-btn:hover{opacity:.85}.hr-import-error{color:#e57373;margin:0;font-size:.8rem}.hr-import-success{color:#81c784;margin:0;font-size:.8rem}.hr-output-separator{background:var(--color-border);height:1px;margin:.75rem 0}.hr-output{flex-direction:column;gap:1rem;display:flex}.hr-output-block{flex-direction:column;gap:.4rem;display:flex}.hr-output-header{justify-content:space-between;align-items:center;display:flex}.hr-output-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.hr-copy-btn{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:.3rem;padding:.25rem .5rem;font-size:.7rem;transition:color .15s,border-color .15s;display:inline-flex}.hr-copy-btn:hover{color:var(--color-accent);border-color:var(--color-accent)}.hr-copy-btn--copied{color:#81c784;border-color:#81c784}.hr-output-code{background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-all;border-radius:6px;margin:0;padding:.75rem 1rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.78rem;line-height:1.5;overflow-x:auto}@media (width<=640px){.hr-workspace{padding:1rem}.hr-method-url{flex-direction:column}.hr-method-select{min-width:unset}}