body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0a0a0a;color:#e0e0e0}.page.svelte-1uha8ag{min-height:100vh;display:flex;flex-direction:column;padding:2rem;max-width:1400px;margin:0 auto}.header.svelte-1uha8ag{text-align:center;margin-bottom:2rem}.header.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:3rem;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle.svelte-1uha8ag{color:#888;margin-top:.5rem;font-size:1.1rem}.main-content.svelte-1uha8ag{flex:1;display:flex;gap:2rem;flex-wrap:wrap}.cipher-chain.svelte-1uha8ag{background:#1a1a1a;border-radius:12px;padding:1.5rem;min-width:300px;max-width:350px;flex-shrink:0;border:1px solid #2a2a2a;height:fit-content}.chain-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chain-header.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:0;font-size:1.3rem;color:#fff}.add-btn.svelte-1uha8ag{background:#667eea;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s}.add-btn.svelte-1uha8ag:hover{background:#5568d3;transform:translateY(-1px)}.chain-list.svelte-1uha8ag{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.cipher-item.svelte-1uha8ag{display:flex;align-items:center;gap:.75rem;background:#0f0f0f;padding:.75rem;border-radius:8px;border:1px solid #2a2a2a}.cipher-number.svelte-1uha8ag{background:#667eea;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.cipher-select.svelte-1uha8ag{flex:1;background:#2a2a2a;border:1px solid #3a3a3a;color:#e0e0e0;padding:.5rem;border-radius:6px;font-size:.9rem;cursor:pointer}.cipher-select.svelte-1uha8ag:focus{outline:none;border-color:#667eea}.shift-input.svelte-1uha8ag{width:60px;background:#2a2a2a;border:1px solid #3a3a3a;color:#e0e0e0;padding:.5rem;border-radius:6px;font-size:.9rem}.shift-input.svelte-1uha8ag:focus{outline:none;border-color:#667eea}.remove-btn.svelte-1uha8ag{background:#f44;color:#fff;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:1.3rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.remove-btn.svelte-1uha8ag:hover{background:#c00;transform:scale(1.1)}.mode-toggle.svelte-1uha8ag{display:flex;gap:.5rem;background:#0f0f0f;padding:.25rem;border-radius:8px}.mode-btn.svelte-1uha8ag{flex:1;background:transparent;color:#888;border:none;padding:.75rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.mode-btn.active.svelte-1uha8ag{background:#667eea;color:#fff}.mode-btn.svelte-1uha8ag:hover:not(.active){background:#1a1a1a;color:#e0e0e0}.editor-container.svelte-1uha8ag{flex:1;display:flex;gap:1.5rem;min-width:0}.editor-panel.svelte-1uha8ag{flex:1;display:flex;flex-direction:column;background:#1a1a1a;border-radius:12px;padding:1.5rem;border:1px solid #2a2a2a;min-width:0}.panel-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.panel-label.svelte-1uha8ag{font-weight:700;font-size:1.1rem;color:#fff;margin-bottom:1rem}.copy-btn.svelte-1uha8ag{background:#2a2a2a;color:#e0e0e0;border:1px solid #3a3a3a;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s}.copy-btn.svelte-1uha8ag:hover{background:#667eea;border-color:#667eea;color:#fff}.editor-textarea.svelte-1uha8ag{flex:1;background:#0f0f0f;border:1px solid #2a2a2a;color:#e0e0e0;padding:1rem;border-radius:8px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.95rem;resize:none;line-height:1.6;min-height:400px}.editor-textarea.svelte-1uha8ag:focus{outline:none;border-color:#667eea}.editor-textarea.output.svelte-1uha8ag{background:#0a0a0a}.arrow.svelte-1uha8ag{display:flex;align-items:center;font-size:2rem;color:#667eea;font-weight:700}.footer.svelte-1uha8ag{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid #2a2a2a;color:#666;font-size:.9rem}@media(max-width:1024px){.main-content.svelte-1uha8ag{flex-direction:column}.cipher-chain.svelte-1uha8ag{max-width:100%}.editor-container.svelte-1uha8ag{flex-direction:column}.arrow.svelte-1uha8ag{transform:rotate(90deg);margin:0}}@media(max-width:640px){.page.svelte-1uha8ag{padding:1rem}.header.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:2rem}.cipher-item.svelte-1uha8ag{flex-wrap:wrap}.shift-input.svelte-1uha8ag{width:100%}}