.page-header{text-align:center;padding:2rem 0 1.5rem}.page-header__title{font-size:1.75rem;letter-spacing:-.02em}.page-header__tagline{margin-top:.5rem;color:var(--text-secondary);font-style:italic}.section__title{font-size:1rem;color:var(--accent);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.actions-bar{display:flex;gap:.5rem;flex-wrap:wrap}.host-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;overflow:hidden}.host-card__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;cursor:pointer;transition:background var(--transition);user-select:none}.host-card__header:hover{background:var(--bg-secondary)}.host-card__header-left{display:flex;align-items:center;gap:.75rem;min-width:0}.host-card__chevron{color:var(--text-muted);font-size:.75rem;transition:transform var(--transition);flex-shrink:0}.host-card--open .host-card__chevron{transform:rotate(90deg)}.host-card__title{font-size:1rem;color:var(--accent);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-card__subtitle{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-card__remove{font-family:var(--font-mono);font-size:.8rem;padding:.2rem .5rem;background:none;border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);cursor:pointer;transition:all var(--transition);flex-shrink:0}.host-card__remove:hover{background:var(--danger-glow)}.host-card__body{display:none;padding:0 1.25rem 1.25rem}.host-card--open .host-card__body{display:block}.advanced-toggle{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:.5rem 0;transition:color var(--transition)}.advanced-toggle:hover{color:var(--accent)}.advanced-fields{margin-top:.75rem}[hidden]{display:none!important}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.modal__backdrop{position:absolute;inset:0;background:#000000b3}.modal__content{position:relative;width:100%;max-width:600px;max-height:80vh;overflow-y:auto}.modal__actions{display:flex;gap:.5rem;margin-top:1rem}.import-textarea{width:100%;resize:vertical;min-height:150px;font-family:var(--font-mono);font-size:.875rem;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;outline:none;transition:border-color var(--transition)}.import-textarea:focus{border-color:var(--border-focus);box-shadow:var(--glow-sm)}.empty-state{text-align:center;padding:2rem}.output-actions{margin-top:.75rem;display:flex;gap:.5rem}.order-hint{font-size:.75rem;margin-bottom:.5rem}.host-card__drag{cursor:grab;color:var(--text-muted);font-size:.9rem;padding:0 .25rem;flex-shrink:0;user-select:none}.host-card__drag:active{cursor:grabbing}.host-card--dragging{opacity:.4;border-style:dashed}.host-card--drag-over{border-color:var(--accent);box-shadow:var(--glow-sm)}.proxy-chain{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-top:.5rem;padding:.4rem .6rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:.75rem}.proxy-chain__node{color:var(--accent);font-weight:700}.proxy-chain__arrow{color:var(--text-muted)}.command-previews{margin-top:.75rem;padding:.75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius)}.command-previews__title{margin-bottom:.5rem;color:var(--accent);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.command-previews__grid{display:grid;gap:.5rem}.command-preview{display:grid;grid-template-columns:minmax(6rem,8rem) minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.45rem 0;border-top:1px solid var(--border)}.command-preview:first-child{border-top:none;padding-top:0}.command-preview:last-child{padding-bottom:0}.command-preview__label{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.command-preview code{min-width:0;overflow-x:auto;color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem;white-space:pre}@media(max-width:640px){.actions-bar{flex-direction:column}.command-preview{grid-template-columns:1fr auto}.command-preview__label,.command-preview code{grid-column:1 / -1}}