.app-container{font-family:Arial,sans-serif;max-width:100%;margin:0;padding:0;background-color:#fff}.header{background-color:#f8f9fa;padding:10px;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000001a}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.toolbar button{padding:5px 10px;border:none;border-radius:5px;cursor:pointer;background-color:#4caf50;color:#fff}.toolbar button:hover{background-color:#45a049}.notebook{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px;margin-top:20px;padding:0 10px}.cell{border:1px solid #ddd;border-radius:8px;padding:10px;background:#f9f9f9;margin-bottom:20px}.output-cell{margin-top:10px;border-top:1px solid #ccc;padding:10px;background:#fffdfd;border-radius:5px;word-wrap:break-word;overflow-x:auto}.output-cell img{max-width:100%;height:auto}.run-button{align-self:flex-end;background-color:#4caf50;color:#fff;border:none;border-radius:5px;padding:10px;cursor:pointer;margin-bottom:10px}.run-button:hover{background-color:#45a049}.cell-toolbar{display:flex;justify-content:flex-end}.cell-number{font-weight:700;margin-bottom:5px}.monaco-editor{overflow:auto}@media (max-width: 600px){.app-container{margin:0;border-radius:0;box-shadow:none}.toolbar{justify-content:center}.notebook{padding:0 5px}.cell{padding:5px}.output-cell{padding:5px;font-size:12px}}