.htpasswd-studio-grid{display:grid;grid-template-columns:380px 1fr;gap:2rem;margin-top:2rem}@media (max-width: 1024px){.htpasswd-studio-grid{grid-template-columns:1fr}}.htpasswd-controls-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:1.25rem}.algo-selector-grid{display:flex;flex-direction:column;gap:.5rem}.algo-btn{padding:.75rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);text-align:left;cursor:pointer;transition:all .2s ease}.algo-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text-1)}.htpasswd-result-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:1.25rem}.htpasswd-output-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem;font-family:JetBrains Mono,monospace;font-size:1rem;color:var(--info);word-break:break-all}.nginx-config-snippet{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:1rem}.nginx-config-snippet pre{margin:0;font-family:JetBrains Mono,monospace;font-size:.82rem;color:var(--text-2);white-space:pre-wrap}