.UrlEncoder_container__J6XT3{display:flex;flex-direction:column;gap:var(--spacing-6)}.UrlEncoder_modeGroup___kHzl{display:flex;align-items:center;gap:var(--spacing-2);background:var(--bg-primary);padding:var(--spacing-1);border-radius:var(--radius-md);border:1px solid var(--border-color);width:fit-content}.UrlEncoder_modeBtn__eNg3Q{background:transparent;color:var(--text-secondary);border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s}.UrlEncoder_modeBtn__eNg3Q:hover{color:var(--text-primary)}.UrlEncoder_modeBtn__eNg3Q.UrlEncoder_active__HNBRr{background:var(--brand-primary);color:#171717}.UrlEncoder_swapBtn__ylax7{background:transparent;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:var(--spacing-1) var(--spacing-2);transition:transform .2s}.UrlEncoder_swapBtn__ylax7:hover{color:var(--brand-primary);transform:rotate(180deg)}.UrlEncoder_ioContainer__nOu4G{display:flex;flex-direction:column;gap:var(--spacing-6)}.UrlEncoder_ioBox__kUlK4{display:flex;flex-direction:column;gap:var(--spacing-2)}.UrlEncoder_outputHeader__bbY4X{display:flex;justify-content:space-between;align-items:center}.UrlEncoder_label__ZHw5u{font-weight:600;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.UrlEncoder_textArea__ZiMcK{width:100%;padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;resize:vertical}.UrlEncoder_textArea__ZiMcK:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px rgba(255,187,0,.2)}.UrlEncoder_outputArea__auEbW{background-color:var(--bg-secondary);cursor:text}.UrlEncoder_errorArea__jBU7P{color:#dc2626}.UrlEncoder_copyBtn__kKXOo{background:var(--bg-secondary);border:1px solid var(--border-color);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;color:var(--text-primary);transition:all .2s ease}.UrlEncoder_copyBtn__kKXOo:hover:not(:disabled){background:var(--border-color)}.UrlEncoder_copyBtn__kKXOo:disabled{opacity:.5;cursor:not-allowed}@media (min-width:768px){.UrlEncoder_ioContainer__nOu4G{flex-direction:row}.UrlEncoder_ioBox__kUlK4{flex:1}}