:root{--bg-color: #0f0f0f;--bg-secondary: #1a1a1a;--bg-toolbar: #161616;--text-color: #e0e0e0;--text-muted: #aaa;--border-color: #333;--accent-color: #646cff;--accent-hover: #535bf2;--input-bg: #161616;--code-bg: #000;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark light}[data-theme=light]{--bg-color: #f9f9f9;--bg-secondary: #ffffff;--bg-toolbar: #ffffff;--text-color: #1a1a1a;--text-muted: #666;--border-color: #ddd;--accent-color: #4f46e5;--accent-hover: #4338ca;--input-bg: #f3f4f6;--code-bg: #f9fafb}body{margin:0;height:100vh;overflow:hidden;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}#root{height:100%}.app-layout{display:flex;flex-direction:column;height:100vh;width:100vw}.top-toolbar{height:60px;flex-shrink:0;background-color:var(--bg-toolbar);border-bottom:1px solid var(--border-color);display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:100}.toolbar-left,.toolbar-right{display:flex;flex-direction:row;align-items:center;gap:1.5rem}.brand-name{font-weight:700;font-size:1.2rem;color:var(--text-color)}.theme-toggle{background:none;border:1px solid var(--border-color);color:var(--text-color);width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;font-size:1.1rem;transition:all .2s ease}.theme-toggle:hover{background-color:var(--border-color)}.main-container{display:flex;flex:1;overflow:hidden;position:relative}.sidebar{width:280px;flex-shrink:0;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:all .3s ease}.sidebar.closed{margin-left:-280px}.nav-group-label{font-size:.7rem;font-weight:800;color:var(--text-muted);letter-spacing:1px;padding:0 1rem;margin-bottom:.5rem;opacity:.6}.nav-content{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.sidebar-footer{padding:1rem;border-top:1px solid var(--border-color);flex-shrink:0}.nav-item:hover{background-color:var(--border-color);color:var(--text-color)}.nav-item.active{background-color:var(--accent-color);color:#fff}.main-content{flex:1;padding:2rem 4rem;overflow-y:auto;background-color:var(--bg-color)}.tool-header h1{margin-bottom:.5rem}.tool-header p{color:var(--text-muted);margin-bottom:2rem}.json-textarea,.log-textarea,.password-input{width:100%;padding:1.5rem;border-radius:12px;background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--text-color);font-family:monospace}button.primary-button{padding:.75rem 1.5rem;border-radius:8px;border:none;background-color:var(--accent-color);color:#fff;font-weight:600;cursor:pointer}.output-pre{background-color:var(--code-bg);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);overflow-x:auto}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.modal-content{background:var(--bg-secondary);color:var(--text-color);width:90%;max-width:650px;max-height:85vh;border-radius:16px;border:1px solid var(--border-color);display:flex;flex-direction:column}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-body{padding:2rem;overflow-y:auto;flex:1}.modal-footer{padding:1.5rem;border-top:1px solid var(--border-color);text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:1.5rem}.scroll-hint{font-size:.8rem;color:var(--accent-color);font-style:italic;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.drop-zone{position:relative;width:100%;border-radius:12px;transition:all .2s ease}.drop-zone.dragging{transform:scale(1.01)}.drop-zone.dragging textarea{border-color:var(--accent-color);background-color:var(--bg-secondary)}.drop-overlay{position:absolute;inset:0;background:#646cff1a;border:2px dashed var(--accent-color);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-weight:600;pointer-events:none;z-index:10}.encryptor-container{display:flex;flex-direction:column;gap:2rem;max-width:800px}.encryptor-card{background:var(--bg-secondary);padding:2.5rem;border-radius:16px;border:1px solid var(--border-color);width:100%}.decrypt-card{border-style:dashed}.card-desc{color:var(--text-muted);font-size:.9rem;margin-top:-.5rem;margin-bottom:1.5rem}.decrypt-btn{background-color:#2e7d32}.decrypt-btn:hover{background-color:#1b5e20}.status-container{min-height:2rem;margin-top:1rem}.file-input-group{display:flex;flex-direction:column;gap:1.5rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%}