.input-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group textarea{min-height:120px}.char-count{font-size:var(--font-xs);color:var(--hint-color);text-align:right}.hint{font-size:var(--font-xs);color:var(--hint-color)}.level-selector,.level-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.level-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--secondary-bg-color);border:2px solid transparent;border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.level-option:hover:not(.disabled){border-color:var(--border-color)}.level-option.active{border-color:var(--button-color);background-color:color-mix(in srgb,var(--button-color) 10%,var(--secondary-bg-color))}.level-option.disabled{opacity:.5;cursor:not-allowed}.level-icon{font-size:24px}.level-info{display:flex;flex-direction:column;gap:2px}.level-name{font-weight:600;color:var(--text-color)}.level-desc{font-size:var(--font-xs);color:var(--hint-color)}.cipher-selector{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cipher-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.cipher-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background-color:var(--secondary-bg-color);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.cipher-option:hover{border-color:var(--border-color)}.cipher-option.active{border-color:var(--button-color);background-color:color-mix(in srgb,var(--button-color) 10%,var(--secondary-bg-color))}.cipher-icon{font-size:28px}.cipher-name{font-size:var(--font-sm);font-weight:500;color:var(--text-color)}.result-display{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-display.success{background-color:color-mix(in srgb,var(--success-color) 10%,var(--secondary-bg-color));border:1px solid color-mix(in srgb,var(--success-color) 30%,transparent)}.result-display.error{background-color:color-mix(in srgb,var(--error-color) 10%,var(--secondary-bg-color));border:1px solid color-mix(in srgb,var(--error-color) 30%,transparent)}.result-header{display:flex;align-items:center;gap:var(--spacing-sm)}.result-icon{font-size:24px}.result-title{font-size:var(--font-lg);font-weight:600}.result-error{color:var(--error-color)}.result-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.result-text{min-height:100px;resize:none;background-color:var(--bg-color)}.result-actions{display:flex;gap:var(--spacing-md)}.result-actions .btn{flex:1}.app{max-width:480px;margin:0 auto}.app.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-md)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--button-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-header{text-align:center;margin-bottom:var(--spacing-lg)}.app-header h1{font-size:var(--font-xl);margin-bottom:var(--spacing-xs)}.app-header .subtitle{color:var(--hint-color);font-size:var(--font-sm)}.app-main{display:flex;flex-direction:column;gap:var(--spacing-lg)}.actions{display:flex;gap:var(--spacing-md)}.btn{flex:1;padding:var(--spacing-md);font-weight:600;border-radius:var(--radius-md)}.btn-primary{background-color:var(--button-color);color:var(--button-text-color)}.btn-secondary{background-color:var(--secondary-bg-color);color:var(--text-color);border:1px solid var(--border-color)}:root{--bg-color: #1a1a2e;--secondary-bg-color: #16213e;--text-color: #eaeaea;--hint-color: #8a8a9a;--link-color: #5dade2;--button-color: #3498db;--button-text-color: #ffffff;--border-color: #2a2a4e;--success-color: #27ae60;--error-color: #e74c3c;--warning-color: #f39c12;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font-xs: 12px;--font-sm: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 24px;--transition-fast: .15s ease;--transition-normal: .25s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:var(--font-md);line-height:1.5;color:var(--text-color);background-color:var(--bg-color);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-xl) + 60px)}input,textarea,select{font-family:inherit;font-size:var(--font-md);color:var(--text-color);background-color:var(--secondary-bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);width:100%;outline:none;transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--button-color)}textarea{resize:vertical;min-height:100px}button{font-family:inherit;font-size:var(--font-md);font-weight:500;color:var(--button-text-color);background-color:var(--button-color);border:none;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast)}button:hover{opacity:.9}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}label{display:block;font-size:var(--font-sm);color:var(--hint-color);margin-bottom:var(--spacing-xs)}.hidden{display:none!important}.text-center{text-align:center}.text-success{color:var(--success-color)}.text-error{color:var(--error-color)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--secondary-bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}