.sp{background:var(--color-bg);min-height:100vh}.sp__main{padding:0 var(--space-5) var(--section-py)}.sp__inner{max-width:760px;margin:0 auto}.sp__toggle{display:inline-flex;gap:var(--space-2);margin-bottom:var(--space-4)}.sp__toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:8px var(--space-3);background:transparent;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);font-family:var(--font-family);font-size:13px;color:var(--color-gray-light);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.sp__toggle-btn:hover{border-color:var(--color-gray-mid);color:var(--color-white)}.sp__toggle-btn.is-active{border-color:var(--color-red);background:#bf01191f;color:var(--color-white-pure)}.sp__preview{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.sp__preview-label{font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.16em;color:var(--color-gray-mid);margin-bottom:var(--space-4)}.sp__result{width:100%;max-width:var(--sp-w, 600px);background:#fff;border-radius:var(--radius-sm);padding:var(--space-4);overflow:hidden}.sp__crumb{font-family:Arial,sans-serif;font-size:12px;color:#4d5156;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp__title{font-family:Arial,sans-serif;font-size:20px;line-height:1.3;color:#1a0dab;margin-bottom:3px;white-space:nowrap}.sp__desc{font-family:Arial,sans-serif;font-size:14px;line-height:1.58;color:#4d5156}.sp__desc span{display:block}.sp__status{margin-top:var(--space-4);font-size:13px;line-height:1.6;color:var(--color-gray-light);font-variant-numeric:tabular-nums}.sp__status strong{color:var(--color-red-text)}.sp__fields{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.sp__field{display:flex;flex-direction:column;gap:var(--space-2)}.sp__label{font-size:12px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px;color:var(--color-gray-mid)}.sp__input{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:12px;font-family:var(--font-family);font-size:14px;color:var(--color-white);outline:none;transition:border-color var(--transition-fast);width:100%}.sp__input:focus{border-color:#bf011980}.sp__input--area{resize:vertical;line-height:1.6}.sp__caveat{font-size:12px;line-height:1.65;color:var(--color-gray-mid)}@media (max-width: 640px){.sp__main{padding:0 var(--space-3) var(--space-8)}.sp__preview{padding:var(--space-4)}.sp__title{font-size:18px;white-space:normal}}