:root{font-family:Inter,system-ui,-apple-system,sans-serif;--bg-color: #0f1115;--text-color: #e2e8f0;--panel-bg: rgba(20, 24, 32, .7);--border-color: rgba(255, 255, 255, .1);--accent-color: #6366f1;--accent-hover: #4f46e5;--term-bg: #000000;--term-text: #f8f8f2;--term-border: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .08);--input-bg: rgba(0, 0, 0, .3);--input-border: rgba(255, 255, 255, .2)}[data-theme=light]{--bg-color: #f8fafc;--text-color: #0f172a;--panel-bg: rgba(255, 255, 255, .8);--border-color: rgba(0, 0, 0, .1);--accent-color: #3b82f6;--accent-hover: #2563eb;--term-bg: #ffffff;--term-text: #1e293b;--term-border: rgba(0, 0, 0, .15);--glass-border: rgba(0, 0, 0, .08);--input-bg: rgba(255, 255, 255, .9);--input-border: rgba(0, 0, 0, .2)}[data-theme=solaris]{--bg-color: #fdf6e3;--text-color: #657b83;--panel-bg: rgba(238, 232, 213, .85);--border-color: rgba(147, 161, 161, .3);--accent-color: #268bd2;--accent-hover: #2aa198;--term-bg: #002b36;--term-text: #839496;--term-border: rgba(7, 54, 66, .6);--glass-border: rgba(0, 43, 54, .1);--input-bg: rgba(253, 246, 227, .9);--input-border: rgba(147, 161, 161, .5)}[data-theme=hacker]{--bg-color: #050505;--text-color: #00ff00;--panel-bg: rgba(0, 20, 0, .8);--border-color: #00ff00;--accent-color: #00ff00;--accent-hover: #00cc00;--term-bg: #000000;--term-text: #00ff00;--term-border: #00ff00;--glass-border: rgba(0, 255, 0, .2);--input-bg: rgba(0, 20, 0, .8);--input-border: #00ff00}[data-theme=powershell]{--bg-color: #012456;--text-color: #cccccc;--panel-bg: rgba(1, 36, 86, .85);--border-color: rgba(255, 255, 255, .2);--accent-color: #ffffff;--accent-hover: #e0e0e0;--term-bg: #012456;--term-text: #cccccc;--term-border: rgba(255, 255, 255, .2);--glass-border: rgba(255, 255, 255, .1);--input-bg: rgba(1, 36, 86, .9);--input-border: rgba(255, 255, 255, .3)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;transition:background-color .3s ease,color .3s ease;overflow-x:hidden;display:flex;flex-direction:column}#root{flex:1;display:flex;flex-direction:column}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em}h1{font-size:2.5rem;background:linear-gradient(to right,var(--accent-color),#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}p.subtitle{color:var(--text-color);opacity:.8;font-size:1.1rem;margin-bottom:2rem}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #0000001a}.terminal-font{font-family:Fira Code,JetBrains Mono,Consolas,monospace}.terminal-window{background:var(--term-bg);border:1px solid var(--term-border);border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0006}.terminal-header{display:flex;align-items:center;padding:12px 16px;background:#ffffff08;border-bottom:1px solid var(--term-border)}.mac-buttons{display:flex;gap:8px}.mac-btn{width:12px;height:12px;border-radius:50%}.mac-close{background-color:#ff5f56}.mac-min{background-color:#ffbd2e}.mac-max{background-color:#27c93f}.terminal-title{flex:1;text-align:center;font-size:.85rem;color:var(--term-text);opacity:.6}.terminal-body{padding:24px;color:var(--term-text);font-size:calc(1.1rem * var(--text-scale, 1));line-height:1.6}input,textarea,select{width:100%;padding:12px 16px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-color);border-radius:8px;font-family:inherit;transition:all .2s ease}input[type=range]{padding:0;background:transparent;border:none}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #6366f133}button{cursor:pointer;border:none;background:transparent;font-family:inherit;color:inherit}.btn-primary{background:var(--accent-color);color:#fff;padding:10px 20px;border-radius:8px;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}[data-theme=hacker] .btn-primary{color:#000}[data-theme=powershell] .btn-primary{color:#012456}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-icon{background:#ffffff1a;color:var(--text-color);width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease forwards}.sidebar{position:fixed;top:0;left:0;width:400px;max-width:90vw;height:100vh;z-index:105;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:0 16px 16px 0;border-left:none;display:flex;flex-direction:column;overflow-y:auto}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--glass-border)}.sidebar-header h2{font-size:1.25rem;margin:0}.sidebar-content{padding:24px;display:flex;flex-direction:column}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.open{opacity:1;visibility:visible}.btn-export{flex:1;padding:8px;background:var(--panel-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:8px;font-family:inherit;font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease}.btn-export:hover:not(:disabled){background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-1px)}[data-theme=hacker] .btn-export:hover:not(:disabled){color:#000}[data-theme=powershell] .btn-export:hover:not(:disabled){color:#012456}.btn-export:disabled{opacity:.5;cursor:not-allowed}.toast-message{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--accent-color);color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;font-weight:500;display:flex;align-items:center;gap:8px;animation:toastFadeInOut 3s ease forwards}[data-theme=hacker] .toast-message{color:#000}[data-theme=powershell] .toast-message{color:#012456}@keyframes toastFadeInOut{0%{opacity:0;transform:translate(-50%,20px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.modal-overlay{position:fixed;inset:0;background-color:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.open{opacity:1;visibility:visible}.modal-content{width:90%;max-width:500px;max-height:90vh;overflow-y:auto;padding:24px;position:relative;transform:translateY(20px);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.modal-overlay.open .modal-content{transform:translateY(0)}.color-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;margin-bottom:24px}.color-input-item{display:flex;flex-direction:column;gap:8px}.color-input-item label{font-size:.85rem;font-weight:500;opacity:.9}.color-input-item input[type=color]{width:100%;height:40px;padding:0;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;background:transparent}.color-input-item input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-input-item input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:1.5rem;line-height:1;cursor:pointer;opacity:.6;transition:opacity .2s;color:var(--text-color)}.modal-close:hover{opacity:1}