body{margin:0;font-family:Segoe UI,sans-serif;background-color:#121212;color:#fff}.container{display:flex;height:80vh;overflow:hidden}.left,.right{flex:1;display:flex;flex-direction:column;padding:0;border:1px solid #333}.editor-wrapper{flex:1;background-color:#1e1e1e}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#2b2b2b;color:#fff;font-size:1rem;border-bottom:1px solid #444}.toolbar button{background-color:#4caf50;border:none;padding:8px 16px;color:#fff;font-weight:700;border-radius:4px;cursor:pointer;transition:background .3s}.toolbar button:hover{background-color:#45a049}iframe{border:none;flex:1;background:#fff}.dark{background-color:#1e1e1e;color:#fff}.light{background-color:#fff;color:#000}.navbar{display:flex;justify-content:space-between;padding:10px 20px;align-items:center}.nav-left a{color:#fff;margin-right:20px;text-decoration:none}.nav-left a:hover{text-decoration:underline;text-underline-offset:5px}.navbar.dark,.navbar.light{background-color:#0e3d6e;color:#fff}.nav-right{display:flex;align-items:center}.run-btn{background-color:#4caf50;border:none;color:#fff;font-weight:700;padding:6px 12px;margin-right:15px;border-radius:4px;cursor:pointer}.theme-switch{position:relative;width:40px;height:20px}.theme-switch input{opacity:0;width:0;height:0}.slide{position:absolute;cursor:pointer;background-color:#888;border-radius:34px;top:0;left:0;right:0;bottom:0;transition:.4s}.slide:before{content:"";position:absolute;height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.4s}.theme-switch input:checked+.slide{background-color:#2196f3}.theme-switch input:checked+.slide:before{transform:translate(20px)}.logo{height:32px;margin-right:12px;vertical-align:middle}.hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:5px}.hamburger .bar{width:25px;height:3px;background-color:#fff}.nav-links{display:flex;gap:20px}@media (max-width: 768px){.container{flex-direction:column;height:auto}.hamburger{display:flex}.nav-links{display:none;flex-direction:column;width:100%;margin-top:10px}.nav-links.open{display:flex}.left,.right{width:100%;height:50vh;flex:none}.toolbar{flex-direction:column;align-items:flex-start;gap:10px;padding:10px}.toolbar button{width:100%}iframe{width:100%;height:100%}}@media (max-width: 768px){.navbar{flex-direction:column;align-items:stretch;padding:10px}.nav-left,.nav-right{flex-direction:column;align-items:flex-start;width:100%}.nav-left a{margin:8px 0;display:block}.run-btn{width:100%;margin:10px 0}.theme-switch{margin:10px 0}.logo{height:28px;margin-bottom:10px}}@media (max-width: 480px){.logo{height:24px;margin-bottom:10px}}.footer{text-align:center;padding:10px;font-size:14px;transition:background .3s,color .3s}.light-footer{background-color:#f2f2f2;color:#333}.dark-footer{background-color:#1e1e1e;color:#aaa}@media (max-width: 768px){.footer{font-size:12px;padding:8px}}