.url-encoder-container{display:flex;flex-direction:column;gap:1.5rem}.mode-toggle{display:flex;gap:.5rem;background:var(--bg-secondary);padding:.25rem;border-radius:8px;width:fit-content}.mode-btn{padding:.75rem 1.5rem;border:none;background:transparent;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;color:var(--text-secondary)}.mode-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 2px 4px #0000001a}.mode-btn:hover:not(.active){color:var(--text-primary)}.url-panel{display:flex;flex-direction:column;gap:.5rem}.panel-header{display:flex;justify-content:space-between;align-items:center;font-weight:500}.header-actions{display:flex;gap:.5rem}.url-textarea{width:100%;min-height:120px;padding:1rem;border:1px solid var(--border-color);border-radius:8px;font-family:Menlo,Monaco,Courier New,monospace;font-size:.9rem;resize:vertical;background:var(--bg-secondary);color:var(--text-primary)}.url-textarea:focus{outline:none;border-color:var(--accent-color)}.url-textarea.output{background:var(--bg-tertiary)}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.error-message{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--color-error)}.privacy-note{margin-top:2rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;text-align:center;font-size:.9rem;color:var(--text-secondary)}