.hlm{background:var(--color-bg);min-height:100vh}.hlm__main{padding:0 var(--space-5) var(--section-py)}.hlm__inner{max-width:1100px;margin:0 auto}.hlm__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:start}.hlm__form-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.hlm__field{display:flex;flex-direction:column;gap:var(--space-1)}.hlm__label{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-gray-mid);text-transform:uppercase;letter-spacing:1px}.hlm__input{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:10px 14px;font-family:var(--font-family);font-size:13px;color:var(--color-white);transition:border-color var(--transition-fast)}.hlm__input:focus{outline:none;border-color:#bf011980}.hlm__input::placeholder{color:var(--color-gray-mid)}.hlm__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.hlm__toggle-group{display:flex;gap:0;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);overflow:hidden}.hlm__toggle-btn{flex:1;padding:8px 16px;font-size:12px;font-weight:var(--font-weight-bold);font-family:var(--font-family);color:var(--color-gray-mid);background:#ffffff05;border:none;cursor:pointer;transition:all var(--transition-fast)}.hlm__toggle-btn--active{background:var(--color-red);color:var(--color-white-pure)}.hlm__rel-grid{display:flex;flex-direction:column;gap:var(--space-2)}.hlm__switch-label{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.hlm__switch{width:36px;height:20px;border-radius:10px;background:#ffffff14;border:none;cursor:pointer;position:relative;transition:background var(--transition-fast);flex-shrink:0;margin-top:2px}.hlm__switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--color-gray-mid);transition:all var(--transition-fast)}.hlm__switch--on{background:#bf01194d}.hlm__switch--on:after{left:18px;background:var(--color-red)}.hlm__switch-name{display:block;font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-white);font-family:Courier New,monospace}.hlm__switch-desc{display:block;font-size:11px;color:var(--color-gray-mid);line-height:1.4}.hlm__utm-toggle{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:var(--font-weight-bold);font-family:var(--font-family);color:var(--color-gray-light);background:none;border:none;cursor:pointer;padding:0;transition:color var(--transition-fast)}.hlm__utm-toggle:hover{color:var(--color-red)}.hlm__utm-fields{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-2)}.hlm__preview-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:var(--space-5);position:sticky;top:90px}.hlm__preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.hlm__preview-title{font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-white-pure)}.hlm__copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:var(--font-weight-bold);font-family:var(--font-family);color:var(--color-gray-light);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast)}.hlm__copy-btn:hover{border-color:var(--color-red);color:var(--color-red)}.hlm__preview-code{background:var(--color-bg);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:var(--space-4);font-family:Courier New,monospace;font-size:13px;color:var(--color-red);overflow-x:auto;white-space:pre-wrap;word-break:break-all;line-height:1.6;margin-bottom:var(--space-4)}.hlm__preview-render{padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.06)}.hlm__preview-render-label{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-gray-mid);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-2)}.hlm__preview-render a{color:var(--color-red);text-decoration:underline}@media (max-width: 1023px){.hlm__grid{grid-template-columns:1fr}.hlm__preview-card{position:static}}@media (max-width: 767px){.hlm__main{padding:0 var(--space-3) var(--space-8)}.hlm__row{grid-template-columns:1fr}.hlm__form-card{padding:var(--space-4)}}