:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", "Consolas", monospace;--bg:#0b0f1a;--bg-card:#131726;--bg-editor:#0d1117;--bg-editor-text:#cdd6f4;--bg-input:#1a1f35;--bg-config:#0f1322;--border:#1e2538;--border-strong:#2d3548;--border-focus:#818cf8;--text:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--text-editor-muted:#4a5068;--primary:#818cf8;--primary-hover:#6366f1;--primary-soft:#1a1f3c;--secondary:#2dd4bf;--secondary-hover:#14b8a6;--secondary-soft:#0f2120;--danger:#1e2538;--danger-hover:#252d3f;--danger-text:#cbd5e1;--accent:#a78bfa;--accent-soft:#16102e;--toast-bg:#f87171;--toast-text:#0f172a;--shadow:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 10px 30px #0006;--shadow-primary:0 2px 8px #818cf84d;--shadow-secondary:0 2px 8px #2dd4bf4d;--radius:10px;--radius-lg:14px;--transition:.18s ease}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#app{width:100%;min-height:100vh}.app[data-v-2882e93e]{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);transition:background-color .25s,color .25s}.header[data-v-2882e93e]{border-bottom:1px solid var(--border);background:var(--bg-card);transition:background-color .25s,border-color .25s;position:relative}.header[data-v-2882e93e]:after{content:"";background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, transparent), transparent);pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.header-inner[data-v-2882e93e]{align-items:center;gap:16px;max-width:896px;margin:0 auto;padding:20px 24px;display:flex;position:relative}.header-left[data-v-2882e93e]{align-items:center;gap:10px;display:flex}.logo-icon[data-v-2882e93e]{width:24px;height:24px;color:var(--primary);flex-shrink:0}.title[data-v-2882e93e]{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.subtitle[data-v-2882e93e]{color:var(--text-secondary);text-align:right;flex:1;margin:0;font-size:13px}.main[data-v-2882e93e]{max-width:896px;margin:0 auto;padding:24px 24px 48px}.card[data-v-2882e93e]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px;transition:background-color .25s,box-shadow .25s,border-color .25s}.mode-switch[data-v-2882e93e]{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-config);gap:0;margin-bottom:20px;display:flex;overflow:hidden}.mode-btn[data-v-2882e93e]{color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.mode-btn[data-v-2882e93e]:first-child{border-right:1px solid var(--border)}.mode-btn.active[data-v-2882e93e]{background:var(--primary);color:#fff}.mode-btn[data-v-2882e93e]:not(.active):hover{background:var(--danger);color:var(--text)}.mode-btn.active.encrypt[data-v-2882e93e]{background:var(--primary);color:#fff;box-shadow:var(--shadow-primary)}.mode-btn.active.decrypt[data-v-2882e93e]{background:var(--secondary);color:#fff;box-shadow:var(--shadow-secondary)}.field-group[data-v-2882e93e]{margin-bottom:20px}.field-label[data-v-2882e93e]{color:var(--text-secondary);letter-spacing:.01em;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.editor[data-v-2882e93e]{border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:120px;font-size:13px;font-family:var(--font-mono);resize:vertical;background:var(--bg-editor);color:var(--bg-editor-text);transition:border-color var(--transition);box-sizing:border-box;padding:16px;line-height:1.65}.editor[data-v-2882e93e]::placeholder{color:var(--text-editor-muted)}.editor[data-v-2882e93e]:focus{border-color:var(--border-focus);outline:none}.editor.output[data-v-2882e93e]{min-height:100px}.config-group[data-v-2882e93e]{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-config);margin-bottom:20px;padding:16px;transition:border-color .25s}.config-legend[data-v-2882e93e]{color:var(--text-secondary);padding:0 8px;font-size:13px;font-weight:600}.config-grid[data-v-2882e93e]{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;display:grid}.config-row[data-v-2882e93e]{margin-bottom:12px}.config-row[data-v-2882e93e]:last-child{margin-bottom:0}.config-field[data-v-2882e93e]{flex-direction:column;min-width:0;display:flex}.field-expand[data-v-2882e93e]{flex:1}.select[data-v-2882e93e],.input[data-v-2882e93e]{border:1px solid var(--border);border-radius:var(--radius);width:100%;font-size:13px;font-family:var(--font-mono);background:var(--bg-input);color:var(--text);transition:border-color var(--transition);box-sizing:border-box;padding:9px 12px}.select[data-v-2882e93e]:focus,.input[data-v-2882e93e]:focus{border-color:var(--border-focus);outline:none}.select[data-v-2882e93e]:disabled,.input[data-v-2882e93e]:disabled{opacity:.45;cursor:not-allowed}.input-group[data-v-2882e93e]{gap:8px;display:flex}.input[data-v-2882e93e]{flex:1}.btn-icon[data-v-2882e93e]{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);flex-shrink:0;justify-content:center;align-items:center;padding:8px 10px;display:flex}.btn-icon[data-v-2882e93e]:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-icon[data-v-2882e93e]:disabled{opacity:.4;cursor:not-allowed}.tag[data-v-2882e93e]{color:var(--text-muted);background:var(--bg-config);border:1px solid var(--border);border-radius:20px;margin-left:4px;padding:1px 8px;font-size:11px;font-weight:500}.action-row[data-v-2882e93e]{gap:10px;margin-bottom:20px;display:flex}.btn-primary[data-v-2882e93e],.btn-secondary[data-v-2882e93e],.btn-ghost[data-v-2882e93e]{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.btn-primary[data-v-2882e93e]{background:var(--primary);color:#fff;flex:1}.btn-primary[data-v-2882e93e]:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary[data-v-2882e93e]{background:var(--secondary);color:#fff;flex:1}.btn-secondary[data-v-2882e93e]:hover:not(:disabled){background:var(--secondary-hover)}.btn-ghost[data-v-2882e93e]{background:var(--danger);color:var(--danger-text);border:1px solid var(--border)}.btn-ghost[data-v-2882e93e]:hover:not(:disabled){background:var(--danger-hover)}.btn-primary[data-v-2882e93e]:disabled,.btn-secondary[data-v-2882e93e]:disabled,.btn-ghost[data-v-2882e93e]:disabled{opacity:.55;cursor:not-allowed}.output-header[data-v-2882e93e]{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.btn-copy[data-v-2882e93e]{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-config);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);align-items:center;gap:4px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.btn-copy[data-v-2882e93e]:hover{border-color:var(--primary);color:var(--primary)}.toast[data-v-2882e93e]{background:var(--toast-bg);color:var(--toast-text);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:1000;pointer-events:none;padding:12px 20px;font-size:14px;font-weight:500;position:fixed;top:20px;right:24px}.toast-enter-active[data-v-2882e93e]{transition:all .2s ease-out}.toast-leave-active[data-v-2882e93e]{transition:all .15s ease-in}.toast-enter-from[data-v-2882e93e],.toast-leave-to[data-v-2882e93e]{opacity:0;transform:translate(16px)}.icon-sm[data-v-2882e93e]{flex-shrink:0;width:16px;height:16px}.icon-xs[data-v-2882e93e]{flex-shrink:0;width:14px;height:14px}@media (width<=640px){.header-inner[data-v-2882e93e]{gap:10px;padding:16px}.subtitle[data-v-2882e93e]{display:none}.main[data-v-2882e93e]{padding:16px 12px 32px}.card[data-v-2882e93e]{padding:16px}.config-grid[data-v-2882e93e]{grid-template-columns:1fr}.action-row[data-v-2882e93e]{flex-direction:column}.mode-btn[data-v-2882e93e]{padding:10px 12px;font-size:13px}}