body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#000;color:#fff;margin:0;padding:0;height:100%}h1{text-align:center;font-size:1.3rem;background:linear-gradient(90deg,#007acc,#007acc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:10px 0 0;margin-bottom:calc(1.3rem - 60px)}.footer{text-align:center;color:#9b9999;font-size:.7rem}.code-editor{display:flex;flex-direction:column;height:100% - 50px}.footer-text{color:#9b9999;text-decoration:none}.footer-text:hover{text-decoration:underline}.tab{background:#333;border:none;color:#fff;padding:8px 15px;cursor:pointer;border-radius:4px 4px 0 0}.tab.active{background:#1e1e1e}.controls{margin-left:auto;display:flex;gap:5px}.editor-container{flex:1;height:calc(100% - 10px);margin:10px}.tabs-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tabs{display:flex;gap:5px}.controls{display:flex;gap:10px}.tab{background:#333;border:none;color:#fff;cursor:pointer;border-radius:4px 4px 0 0}.tab.active{background:#444;border-bottom:2px solid #007acc}.add-file{background:#444;border:none;color:#fff;padding:8px 15px;cursor:pointer;border-radius:4px}.format-button{background:#007acc;border:none;color:#fff;padding:8px 15px;cursor:pointer;border-radius:4px}.add-file:hover{background:#555}.format-button:hover{background:#0069b3}.tab-container{position:relative;display:inline-flex;align-items:center}.delete-button{position:absolute;margin-left:-10px;right:5px;width:16px;height:16px;padding:0;border:none;background:#1a1a1a;color:#f44;border-radius:5px;font-size:10px;cursor:pointer;opacity:0;transition:opacity .2s}.tab-container .delete-button{opacity:1}.tab{position:relative;padding-right:30px}