:root{padding:0;margin:0;width:100%;font-family:Segoe UI,Roboto,sans-serif;background-color:#121212;color:#fff;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}.main-container{width:75%;min-width:300px;max-width:700px;padding:30px;background-color:#1b1b1b;border-radius:10px;display:flex;flex-direction:column;gap:15px;box-shadow:0 5px 15px #0000004d}.center{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;padding:20px;box-sizing:border-box}.split-container{display:flex;height:100%;width:100%;border:1px solid #444;border-radius:8px;overflow:hidden}.left-side{flex:1;padding:20px}.left-side h2{text-align:center;margin-bottom:20px}.divider{width:1px;background-color:#555}.right-side{flex:1;padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;justify-items:center;align-items:center}.nav-link{display:inline-block;box-sizing:border-box;width:100%;padding:12px;background-color:#2c2c2c;color:#fff;text-decoration:none;font-weight:600;text-align:center;border-radius:8px;transition:all .3s ease}.nav-link:hover{background-color:#444;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}@media (max-width: 768px){.split-container{flex-direction:column}.divider{width:100%;height:1px}.right-side{grid-template-columns:1fr;justify-items:center}}button{background-color:#2c2c2c;color:#fff;border:none;padding:12px 28px;font-size:1.1rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s ease;box-shadow:0 3px 6px #0003}button:hover{background-color:#444;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}button:active{transform:translateY(0);box-shadow:0 3px 6px #0003}.top-bar{display:flex;gap:20px;margin-bottom:20px;justify-content:center;flex-wrap:wrap}.top-bar label{display:flex;align-items:center;gap:10px;font-weight:700}.top-bar select{background-color:#2c2c2c;color:#fff;border:1px solid #555;padding:6px 12px;border-radius:6px;font-size:.95rem;cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.top-bar select:hover{border-color:#888}.text-box textarea,#key-input,#result-output{width:100%;background-color:#1e1e1e;color:#fff;border:1px solid #555;border-radius:6px;padding:12px;font-family:monospace;font-size:1rem;box-sizing:border-box;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease}.text-box textarea:focus,#key-input:focus,#result-output:focus{border-color:#888;box-shadow:0 0 8px #ffffff1a;outline:none}h1{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:20px}h3{text-align:center;margin-bottom:15px}#exec-btn{width:100%;font-size:1rem;font-weight:700;border:1px solid #555;border-radius:6px}#exec-btn:hover{background-color:#333}#result-output{min-height:120px;max-height:300px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word;word-break:break-word}