*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:linear-gradient(145deg,#1b1a1f,#312f39);color:#fff;font-family:Poppins,sans-serif;display:flex;flex-direction:column}.navbar{width:100%;padding:1rem 2rem;background:#14141e99;backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center}.logo{font-weight:700;font-size:1.5rem}.nav-links a{margin-left:2rem;color:#fffc;text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:hover{color:#8ec5fc}.container{display:flex;flex-direction:row;flex-grow:1;height:calc(100vh - 80px);gap:1rem;padding:1rem;overflow:hidden}.panel{flex:1 1 50%;display:flex;flex-direction:column;resize:horizontal;overflow:auto;background:#ffffff0d;backdrop-filter:blur(20px);box-shadow:0 0 30px #0000004d;padding:1rem;border-radius:0;position:relative;min-width:300px}.panel .button-group{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;z-index:1}.file-label{padding:.4rem .8rem;font-size:.9rem;font-weight:700;border-radius:.4rem;background:linear-gradient(90deg,#8ec5fc,#e0c3fc);color:#1b1a1f;cursor:pointer;transition:all .3s}.file-label:hover{background:linear-gradient(90deg,#e0c3fc,#8ec5fc);transform:scale(1.05)}#fileInput{display:none}.button-group input[type=file]{background:#ffffff12;border:1px solid #ccc;padding:.3rem .6rem;font-size:.8rem;color:#fff;border-radius:.4rem;cursor:pointer;max-width:120px}#animalCode{flex-grow:1;min-height:300px}.cm-editor{background:#ffffff12;height:100%;color:#fff;font-size:1rem;font-family:monospace}#outputPanel{display:flex;flex-direction:column;height:100%}pre{background:#ffffff12;padding:1rem;color:#ddd;font-size:1rem;white-space:pre-wrap;overflow:auto;flex:1;min-height:0;border-radius:0}button{padding:.4rem .8rem;font-size:.9rem;font-weight:700;border:none;border-radius:.4rem;background:linear-gradient(90deg,#8ec5fc,#e0c3fc);color:#1b1a1f;cursor:pointer;transition:all .3s}button:hover{background:linear-gradient(90deg,#e0c3fc,#8ec5fc);transform:scale(1.05)}footer{text-align:center;padding:1rem;background:#14141e99;backdrop-filter:blur(12px);font-size:.9rem;color:#ccc}