body{font-family:Arial,sans-serif;background:#f6f8fb;margin:0;padding:0} .topbar{background:#0b74ff;color:#fff;padding:10px;display:flex;justify-content:space-between} .btn{background:#ddd;padding:6px 10px;border-radius:5px;text-decoration:none;margin-left:5px} .btn.primary{background:#0b74ff;color:#fff} .btn.red{background:#f04;color:#fff} .container{display:flex;padding:10px;gap:10px} .sidebar{width:250px;background:#fff;padding:10px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.1)} .editor{flex:1;background:#fff;padding:10px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.1)} .codeBlock{background:#111;color:#eee;padding:10px;border-radius:6px;min-height:300px;overflow:auto} .listItem{padding:8px;margin:4px 0;background:#f0f6ff;cursor:pointer;border-radius:4px} .listItem:hover{background:#e0edff} .loginBox{background:#fff;padding:20px;border-radius:6px;max-width:400px;margin:40px auto} .form input,.form textarea{width:100%;padding:8px;margin:6px 0;border:1px solid #ddd;border-radius:4px} .actions{margin-top:10px;display:flex;gap:8px}